Thinkphp和Bootstrap結合打造個人分頁的樣式

不言
發布: 2023-03-31 09:28:02
原創
1552 人瀏覽過

這篇文章主要介紹了Thinkphp和Bootstrap結合打造個性的分頁樣式(推薦)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

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

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

#針對以上種種不太理想的情況,又加上最近學習了ThinkPHP5,在ThinkPHP5中提供了對BootStrap分頁樣式的完美支持,在thinkphp5中只要引入了BootStrap.css文件,在使用Controller中使用分頁函數後,前台自然就會按照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(&#39;header&#39;=>&#39;条记录&#39;,&#39;prev&#39;=>&#39;<&#39;,&#39;next&#39;=>&#39;>&#39;,
  &#39;first&#39;=>&#39;<<&#39;,&#39;last&#39;=>&#39;>>&#39;,
  &#39;theme&#39;=>&#39;%first% %upPage% %linkPage% %downPage% %end%&#39;);
  ……
登入後複製

可以看到,先匯入核心類別所處的文件,然後就可以大膽的衍生了,而這裡只列出了核心程式碼。我們只需要修改page類別中的Config變數就可以了,在子類別中重寫該變數為上面的形式,然後再所有Action(Controller)中使用該子類別來建立分頁物件即:

$Page=new ListPage($count,5);
登入後複製

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

##以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關建議:

thinkphp標籤實作bootsrtap輪播carousel的程式碼

以上是Thinkphp和Bootstrap結合打造個人分頁的樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板