Description: Used to obtain paging information for article list and product list
How to use:{% pagination 变量名称 with show="5" %}
If you define a variable as pages{% pagination pages with show="5" %}...{% endpagination %}
pagination supports one parameter:
- Display page number number
show
You can set the maximum number of page numbers to display when specifying the number of page numbers. likeshow="5"
Up to 5 pages can be displayed. - Redefine pattern
prefix
Advanced features generally do not require settings. If necessary, it is necessary to include{page}
, can be set as follows:prefix="?page={page}"
The available fields are:
- Total number of
TotalItems
- Total page number
TotalPages
- Current page number
CurrentPage
- Home Object
FirstPage
- Last page object
LastPage
- Previous page object
PrevPage
- Next page object
NextPage
- Middle page number array
Pages
Pages is an array object, so it needs to be usedfor
Loop to output
The fields available for pageItem in Pages are:
- Page number name
Name
- Page number link
Link
- Whether the current page
IsCurrent
<div class="pagination">
{% pagination pages with show="5" %}
<ul>
<li>总数:{{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>