>  기사  >  CMS 튜토리얼  >  Dedecms에서 스타일을 페이지 매김하는 방법

Dedecms에서 스타일을 페이지 매김하는 방법

angryTom
angryTom원래의
2019-07-27 16:35:532190검색

Dedecms에서 스타일을 페이지 매김하는 방법

dedecms에 대해 더 자세히 알고 싶다면 다음을 클릭하세요. DEDECMS 튜토리얼#🎜🎜 #

1 HTML 템플릿 헤더 파일 헤드에 다음 코드를 추가합니다.

<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,&#39;&#39;,&#39;&#39;,&#39;&#39;);
            myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+&#39;&tagid=&#39;+tagid);
            myajax = new DedeAjax(taget_obj_page,false,false,&#39;&#39;,&#39;&#39;,&#39;&#39;);
            myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+&#39;&tagid=&#39;+tagid);
            DedeXHTTP = null;
        }
        </script>
#🎜🎜 # 위 내용은 상시 페이지 넘기기 기능을 구현하기 위한 AJAX 기능에 대한 참고 사항입니다.

2. 템플릿 페이지의 태그 코드:

{dede:arclist typeid=&#39;14&#39; titlelen=&#39;200&#39; row=&#39;100&#39; tagid=&#39;index&#39; pagesize=&#39;5&#39;}
        <li>
            <p><a href="[field:arcurl/]" target="_blank">[field:title/]...</a></p>
            <p>[field:pubdate function="MyDate(&#39;Y-m-d&#39;,@me)"/]</p>
        </li>
       {/dede:arclist}

   {dede:arcpagelist tagid=&#39;index&#39;/}
tagid=” 태그 색인"은

에 해당해야 합니다. 페이지를 새로 고치면 숫자 123이 나타납니다.

3. 페이지 넘김 스타일 만들기 # 🎜🎜#파일 찾기 dedeincludetaglibarcpagelist.lib.php

메소드 함수 multipage를 찾아 여기에서 페이지 넘김 스타일 수정

다음 직접 복사할 수 있는 완성된 코드입니다

function multipage($allItemTotal, $currPageNum, $pageSize, $tagid=&#39;&#39;)
{
    if ($allItemTotal == 0) return "";

    //计算总页数
    $pagesNum = ceil($allItemTotal/$pageSize);

    //第一页显示
    $firstPage = ($currPageNum <= 1) ? "<span>[首页]</span>" : "<a href=&#39;javascript:multi(1,\"{$tagid}\")&#39; title=&#39;第1页&#39;><span>[首页]</span></a>";

    //最后一页显示
    $lastPage = ($currPageNum >= $pagesNum)? "<span>[尾页]</span>". $currPageNum : "<a href=&#39;javascript:multi(". $pagesNum . ",\"{$tagid}\")&#39; title=&#39;第". $pagesNum ."页&#39;><span>[尾页]</span></a>";

    //上一页显示
    $prePage  = ($currPageNum <= 1) ? "<span>[上一页]</span>" : "<a href=&#39;javascript:multi(". ($currPageNum-1) . ",\"{$tagid}\")&#39;  accesskey=&#39;p&#39;  title=&#39;上一页&#39;><span>[上一页]</span></a>";

    //下一页显示
    $nextPage = ($currPageNum >= $pagesNum) ? "<span>[下一页]</span>" : "<a href=&#39;javascript:multi(". ($currPageNum+1) .",\"{$tagid}\")&#39; title=&#39;下一页&#39;><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=&#39;javascript:void(0)&#39; class=&#39;thislink&#39;><span>".$i."</span></a>";
        }else 
        {
            $listNums.= " <a href=&#39;javascript:multi(". $i .",\"{$tagid}\")&#39; title=&#39;". $i ."&#39;><span>". $i ."</span></a> ";
        }
    }
    $listNums.= $nextPage;
    $listNums.= $lastPage;
    $listNums.= $pagesNum2;

    $returnUrl = $listNums;
    return $returnUrl;
}

새로고침 후 효과: [홈][이전 페이지]12345[다음 페이지][마지막 페이지]

#🎜🎜 #

3, CSS 페이지 매김 스타일 만들기

템플릿 헤더 파일 중간에 다음 코드를 추가합니다.

<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=&#39;index&#39;/}
</div>

위 내용은 Dedecms에서 스타일을 페이지 매김하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.