請問,資訊列表頁面,上一頁與下一頁,當(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://www.apdwn.com/doc/code/lists.html
這種標(biāo)簽就簡單了。
參考文檔:《分頁標(biāo)簽問題》
開源是一種精神,但不是義務(wù),幫忙是情分,不幫也不要抱怨,建議大家多研究代碼、多閱讀代碼、多翻閱社區(qū)歷史問題!
{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)用方式:請點(diǎn)擊下方《 模塊內(nèi)容在循環(huán)中的字段調(diào)用方式 》
{/module}
分頁數(shù)量:欄目管理,找到對應(yīng)的欄目,點(diǎn)修改,切換到模板選項,設(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)官方默認(rè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>