##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,'','','');
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>
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'/}
3. ページめくりスタイルを作成します
ファイルを見つけますdede\include\taglib\arcpagelist.lib .php メソッド関数 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; }
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='index'/}
</div>
以上がdedecms でスタイルをページネーションする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。