Thinkphp和Bootstrap結(jié)合打造個性的分頁樣式(推薦)
先吐槽一下ThinkPHP3.1版的分頁樣式,雖然看起來也很簡單大方,但是所有的頁碼全是使用簡單的數(shù)字,之間的空隙比較小,不大容易點,還有那個“前5頁”和“后5頁”顯得有點多余,因為點擊當前顯示第一頁的“上一頁”按鈕會自然出來前5頁。
3.1的分頁效果是這個樣子滴:

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

而我開發(fā)頂求網(wǎng)的時候ThinkPHP5還沒出來,使用的是3.1版本,那么在3.1版中如何才能使用BootStrap的分頁組件呢?以下是解決辦法:
1.派生thinkphp的原生page.class.php類
為了不影響核心文件(違反設(shè)計模式種的對修改封閉原則),我派生了一個子類ListPage,該子類代碼如下:
import('ORG.Util.Page');// 導(dǎo)入分頁類
class ListPage extends Page
{//針對本系統(tǒng)User控制器特點重寫Page類中相關(guān)函數(shù)
/**
* 分頁顯示輸出
* @access public
*/
protected $config = array('header'=>'條記錄','prev'=>'<','next'=>'>',
'first'=>'<<','last'=>'>>',
'theme'=>'%first% %upPage% %linkPage% %downPage% %end%');
……
可以看到,首先導(dǎo)入核心類所處的文件,然后就可以大膽的派生了,而這里只列出了核心代碼。我們只需要修改page類中的Config變量就可以了,在子類中重寫該變量為上面的形式,然后再所有Action(Controller)中使用該子類來建立分頁對象即:
$Page=new ListPage($count,5);
這樣就可以使用我們上面的設(shè)置了,好了,搞定,新的分頁顯示效果如下:


以上所述是小編給大家介紹的Thinkphp和Bootstrap結(jié)合打造個性的分頁樣式(推薦),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- tp5框架內(nèi)使用tp3.2分頁的方法分析
- tp5框架無刷新分頁實現(xiàn)方法分析
- TP5框架實現(xiàn)自定義分頁樣式的方法示例
- ThinkPHP分頁類使用詳解
- ThinkPHP 3.2 數(shù)據(jù)分頁代碼分享
- Thinkphp搜索時首頁分頁和搜索頁保持條件分頁的方法
- thinkPHP5分頁功能實現(xiàn)方法分析
- ThinkPHP3.2.3實現(xiàn)分頁的方法詳解
- 在Thinkphp中使用ajax實現(xiàn)無刷新分頁的方法
- thinkPHP5框架分頁樣式類完整示例
- thinkPHP3.2實現(xiàn)分頁自定義樣式的方法
- TP3.2框架分頁相關(guān)實現(xiàn)方法分析
相關(guān)文章
用php實現(xiàn)百度網(wǎng)盤圖片直鏈的代碼分享
華為網(wǎng)盤有個直鏈功能,不過需要錢買。我有百度網(wǎng)盤,不過百度的網(wǎng)盤外鏈不能在網(wǎng)頁里直接使用圖片 華為的直鏈功能可以做到。百度哪天也能有這功能就好了。2012-11-11
yii2分頁之實現(xiàn)跳轉(zhuǎn)到具體某頁的實例代碼
這篇文章主要介紹了yii2分頁之實現(xiàn)跳轉(zhuǎn)到具體某頁的實例代碼的相關(guān)資料,需要的朋友可以參考下2016-06-06
php利用imagemagick實現(xiàn)復(fù)古老照片效果實例
imagick是一個PHP的擴展,用ImageMagick提供的API來進行圖片的創(chuàng)建與修改,不過這些操作已經(jīng)包裝到擴展imagick中去了,最終調(diào)用的是ImageMagick提供的API。這篇文章主要給大家介紹了php利用imagemagick實現(xiàn)復(fù)古老照片的效果實例,需要的朋友可以參考下。2017-02-02
yii實現(xiàn)CheckBox復(fù)選框在同一行顯示的方法
這篇文章主要介紹了yii實現(xiàn)CheckBox復(fù)選框在同一行顯示的方法,對比了網(wǎng)上搜集的方法,給出了改進的意見,非常具有實用價值,需要的朋友可以參考下2014-12-12

