列表頁分頁分兩種情況 1\.使用bootstrap框架布局頁面，并使用bootstrap的分頁插件進行分頁 2\.未使用bootstrap框架布局頁面 #### 1.使用bootstrap框架布局頁面，并使用bootstrap的分頁插件進行分頁 在列表頁中加入 <ul class="pagination" id="pagination"></ul> 代碼，并引入bootstrappage.js分頁插件，再寫javascript代碼分頁代碼。代碼如下： <script type="text/javascript"> (function($) { // 通知公告列表 // value每頁20條，15個按鈕，共200條createPage({$listRow}, 15, {$count}); function createPage(pageSize, buttons, total) { $(".pagination").jBootstrapPage({ pageSize: pageSize, total: total, initSelecteIndex: {$p}, maxPageButton: buttons, onPageClicked: function(obj, pageIndex) { // urlAddParam('p', pageIndex + 1); window.location.href = urlAddParam('p', pageIndex + 1); } }); } /\*\* \* \[urlAddParam Thinkphp URL兼容模式添加參數\] \* @param {\[type\]} key \[參數鍵名\] \* @param {\[type\]} value \[參數值\] \* @return {\[type\]} \[Thinkphp URL兼容模式，URL字符串\] \*/ function urlAddParam(key, value){ var app = window.location.href; var split = '{:C("URL\_PATHINFO\_DEPR")}'; var paramSplit = {:C('URL\_MODEL')} > 2 ? '?s=' : '/'; if(paramSplit == '?s='){ var href = app.split(paramSplit)\[0\]; var param = app.split(paramSplit)\[1\]; }else{ var href = 'http://'+window.location.host var param = window.location.pathname.substr(1); } var ext = param.split('.')\[1\]; param = param.replace('.'+ext,''); YNCMS模板制作標簽調用 param = param.split(split); var isexit = false; var index; for (var i = 0; i < param.length - 1; i++) { if(param\[i\] == key){ isexit = true; index = i; } } if(isexit){ param\[index + 1\] = value; }else{ param.push(key); param.push(value); } param = param.join(split); app = href + paramSplit + param + '.' + ext; return app; } })(jQuery); </script> YNCMS模板制作標簽調用 param = param.split(split); var isexit = false; var index; for (var i = 0; i < param.length - 1; i++) { if(param\[i\] == key){ isexit = true; index = i; } } if(isexit){ param\[index + 1\] = value; }else{ param.push(key); param.push(value); } param = param.join(split); app = href + paramSplit + param + '.' + ext; return app; } })(jQuery); </script> 可以將上面這段代碼封裝入一個文件，再在需要的地方引入即可。 #### 2.未使用bootstrap框架布局頁面 在列表頁需要插入 {$page} 調用分頁代碼結構。 可以在Home分組Column控制器的index方法里面進行整站定制。 找到 $Page = new \\Think\\Page($count,$listRow); 代碼，在該代碼的下一行配置分頁樣式，通過 $Page -> setConfig(); 來進行配置。 setConfig方法支持的屬性包括： 屬性 描述 header 頭部描述信息，默認值 “共 %TOTAL\_ROW% 條記錄” prev 上一頁描述信息，默認值 “<<” next 下一頁描述信息，默認值 “>>” first 第一頁描述信息，默認值 “1...” last 最后一頁描述信息，默認值 “...%TOTAL\_PAGE%” theme 分頁主題描述信息，包括了上面所有元素的組合 ，設置該屬性可以改變分頁的各個單元的顯示位置，默認值是 "%FIRST% %UP\_PAGE% %LINK\_PAGE% %DOWN\_PAGE% %END%" 其中，顯示位置的對應的關系為： 位置 說明 %FIRST% 表示第一頁的鏈接顯示 %UP\_PAGE% 表示上一頁的鏈接顯示 %LINK\_PAGE% 表示分頁的鏈接顯示 %DOWN\_PAGE% 表示下一頁的鏈接顯示 %END% 表示最后一頁的鏈接顯示 除了改變顯示信息外，你還可以使用樣式來定義分頁的顯示效果。 這些樣式class包括：first（第一頁）、 prev（上一頁）、next（下一頁）、end（最后一頁）、num（其他頁的數字）、current（當前頁）。