### [dedecms怎么分页样式](https://www.prosaas.cn/article/5108)

**Published:** 2019-07-27T08:35:53

**Author:** 5201314

**Excerpt:** 如果你想了解更多关于dedecms的知识可以点击：DEDECMS教程1、在HTML模板头文件head引入下面代…

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212123627331.jpg)

如果你想了解更多关于dedecms的知识可以点击：**DEDECMS教程**

**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 = "&nbsp;&nbsp;共&nbsp;".$pagesNum."&nbsp;页&nbsp;&nbsp;共&nbsp;".$allItemTotal."&nbsp;条记录";

    //按页显示
    $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>

**4、调用CSS样式：**

<div class="page\_div" align="center">
    {dede:arcpagelist tagid='index'/}
</div>

以上就是dedecms怎么分页样式的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** DEDECMS

---