首页 > 网站制作
一言推荐::D 获取中...

帝国CMS7.5列表页分页样式修改美化

OLEOU/ lz1473/网站制作/2020-08-27/

第一步:进入帝国cms后台,点击系统设置->系统参数设置->信息设置:里面有个"列表分页函数(列表)"选项,将里面的函数名修改为user_ShowListMorePage
第二部:复制下面分页代码到 e/class/userfun.php <?php   ?>  之间。如果第一步无法操作,先进行第二步在操作第一步。

function user_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=""){  
    global $fun_r,$public_r;  
    if($num<=$line)  
    {  
        $pager['showpage']='';  
        return $pager;  
    }  
    $page_line=$public_r['listpagelistnum'];  
    $snum=2;  
   
    //上一页  
    if($page<>1)  
    {  
        $toppage='<li class="page-item"><a href="'.$dolink.'index'.$type.'" class="page-link disabled">'.$fun_r['startpage'].'</a></li>';    //首页  
        $pagepr=$page-1;  
        if($pagepr==1)  
        {  
            $prido="index".$type;  
        }  
        else  
        {  
            $prido="index_".$pagepr.$type;  
        }  
        $prepage='<li class="page-item"><a href="'.$dolink.$prido.'" class="page-link disabled">'.$fun_r['pripage'].'</a></li>';     //上一页  
    }  
    //下一页  
    if($page!=$totalpage)  
    {  
        $pagenex=$page+1;  
        $nextpage='<li class="page-item"><a href="'.$dolink.'index_'.$pagenex.$type.'" class="page-link disabled">'.$fun_r['nextpage'].'</a></li>';   //下一页  
        $lastpage='<li class="page-item"><a href="'.$dolink.'index_'.$totalpage.$type.'" class="page-link disabled">'.$fun_r['lastpage'].'</a></li>';    //最后一页  
    }  
    $starti=$page-$snum<1?1:$page-$snum;  
    $no=0;  
    for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++)    //详细页码信息  
    {  
        $no++;  
        if($page==$i)  
        {  
            $is_1="<li class='page-item active'><a class='page-link'>";    //当前  
            $is_2="</a></li>";  
        }  
        elseif($i==1)  
        {  
            $is_1='<li class="page-item"><a class="page-link" href="'.$dolink.'index'.$type.'">';   //第一页  
            $is_2="</a></li>";  
        }  
        else  
        {  
            $is_1='<li class="page-item"><a class="page-link" href="'.$dolink.'index_'.$i.$type.'">';    //其他页  
            $is_2="</a></li>";  
        }  
        $returnstr.=$is_1.$i.$is_2;  
    }  
    $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;    
    $pager['showpage']=$returnstr;  
    return $pager;  
}  

效果图
帝国CMS7.5列表页分页样式修改美化
html结构

<div class="row">
        <div class="col-md-12 text-center mb-3">
<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-center">
            <li class="page-item"><a href="/xueyuan/index.html" class="page-link disabled">首页</a></li><li class="page-item"><a href="/xueyuan/index.html" class="page-link disabled">上一页</a></li><li class="page-item"><a class="page-link" href="/xueyuan/index.html">1</a></li><li class="page-item active"><a class="page-link">2</a></li>
  </ul>
</nav>
        </div>
    </div>

css代码用的是bootstrap4默认样式,若需要请单独提炼,也可用现场

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.5.0/css/bootstrap.min.css">

TAGS:帝国CMS 7.5 列表 分页 修改 美化

打赏 点赞
邮箱
验证码
昵称