• <xmp id="acwsw"><menu id="acwsw"></menu>
    <nav id="acwsw"><code id="acwsw"></code></nav>
  • <xmp id="acwsw"><menu id="acwsw"></menu>
  • <xmp id="acwsw">
    <optgroup id="acwsw"><optgroup id="acwsw"></optgroup></optgroup>
    ?
    当前位置:石家庄seo > 营销知识 > 织梦建站教程 > 织梦CMS列表分页自定义样式教程

    织梦CMS列表分页自定义样式教程

    发布时间:2021-01-03 22:00   浏览次数: 次   作者:admin

    前真个页面变化多端,分页的款式也是没有破例的,固然统共就那末点儿工具,可是良多人的写法差别,需求撑持的款式也是差别的,团体爱好运用的一款前端框架是bootstrap框架,咱们依据此框架的分页款式来自界说一款织梦的列表分页款式吧。


    分页款式触及到的文件修正

    分页款式次要集成正在了一个文件外面,局部的修正仅针对于一个次要文件停止修正便可

    文件途径:/include/arc.listview.class.php

    挪用代码阐明

    咱们先来看下,原始的织梦分页挪用是甚么模样的

    {dede:pagelist istitem="index,pre,next,end,option,info," listsize="5"/}

    挪用的内容:首页,上一页,下一页,末页,下拉跳转框,条数信息,页码个数,固然页码个数是默许照顾的,以是上述挪用并未标明页码个数的字段

    假如有的字段是没有需求的能够自行去除了便可。

    案例

    上面咱们以boostrap来停止解说若何自界说分页款式

    • 翻开次要文件当前查找 获得动态的分页列表 大约正在文件的977行,由于咱们运用的是天生动态的页面,以是咱们挪用的也是动态的分页列表。

    • 因为咱们运用的是bootstrap前端框架,列表分页中没有触及到下拉跳转框这个款式(我本人也没有爱好用这个),咱们能够挑选去失落。

    • 正在arc.listview.class.php文件中找到//option链接字样,并依照以下案例将其正文失落就行了。

    // option链接
    // $optionlist = '';
    
    // $optionlen = strlen($totalpage);
    // $optionlen = $optionlen*12 + 18;
    // if($optionlen < 36) $optionlen = 36;
    // if($optionlen > 100) $optionlen = 100;
    // $optionlist = "<li><select name='sldd' style='width:{$optionlen}px' onchange='location.href=this.options[this.selectedIndex].value;'>\r\n";
    // for($mjj=1;$mjj<=$totalpage;$mjj++)
    // {
    //     if($mjj==$this->PageNo)
    //     {
    //         $optionlist .= "<option value='".str_replace("{page}",$mjj,$tnamerule)."' selected>$mjj</option>\r\n";
    //     }
    //     else
    //     {
    //         $optionlist .= "<option value='".str_replace("{page}",$mjj,$tnamerule)."'>$mjj</option>\r\n";
    //     }
    // }
    // $optionlist .= "</select></li>\r\n";
    • bootstrap前端框架中的分页构造展现

    <ul class="pagination">
        <li class="disabled"><a href="#"><span>?</span></a></li>
        <li class="active"><a href="#">1 <span>(current)</span></a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#"><span>?</span></a></li>
    </ul>
    • 列表分页自界说款式,完好代码构造剖析,记着,改的时分要仔细患上万万留意

    /**
     *  获得动态的分页列表
     *
     * @access    public
     * @param     string  $list_len  列表宽度
     * @param     string  $list_len  列表款式
     * @return    string
    **/
    function GetPageListST($list_len,$listitem="index,end,pre,next,pageno")
    {
        $prepage = $nextpage = '';
        $prepagenum = $this->PageNo-1;
        $nextpagenum = $this->PageNo+1;
        if($list_len=='' || preg_match("/[^0-9]/", $list_len))
        {
            $list_len=3;
        }
        $totalpage = ceil($this->TotalResult/$this->PageSize);
        if($totalpage<=1 && $this->TotalResult>0)
        {
    
            return "<li><a href=\"javascript:;\">Total <strong>1</strong> Page <strong>".$this->TotalResult."</strong> Records</a></li>\r\n";
            // 此处的原始款式为 <li><a href="javascript:;">Total <strong>1</strong> Page <strong> Records</a></li>
            // 此处为何会正在双引号后面运用反斜线呢:次要的感化实际上是让双引号失掉剖析,让其终极编译成一个惯例标记,而没有至于印象水平代码
        }
        if($this->TotalResult == 0)
        {
            return "<li><a href=\"javascript:;\">Total <strong>0</strong> Page <strong>".$this->TotalResult."</strong> Records</a></li>\r\n";
            // 此处的原始款式为 <li><a href="javascript:;">Total <strong>0</strong> Page <strong> Records</a></li>
        }
        $purl = $this->GetCurUrl();
        $maininfo = "<li><a href=\"javascript:;\">Total <strong>{$totalpage}</strong> Page <strong>".$this->TotalResult."</strong> Records</a></li>\r\n";
        $tnamerule = $this->GetMakeFileRule($this->Fields['id'],"list",$this->Fields['typedir'],$this->Fields['defaultname'],$this->Fields['namerule2']);
        $tnamerule = preg_replace("/^(.*)\//", '', $tnamerule);
    
        //取得上一页以及主页的链接
        if($this->PageNo != 1)
        {
            $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."' aria-label=\"Previous\"><span aria-hidden=\"true\">?</span></a></li>\r\n";
            //原始的款式构造: $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n";
        }
        else
        {
            $prepage="<li class=\"disabled\"><a href=\"javascript:;\" aria-label=\"Previous\"><span aria-hidden=\"true\">?</span></a></li>\r\n";
            //原始的款式构造:$indexpage="<li>首页</li>\r\n";
        }
    
        //下一页,未页的链接
        if($this->PageNo!=$totalpage && $totalpage>1)
        {
            $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."' aria-label=\"Next\"><span aria-hidden=\"true\">?</span></a></li>\r\n";
            //原始的款式构造:$endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n";
        }
        else
        {
    
            $nextpage="<li class=\"disabled\"><a href=\"javascript:;\" aria-label=\"Next\"><span aria-hidden=\"true\">?</span></a></li>\r\n";
            //原始的款式构造:$endpage="<li>末页</li>\r\n";
        }
    
        //option链接
        // $optionlist = '';
    
        // $optionlen = strlen($totalpage);
        // $optionlen = $optionlen*12 + 18;
        // if($optionlen < 36) $optionlen = 36;
        // if($optionlen > 100) $optionlen = 100;
        // $optionlist = "<li><select name='sldd' style='width:{$optionlen}px' onchange='location.href=this.options[this.selectedIndex].value;'>\r\n";
        // for($mjj=1;$mjj<=$totalpage;$mjj++)
        // {
        //     if($mjj==$this->PageNo)
        //     {
        //         $optionlist .= "<option value='".str_replace("{page}",$mjj,$tnamerule)."' selected>$mjj</option>\r\n";
        //     }
        //     else
        //     {
        //         $optionlist .= "<option value='".str_replace("{page}",$mjj,$tnamerule)."'>$mjj</option>\r\n";
        //     }
        // }
        // $optionlist .= "</select></li>\r\n";
    
        //取得数字链接
        $listdd="";
        $total_list = $list_len * 2 + 1;
        if($this->PageNo >= $total_list)
        {
            $j = $this->PageNo-$list_len;
            $total_list = $this->PageNo+$list_len;
            if($total_list>$totalpage)
            {
                $total_list=$totalpage;
            }
        }
        else
        {
            $j=1;
            if($total_list>$totalpage)
            {
                $total_list=$totalpage;
            }
        }
        for($j;$j<=$total_list;$j++)
        {
            if($j==$this->PageNo)
            {
                //$listdd.= "<li class=\"thisclass\">$j</li>\r\n";
                $listdd.= "<li class=\"active\"><a href=\"javascript:;\">$j <span class=\"sr-only\">(current)</span></a></li>\r\n";
            }
            else
            {
                $listdd.="<li><a href='".str_replace("{page}",$j,$tnamerule)."'>".$j."</a></li>\r\n";
            }
        }
        $plist = '';
        if(preg_match('/index/i', $listitem)) $plist .= $indexpage;
        if(preg_match('/pre/i', $listitem)) $plist .= $prepage;
        if(preg_match('/pageno/i', $listitem)) $plist .= $listdd;
        if(preg_match('/next/i', $listitem)) $plist .= $nextpage;
        if(preg_match('/end/i', $listitem)) $plist .= $endpage;
        if(preg_match('/option/i', $listitem)) $plist .= $optionlist;
        if(preg_match('/info/i', $listitem)) $plist .= $maininfo;
        
        return $plist;
    }

    备注: 更多的款式修正的办法仍是同样的,办法毕竟只是办法,要立异还患上本人要学会触类旁通才行!

    ?
    大公鸡七星彩7.2.9下载安装