說明:用于獲取文章列表、產品列表的分頁信息
使用方法:{% pagination 變量名稱 with show="5" %}
如將變量定義為 pages {% pagination pages with show="5" %}...{% endpagination %}
show
可以設置如果指定數(shù)量頁碼的時候,最多顯示多少頁碼。如 show="5"
可以最多顯示5頁。prefix
高級功能,一般不需要設置。如確有需要,需要包含{page}
,可以設置如:prefix="?page={page}"
TotalItems
TotalPages
CurrentPage
FirstPage
LastPage
PrevPage
NextPage
Pages
Pages 是一個數(shù)組對象,因此需要使用 for
循環(huán)來輸出
其中 Pages 內的 pageItem 可用的字段有:
Name
Link
IsCurrent
<div class="pagination">
{% pagination pages with show="5" %}
<ul>
<li>總數(shù):{{pages.TotalItems}}條,總共:{{pages.TotalPages}}頁,當前第{{pages.CurrentPage}}頁</li>
<li class="page-item {% if pages.FirstPage.IsCurrent %}active{% endif %}"><a href="{{pages.FirstPage.Link}}">{{pages.FirstPage.Name}}</a></li>
{% if pages.PrevPage %}
<li class="page-item"><a href="{{pages.PrevPage.Link}}">{{pages.PrevPage.Name}}</a></li>
{% endif %}
{% for item in pages.Pages %}
<li class="page-item {% if item.IsCurrent %}active{% endif %}"><a href="{{item.Link}}">{{item.Name}}</a></li>
{% endfor %}
{% if pages.NextPage %}
<li class="page-item"><a href="{{pages.NextPage.Link}}">{{pages.NextPage.Name}}</a></li>
{% endif %}
<li class="page-item {% if pages.LastPage.IsCurrent %}active{% endif %}"><a href="{{pages.LastPage.Link}}">{{pages.LastPage.Name}}</a></li>
</ul>
{% endpagination %}
</div>