1、在HTML模板头文件head引入下面代码:
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></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'}
<li>
<p><a href="[field:arcurl/]" target="_blank">[field:title/]...</a></p>
<p>[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
</li>
{/dede:arclist}
{dede:arcpagelist tagid='index'/}
上面两组标签中tagid=”index”要对应上
刷新页面会出来数字123
3、做翻页样式
找到文件dede\include\taglib\arcpagelist.lib.php
找到方法function multipage 翻页样式在这里修改
以下是做好的一断代码可以直接复制
function multipage($allItemTotal, $currPageNum, $pageSize, $tagid='')
{
if ($allItemTotal == 0) return "";
//计算总页数
$pagesNum = ceil($allItemTotal/$pageSize);
//第一页显示
$firstPage = ($currPageNum <= 1) ? "<span>[首页]</span>" : "<a href='javascript:multi(1,\"{$tagid}\")' title='第1页'><span>[首页]</span></a>";
//最后一页显示
$lastPage = ($currPageNum >= $pagesNum)? "<span>[尾页]</span>". $currPageNum : "<a href='javascript:multi(". $pagesNum . ",\"{$tagid}\")' title='第". $pagesNum ."页'><span>[尾页]</span></a>";
//上一页显示
$prePage = ($currPageNum <= 1) ? "<span>[上一页]</span>" : "<a href='javascript:multi(". ($currPageNum-1) . ",\"{$tagid}\")' accesskey='p' title='上一页'><span>[上一页]</span></a>";
//下一页显示
$nextPage = ($currPageNum >= $pagesNum) ? "<span>[下一页]</span>" : "<a href='javascript:multi(". ($currPageNum+1) .",\"{$tagid}\")' title='下一页'><span>[下一页]</span></a>";
//共X页 共X条记录
$pagesNum2 = " 共 ".$pagesNum." 页 共 ".$allItemTotal." 条记录";
//按页显示
$listNums = "";
$listNums.= $firstPage;
$listNums.= $prePage;
for ($i=($currPageNum-4); $i<($currPageNum+9); $i++) {
if ($i < 1 || $i > $pagesNum) continue;
if ($i == $currPageNum)
{
$listNums.= "<a href='javascript:void(0)' class='thislink'><span>".$i."</span></a>";
}else
{
$listNums.= " <a href='javascript:multi(". $i .",\"{$tagid}\")' title='". $i ."'><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>
调用CSS样式:
<div class="page_div" align="center">
{dede:arcpagelist tagid='index'/}
</div>