聯(lián)系官方銷售客服
1835022288
028-61286886
投訴
解決中 / 官方已回 資訊列表頁，上一頁與下一頁的標(biāo)簽以及對應(yīng)的鏈接，怎么寫呢
12 0
請問，資訊列表頁面，上一頁與下一頁，當(dāng)前頁和總頁面的標(biāo)簽以及對應(yīng)的鏈接，怎么寫呢？
<div class="pagebar">
<div class="pagination">
<a class="page-item page-link st" href="javascript:;" title="上一頁" target="_blank"><<</a>
<a href="/dongtai/" class="page-num page-num-current" target="_blank">1</a>
<a class="page-item page-link" href="javascript:;" title="當(dāng)前頁/總頁數(shù)" target="_blank">1/1</a>
<a class="page-item page-link st" href="javascript:;" title="下一頁" target="_blank">>></a>
</div>
</div>
欄目頁的模板標(biāo)簽生成工具：http://223987.com/doc/code/lists.html
這種標(biāo)簽就簡單了。
參考文檔：《分頁標(biāo)簽問題》
{module catid=$catid order=updatetime page=1 return=rs} // 列表分頁固定寫法不可增加參數(shù)
當(dāng)前行數(shù)(從1開始)：{$key_rs+1} 當(dāng)前行數(shù)(從0開始)：{$key_rs}
標(biāo)題：{$rs.title}
地址：{$rs.url}
描述：{$rs.description} 截取20字 {dr_strcut($rs.description, 20)}
縮略圖剪切： {dr_thumb($rs.thumb, 200, 200)} 判斷有無縮略圖：{if $rs.thumb}有的{else}沒有{/if}
縮略圖原圖： 判斷有無縮略圖：{if $rs.thumb} {dr_get_file($rs.thumb)} {else}沒有{/if}
時間：{$rs.updatetime} 自定義時間：{dr_date($rs._updatetime, 'Y-m-d')}
所屬欄目；{dr_cat_value($rs.catid, 'name')} 欄目地址：{dr_cat_value($rs.catid, 'url')}
=====其他字段調(diào)用方式：請點擊下方《 模塊內(nèi)容在循環(huán)中的字段調(diào)用方式 》
{/module}
分頁數(shù)量：欄目管理，找到對應(yīng)的欄目，點修改，切換到模板選項，設(shè)置分頁顯示數(shù)量
分頁字符串：{$pages_rs}
調(diào)試排錯診斷信息：{$debug_rs} （開發(fā)者模式下才可用）
記錄總數(shù)量：{$total_rs}
總的頁數(shù)：{$nums_rs}
當(dāng)前頁數(shù)編號：{$page_rs}
每頁顯示數(shù)量：{$pagesize_rs}
分頁規(guī)則URL：{$pagerule_rs}
手動下一頁：{str_replace('{page}', min($page_rs+1, $nums_rs), $pagerule_rs)}
手動上一頁：{str_replace('{page}', max($page_rs-1, 1), $pagerule_rs)}
這個是要顯示所有頁碼嗎？
如果沒有太復(fù)雜的要求的話，直接調(diào)用官方的{$pages}標(biāo)簽即可
以下代碼可直接使用，module需要帶page=1：
<div class="pagebar"> <div class="pagination"> <a class="page-item page-link st" href="{str_replace('{page}', max($page-1, 1), $pagerule)}" title="上一頁" target="_blank"><<</a> <a href="#" class="page-num page-num-current" target="_blank">{$page}</a> <a class="page-item page-link" href="javascript:;" title="當(dāng)前頁/總頁數(shù)" target="_blank">{$page}/{$nums}</a> <a class="page-item page-link st" href="{str_replace('{page}', min($page+1, $nums), $pagerule)}" title="下一頁" target="_blank">>></a> </div> </div>當(dāng)前頁碼：{$page} 總頁數(shù)：{$nums} 總條數(shù)：{$total} 下一頁：{str_replace('{page}', min($page+1, $nums), $pagerule)} 上一頁：{str_replace('{page}', max($page-1, 1), $pagerule)} 官方人員回復(fù)你的鏈接里就有這些前段調(diào)取標(biāo)簽：{module module=article catid=9（填寫欄目ID） pagesize=1 page=10 urlrule=list_[page].html}{/module} {$pages}
然后修改：分頁樣式，參考：
我的前端靜態(tài)樣式：
<div class="page">
<a href="###">上一頁</a>
<a href="###" class="hover"">01</a>
<a href="###">02</a>
<a href="###">03</a>
<a href="###">04</a>
<a href="###">05</a>
<a href="###">06</a>
<a href="###">...</a>
</div>
我寫的：
return array(
// 自定義“統(tǒng)計”鏈接
'total_link' => '共%s條', // 你希望在分頁中顯示“統(tǒng)計”鏈接的名字。如果你不希望顯示，可以把它的值設(shè)為 FALSE
// 自定義“下一頁”鏈接
'next_link' => '下一頁', // 你希望在分頁中顯示“下一頁”鏈接的名字。如果你不希望顯示，可以把它的值設(shè)為 FALSE
// 自定義“上一頁”鏈接
'prev_link' => '上一頁', // 你希望在分頁中顯示“上一頁”鏈接的名字。如果你不希望顯示，可以把它的值設(shè)為 FALSE
// 自定義“當(dāng)前頁”鏈接
'cur_tag_open' => '<a class="hover">', // “當(dāng)前頁”鏈接的打開標(biāo)簽
'cur_tag_close' => '</a>', // “當(dāng)前頁”鏈接的關(guān)閉標(biāo)簽
// 自定義“數(shù)字”鏈接
'num_tag_open' => '', // “數(shù)字”鏈接的打開標(biāo)簽
'num_tag_close' => '', // “數(shù)字”鏈接的關(guān)閉標(biāo)簽
// 自定義“最后一頁”鏈接
'last_link' => '最后一頁', // 你希望在分頁的右邊顯示“最后一頁”鏈接的名字。如果你不希望顯示，可以把它的值設(shè)為 FALSE
'last_tag_open' => '', // “最后一頁”鏈接的打開標(biāo)簽
'last_tag_close' => '', // “最后一頁”鏈接的關(guān)閉標(biāo)簽
// 自定義“第一頁”鏈接
'first_link' => '第一頁', // 你希望在分頁的左邊顯示“第一頁”鏈接的名字。如果你不希望顯示，可以把它的值設(shè)為 FALSE
'first_tag_open' => '', // “第一頁”鏈接的打開標(biāo)簽
'first_tag_close' => '', // “第一頁”鏈接的關(guān)閉標(biāo)簽
回復(fù)@阿提亞 寫錯了 勿參考!
大家都在各顯神通。但并沒有一個答案能讓樓主看懂。
我說下我的吧。我使用的是轉(zhuǎn)官方默認的分頁樣式，經(jīng)過微調(diào)后的效果如下圖：
使用方法：
第一步：首先在列表區(qū)域使用循環(huán)標(biāo)簽：
{module catid=$catid order=updatetime page=1 return=rs}
{$rs.title}
{dr_strcut($rs.description, 500)}...
{/module}
第二步：在分頁位置插入分頁標(biāo)簽：
{$pages_rs}
第三步：加入CSS樣式：
.pagination { display: inline-block; padding-left: 30%; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: 10px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; }第四步：最結(jié)效果如下：
https://www.57zxw.com/ug_book/
（不清楚的可以繼續(xù)提問）
<!-- 文章翻頁 -->
<div class="show-turn">
<p>
上一篇：{if $prev_page}
<a href="{$prev_page.url}">{$prev_page.title}</a>
{else}
沒有了
{/if}
</p>
<p>
下一篇：{if $next_page}
<a href="{$next_page.url}">{$next_page.title}</a>
{else}
沒有了
{/if}
</p>
</div>