Page Label - AnqiCMS

Page Tag

Description: Used to get pagination information for article lists and product lists

Usage:{% pagination 变量名称 with show="5" %}If the variable is defined as pages{% pagination pages with show="5" %}...{% endpagination %}

pagination supports a parameter:

Show the number of page numbersshowYou can set how many page numbers to display when a specific number of page numbers is specified. Likeshow="5"Can display up to 5 pages.
Redefine patternprefixAdvanced features, usually not needed to be set. If necessary, it should include{page}, and can be set like:prefix="?page={page}"

pagination Available fields include:)

Total number of itemsTotalItems
Total number of pagesTotalPages
Current page numberCurrentPage
Home objectFirstPage
End page objectLastPage
Previous page objectPrevPage
Next page objectNextPage
Middle page number arrayPages

Pages is an array object, therefore it needs to useforin a loop to output

The available fields within the pageItem of Pages include:

Page number nameName
Page number linkLink
Is the current pageIsCurrent

<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>