溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用Thinkphp和Bootstrap實現分頁

發布時間:2021-09-03 09:28:55 來源:億速云 閱讀:176 作者:小新 欄目:開發技術

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

先吐槽一下ThinkPHP3.1版的分頁樣式,雖然看起來也很簡單大方,但是所有的頁碼全是使用簡單的數字,之間的空隙比較小,不大容易點,還有那個“前5頁”和“后5頁”顯得有點多余,因為點擊當前顯示第一頁的“上一頁”按鈕會自然出來前5頁。

3.1的分頁效果是這個樣子滴:

如何使用Thinkphp和Bootstrap實現分頁

針對以上種種不太理想的情況,又加上最近學習了ThinkPHP5,在ThinkPHP5中提供了對BootStrap分頁樣式的完美支持,在thinkphp5中只要引入了BootStrap.css文件,在使用Controller中使用分頁函數后,前臺自然就會按照BootStrap的樣式來顯示,效果是這個樣子滴:

如何使用Thinkphp和Bootstrap實現分頁

而我開發頂求網的時候ThinkPHP5還沒出來,使用的是3.1版本,那么在3.1版中如何才能使用BootStrap的分頁組件呢?以下是解決辦法:

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

為了不影響核心文件(違反設計模式種的對修改封閉原則),我派生了一個子類ListPage,該子類代碼如下:

import('ORG.Util.Page');// 導入分頁類
 class ListPage extends Page
 {//針對本系統User控制器特點重寫Page類中相關函數
 /**
   * 分頁顯示輸出
   * @access public
   */
  protected $config = array('header'=>'條記錄','prev'=>'<','next'=>'>',
  'first'=>'<<','last'=>'>>',
  'theme'=>'%first% %upPage% %linkPage% %downPage% %end%');
  ……

可以看到,首先導入核心類所處的文件,然后就可以大膽的派生了,而這里只列出了核心代碼。我們只需要修改page類中的Config變量就可以了,在子類中重寫該變量為上面的形式,然后再所有Action(Controller)中使用該子類來建立分頁對象即:

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

這樣就可以使用我們上面的設置了,好了,搞定,新的分頁顯示效果如下:

如何使用Thinkphp和Bootstrap實現分頁

如何使用Thinkphp和Bootstrap實現分頁

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女