上節我們制作了分頁顯示,但是thinkphp本身自帶的分頁效果不忍直視,美觀度嚴重不足,本節我們來美化一下顯示效果.重點是學習一下分頁效果的美化辦法.

分頁后果

基本思路

我們利用開源HTML5跨屏前端框架---amazeui.利用此框架內置的分頁顯示效果,改動Page.class.php,實現分頁效果的美化.

一、引入amaze ui

我們下載Amaze UI緊縮包,解壓后,拷貝assets目錄到public文件夾內.然后打開fenye.html,引入assets文件夾內的amazeui.css,代碼如圖：

引入css

二、熟悉Amaze UI分頁代碼

我們打開Amaze UI官網,查看分頁顯示后果圖及相關代碼,了解其分頁css設計.

html分頁后果

三、修改Page.class.php

Page.class.php文件是thinkphp的核心文件,為了避免修改出現不測,我們在修改前先備份一下.

通過上面察看,我們發現Amaze UI的分頁顯示,利用<ul>和<li>,并通過設置相應的class來設置分頁顯示效果的.

我們找到Page.class.php中的show辦法.然后找到“替換分頁內容”的代碼,修改代碼如圖:

php代碼改動

然后找到“//上一頁,//下一頁,//第一頁,//最后一頁,//數字連接”分離進行修改：

php代碼改動

如果您仔細察看的話,會發現,我們其實都在所有<a>和</a>標簽外加上了<li>和</li>.

下面我們在瀏覽器中打開http://localhost/tp3/admin.php/Admin/Fenye/fenye,如果配置正確的話顯示后果如下：

最終后果

接下來我們來看幾位即有顏值又有實力的法式猿.

代碼女神---趙潔瓊

代碼女神---趙潔瓊

代碼女神---趙潔瓊

被著名游戲媒體網站Kotaku評為十年來最具影響的十位游戲界女性之一,也是其中唯一的女法式員---余國荔

余國荔

余國荔

喜歡的話,可以存眷我們.

如有疑問可以留言,我們會第一時間進行反饋.感激!

本文由頭條號“性命一路前行”原創,請勿轉載.