thinkPHP3.2實現分頁自訂樣式的方法講解

來源:互聯網
上載者:User
這篇文章主要介紹了thinkPHP3.2實現分頁自訂樣式的方法,結合執行個體形式分析了thinkPHP3.2針對底層架構代碼的修改與使用相關操作技巧,需要的朋友可以參考下

本文執行個體講述了thinkPHP3.2實現分頁自訂樣式的方法。分享給大家供大家參考,具體如下:

下面是一個Tp3.2的自訂分頁,這個方法也是在看過一個網友的部落格之後受到啟發這麼寫的。經過了一些修改,大家在看到代碼之後也可以進行修改自訂樣式;

主要的樣式控制檔案就是page.css,架構底層的分頁類可以直接進行粘貼複製使用;

1. 架構底層的page.class.php 路徑( Engine\Library\Think)

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

<?phpnamespace 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 "<p>{$page_str}</p>";  }}

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;}

您可能感興趣的文章:

Laravel架構+Blob實現的多圖上傳功能樣本解析

Swoole 1.10.0新版本發布,增加了多項新特性解析

PHP實現順時針列印矩陣(螺旋矩陣)的方法樣本講解

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.