如果你想了解更多關于dedecms的知識可以點擊:DEDECMS教程
1、在HTML模板頭文件head引入下面代碼:
<script></script> ????????<script> function multi(pagenum,tagid) { var taget_obj = document.getElementById(tagid); var taget_obj_page = document.getElementById("page_"+tagid); myajax = new DedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid); myajax = new DedeAjax(taget_obj_page,false,false,'','',''); myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid); DedeXHTTP = null; } </script>
?以上是引用AJAX功能,實現時時翻頁功能。
2、做模板頁的標簽代碼:
{dede:arclist?typeid='14'?titlelen='200'?row='100'?tagid='index'?pagesize='5'} ????????
????????????
[field:pubdate?function=”MyDate(‘Y-m-d’,@me)”/]
????????
???????{/dede:arclist} ???{dede:arcpagelist?tagid=’index’/}
上面兩組標簽中tagid=”index”要對應上?
刷新頁面會出來數字123
3、做翻頁樣式?
找到文件dedeincludetaglibarcpagelist.lib.php?
找到方法function multipage 翻頁樣式在這里修改?
以下是做好的一斷代碼可以直接復制
function?multipage($allItemTotal,?$currPageNum,?$pageSize,?$tagid='') { ????if?($allItemTotal?==?0)?return?""; ????//計算總頁數 ????$pagesNum?=?ceil($allItemTotal/$pageSize); ????//第一頁顯示 ????$firstPage?=?($currPageNum?[首頁]"?:?"<a><span>[首頁]</span></a>"; ????//最后一頁顯示 ????$lastPage?=?($currPageNum?>=?$pagesNum)??"<span>[尾頁]</span>".?$currPageNum?:?"<a><span>[尾頁]</span></a>"; ????//上一頁顯示 ????$prePage??=?($currPageNum?[上一頁]"?:?"<a><span>[上一頁]</span></a>"; ????//下一頁顯示 ????$nextPage?=?($currPageNum?>=?$pagesNum)???"<span>[下一頁]</span>"?:?"<a><span>[下一頁]</span></a>"; ????//共X頁?共X條記錄 ????$pagesNum2?=?"??共?".$pagesNum."?頁??共?".$allItemTotal."?條記錄"; ????//按頁顯示 ????$listNums?=?""; ????$listNums.=?$firstPage; ????$listNums.=?$prePage; ????for?($i=($currPageNum-4);?$i?$pagesNum)?continue; ????????if?($i?==?$currPageNum) ????????{ ????????????$listNums.=?"<a><span>".$i."</span></a>"; ????????}else? ????????{ ????????????$listNums.=?"?<a><span>".?$i?."</span></a>?"; ????????} ????} ????$listNums.=?$nextPage; ????$listNums.=?$lastPage; ????$listNums.=?$pagesNum2; ????$returnUrl?=?$listNums; ????return?$returnUrl; }
刷新后效果:[首頁][上一頁]12345[下一頁][尾頁]
3、做CSS分頁樣式?
在模板頭文件head中間加入如下代碼:
<style> * { padding: 0; margin: 0; } /* * 外面盒子樣式---自己定義 */ .page_div { font-size: 12px; font-family: "microsoft yahei"; color: #666666; margin-right: 10px; padding-left: 42px; box-sizing: border-box; } /* * 頁數按鈕樣式 */ .page_div span { min-width: 30px; height: 28px; border: 1px solid #dce0e0!important; text-align: center; margin: 0 4px; cursor: pointer; line-height: 28px; color: #666666; font-size: 13px; display: inline-block; } </style>
4、調用CSS樣式:
<div> ????{dede:arcpagelist?tagid='index'/} </div>
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦