如何使用Thinkphp和Bootstrap實(shí)現(xiàn)分頁(yè)

這篇文章主要介紹了如何使用Thinkphp和Bootstrap實(shí)現(xiàn)分頁(yè)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

先吐槽一下ThinkPHP3.1版的分頁(yè)樣式，雖然看起來(lái)也很簡(jiǎn)單大方，但是所有的頁(yè)碼全是使用簡(jiǎn)單的數(shù)字，之間的空隙比較小，不大容易點(diǎn)，還有那個(gè)“前5頁(yè)”和“后5頁(yè)”顯得有點(diǎn)多余，因?yàn)辄c(diǎn)擊當(dāng)前顯示第一頁(yè)的“上一頁(yè)”按鈕會(huì)自然出來(lái)前5頁(yè)。

3.1的分頁(yè)效果是這個(gè)樣子滴：

針對(duì)以上種種不太理想的情況，又加上最近學(xué)習(xí)了ThinkPHP5,在ThinkPHP5中提供了對(duì)BootStrap分頁(yè)樣式的完美支持，在thinkphp5中只要引入了BootStrap.css文件，在使用Controller中使用分頁(yè)函數(shù)后，前臺(tái)自然就會(huì)按照BootStrap的樣式來(lái)顯示，效果是這個(gè)樣子滴：

而我開(kāi)發(fā)頂求網(wǎng)的時(shí)候ThinkPHP5還沒(méi)出來(lái)，使用的是3.1版本，那么在3.1版中如何才能使用BootStrap的分頁(yè)組件呢?以下是解決辦法：

1.派生thinkphp的原生page.class.php類

為了不影響核心文件（違反設(shè)計(jì)模式種的對(duì)修改封閉原則），我派生了一個(gè)子類ListPage，該子類代碼如下：

import('ORG.Util.Page');// 導(dǎo)入分頁(yè)類
 class ListPage extends Page
 {//針對(duì)本系統(tǒng)User控制器特點(diǎn)重寫(xiě)Page類中相關(guān)函數(shù)
 /**
   * 分頁(yè)顯示輸出
   * @access public
   */
  protected $config = array('header'=>'條記錄','prev'=>'<','next'=>'>',
  'first'=>'<<','last'=>'>>',
  'theme'=>'%first% %upPage% %linkPage% %downPage% %end%');
  ……

可以看到，首先導(dǎo)入核心類所處的文件，然后就可以大膽的派生了，而這里只列出了核心代碼。我們只需要修改page類中的Config變量就可以了，在子類中重寫(xiě)該變量為上面的形式，然后再所有Action（Controller）中使用該子類來(lái)建立分頁(yè)對(duì)象即：

$Page=new ListPage($count,5);

這樣就可以使用我們上面的設(shè)置了，好了，搞定，新的分頁(yè)顯示效果如下：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用Thinkphp和Bootstrap實(shí)現(xiàn)分頁(yè)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!