thinkPHP3.2如何實現分頁自定義樣式

這篇文章主要介紹了thinkPHP3.2如何實現分頁自定義樣式，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

下面是一個Tp3.2的自定義分頁，這個方法也是在看過一個網友的博客之后受到啟發這么寫的。經過了一些修改，大家在看到代碼之后也可以進行修改自定義樣式；

主要的樣式控制文件就是page.css,框架底層的分頁類可以直接進行粘貼復制使用；

1. 框架底層的page.class.php 路徑（ Engine\Library\Think）

其實這個文件不需要過多修改，也可以直接使用官方的就行；下面是我現在用的，稍作了修改；

<?php
namespace Think;
class Page{
  public $firstRow; // 起始行數
  public $listRows; // 列表每頁顯示行數
  public $parameter; // 分頁跳轉時要帶的參數
  public $totalRows; // 總行數
  public $totalPages; // 分頁總頁面數
  public $rollPage  = 11;// 分頁欄每頁顯示的頁數
  public $lastSuffix = true; // 最后一頁是否顯示總頁數
  private $p    = 'p'; //分頁參數名
  private $url   = ''; //當前鏈接URL
  private $nowPage = 1;
  // 分頁顯示定制
  private $config = array(
    'header' => '<span class="rows">共 %TOTAL_ROW% 條記錄</span>',
    'prev'  => '<<',
    'next'  => '>>',
    'first' => '1...',
    'last'  => '...%TOTAL_PAGE%',
    'theme' => '%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%',
  );
  /**
   * 架構函數
   * @param array $totalRows 總的記錄數
   * @param array $listRows 每頁顯示記錄數
   * @param array $parameter 分頁跳轉的參數
   */
  public function __construct($totalRows, $listRows=20, $parameter = array()) {
    C('VAR_PAGE') && $this->p = C('VAR_PAGE'); //設置分頁參數名稱
    /* 基礎設置 */
    $this->totalRows = $totalRows; //設置總記錄數
    $this->listRows  = $listRows; //設置每頁顯示行數
    $this->parameter = empty($parameter) ? $_GET : $parameter;
    $this->nowPage  = empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
    $this->firstRow  = $this->listRows * ($this->nowPage - 1);
  }
  /**
   * 定制分頁鏈接設置
   * @param string $name 設置名稱
   * @param string $value 設置值
   */
  public function setConfig($name,$value) {
    if(isset($this->config[$name])) {
      $this->config[$name] = $value;
    }
  }
  /**
   * 生成鏈接URL
   * @param integer $page 頁碼
   * @return string
   */
  private function url($page){
    return str_replace(urlencode('[PAGE]'), $page, $this->url);
  }
  /**
   * 組裝分頁鏈接
   * @return string
   */
  public function show() {
    if(0 == $this->totalRows) return '';
    /* 生成URL */
    $this->parameter[$this->p] = '[PAGE]';
    $this->url = U(ACTION_NAME, $this->parameter);
    /* 計算分頁信息 */
    $this->totalPages = ceil($this->totalRows / $this->listRows); //總頁數
    if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) {
      $this->nowPage = $this->totalPages;
    }
    /* 計算分頁零時變量 */
    $now_cool_page   = $this->rollPage/2;
    $now_cool_page_ceil = ceil($now_cool_page);
    $this->lastSuffix && $this->config['last'] = $this->totalPages;
    //上一頁
    $up_row = $this->nowPage - 1;
    $up_page = $up_row > 0 ? '<a class="prev" href="' . $this->url($up_row) . '" rel="external nofollow" >' . $this->config['prev'] . '</a>' : '';
    //下一頁
    $down_row = $this->nowPage + 1;
    $down_page = ($down_row <= $this->totalPages) ? '<a class="next" href="' . $this->url($down_row) . '" rel="external nofollow" >' . $this->config['next'] . '</a>' : '';
    //第一頁
    $the_first = '';
    if($this->totalPages > $this->rollPage && ($this->nowPage - $now_cool_page) >= 1){
      $the_first = '<a class="first" href="' . $this->url(1) . '" rel="external nofollow" >' . $this->config['first'] . '</a>';
    }
    //最后一頁
    $the_end = '';
    if($this->totalPages > $this->rollPage && ($this->nowPage + $now_cool_page) < $this->totalPages){
      $the_end = '<a class="end" href="' . $this->url($this->totalPages) . '" rel="external nofollow" >' . $this->config['last'] . '</a>';
    }
    //數字連接
    $link_page = "";
    for($i = 1; $i <= $this->rollPage; $i++){
      if(($this->nowPage - $now_cool_page) <= 0 ){
        $page = $i;
      }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){
        $page = $this->totalPages - $this->rollPage + $i;
      }else{
        $page = $this->nowPage - $now_cool_page_ceil + $i;
      }
      if($page > 0 && $page != $this->nowPage){
        if($page <= $this->totalPages){
          $link_page .= '<a class="num" href="' . $this->url($page) . '" rel="external nofollow" >' . $page . '</a>';
        }else{
          break;
        }
      }else{
        if($page > 0 && $this->totalPages != 1){
          $link_page .= '<span class="current">' . $page . '</span>';
        }
      }
    }
    //替換分頁內容
    $page_str = str_replace(
      array('%HEADER%', '%NOW_PAGE%', '%UP_PAGE%', '%DOWN_PAGE%', '%FIRST%', '%LINK_PAGE%', '%END%', '%TOTAL_ROW%', '%TOTAL_PAGE%'),
      array($this->config['header'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
      $this->config['theme']);
    return "<div>{$page_str}</div>";
  }
}

2. 控制器，隨便寫個demo。

public function index(){
    $obj=M("news");
    $count = $obj->where('status=1 and classID=74 ')->count();// 查詢滿足要求的總記錄數
    $limit = 10;
    $Page = new \Think\Page($count,$limit);// 實例化分頁類 傳入總記錄數和每頁顯示的記錄數(25)
    $show    = $Page->show();// 分頁顯示輸出
    $list = $obj->where('status=1 and classID=74 ')->order('writetime desc')->limit($Page->firstRow.','.$Page->listRows)->select();
    $firstlist = $obj->where('status=1 and classID=74 and Indexfirst=1')->order('writetime desc')->limit(4)->select();
    $this->assign('firstlist',$firstlist);
    $this->assign('page',$show);// 賦值分頁輸出
    $this->assign('list',$list);
    $this->display();
}

3. 接下來是View層，樣式控制。page.css文件

.b-page {
 background: #fff;
 box-shadow: 0px 1px 2px 0px #E2E2E2;
}
.page {
 width: 100%;
 background: #FFF;
 text-align: center;
 overflow: hidden;
 font-size:14px;
 margin-top:50px;
}
.page .first,
.page .prev,
.page .current,
.page .num,
.page .current,
.page .next,
.page .end {
 padding: 8px 16px;
 margin: 0px 5px;
 display: inline-block;
 color: #144970;
 border: 1px solid #F2F2F2;
 border-radius: 5px;
}
.page .first:hover,
.page .prev:hover,
.page .current:hover,
.page .num:hover,
.page .current:hover,
.page .next:hover,
.page .end:hover {
 text-decoration: none;
 background: #F8F5F5;
}
.page .current {
 background-color: #144970;
 color: #FFF;
 border-radius: 5px;
}
.page .current:hover {
 text-decoration: none;
 background: #144970;
}
.page .not-allowed {
 cursor: not-allowed;
}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“thinkPHP3.2如何實現分頁自定義樣式”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!