Thinkphp和Bootstrap結(jié)合打造個(gè)性的分頁樣式(推薦)
先吐槽一下ThinkPHP3.1版的分頁樣式,雖然看起來也很簡單大方,但是所有的頁碼全是使用簡單的數(shù)字,之間的空隙比較小,不大容易點(diǎn),還有那個(gè)“前5頁”和“后5頁”顯得有點(diǎn)多余,因?yàn)辄c(diǎn)擊當(dāng)前顯示第一頁的“上一頁”按鈕會(huì)自然出來前5頁。
3.1的分頁效果是這個(gè)樣子滴:
針對(duì)以上種種不太理想的情況,又加上最近學(xué)習(xí)了ThinkPHP5,在ThinkPHP5中提供了對(duì)BootStrap分頁樣式的完美支持,在thinkphp5中只要引入了BootStrap.css文件,在使用Controller中使用分頁函數(shù)后,前臺(tái)自然就會(huì)按照BootStrap的樣式來顯示,效果是這個(gè)樣子滴:
而我開發(fā)頂求網(wǎng)的時(shí)候ThinkPHP5還沒出來,使用的是3.1版本,那么在3.1版中如何才能使用BootStrap的分頁組件呢?以下是解決辦法:
1.派生thinkphp的原生page.class.php類
為了不影響核心文件(違反設(shè)計(jì)模式種的對(duì)修改封閉原則),我派生了一個(gè)子類ListPage,該子類代碼如下:
import('ORG.Util.Page');// 導(dǎo)入分頁類 class ListPage extends Page {//針對(duì)本系統(tǒng)User控制器特點(diǎn)重寫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)中使用該子類來建立分頁對(duì)象即:
$Page=new ListPage($count,5);
這樣就可以使用我們上面的設(shè)置了,好了,搞定,新的分頁顯示效果如下:
以上所述是小編給大家介紹的Thinkphp和Bootstrap結(jié)合打造個(gè)性的分頁樣式(推薦),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- tp5框架內(nèi)使用tp3.2分頁的方法分析
- tp5框架無刷新分頁實(shí)現(xiàn)方法分析
- TP5框架實(shí)現(xiàn)自定義分頁樣式的方法示例
- ThinkPHP分頁類使用詳解
- ThinkPHP 3.2 數(shù)據(jù)分頁代碼分享
- Thinkphp搜索時(shí)首頁分頁和搜索頁保持條件分頁的方法
- thinkPHP5分頁功能實(shí)現(xiàn)方法分析
- ThinkPHP3.2.3實(shí)現(xiàn)分頁的方法詳解
- 在Thinkphp中使用ajax實(shí)現(xiàn)無刷新分頁的方法
- thinkPHP5框架分頁樣式類完整示例
- thinkPHP3.2實(shí)現(xiàn)分頁自定義樣式的方法
- TP3.2框架分頁相關(guān)實(shí)現(xiàn)方法分析
相關(guān)文章
thinkPHP3.2實(shí)現(xiàn)分頁自定義樣式的方法
這篇文章主要介紹了thinkPHP3.2實(shí)現(xiàn)分頁自定義樣式的方法,結(jié)合實(shí)例形式分析了thinkPHP3.2針對(duì)底層框架代碼的修改與使用相關(guān)操作技巧,需要的朋友可以參考下2018-01-01laravel5.1框架基礎(chǔ)之Blade模板繼承簡單使用方法分析
這篇文章主要介紹了laravel5.1框架基礎(chǔ)之Blade模板繼承簡單使用方法,結(jié)合實(shí)例形式分析了laravel5.1框架模板繼承原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-09-09php array_walk 對(duì)數(shù)組中的每個(gè)元素應(yīng)用用戶自定義函數(shù)詳解
php array_walk函數(shù)將用戶自定義函數(shù)應(yīng)用到 array 數(shù)組中的每個(gè)單元,即使用用戶自定義函數(shù)對(duì)數(shù)組中的每個(gè)元素做回調(diào)處理。 本文章向大家講解array_walk函數(shù)的基本語法及使用實(shí)例,需要的朋友可以參考下2016-11-11PHP isset()與empty()的使用區(qū)別詳解
本文主要介紹了PHP isset()與empty()的使用區(qū)別。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02thinkphp文件引用與分支結(jié)構(gòu)用法實(shí)例
這篇文章主要介紹了thinkphp文件引用與分支結(jié)構(gòu)用法,以實(shí)例形式演示了css與js文件導(dǎo)入的方法,以及if與switch語句的用法,需要的朋友可以參考下2014-11-11laravel 之 Eloquent 模型修改器和序列化示例
今天小編就為大家分享一篇laravel 之 Eloquent 模型修改器和序列化示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10