丝袜av在线观看|日本美女三级片在线播放|性欧美一区二区三区|小骚热免费国产视频|黑人va在线观看|女同国产91视频|五月丁香色播Av|国产凸凹视频一区二区|伊人电影久久99|国产成人无码一区二区观看

分頁標簽

說明:用于獲取文章列表、產品列表的分頁信息

使用方法:{% pagination 變量名稱 with show="5" %} 如將變量定義為 pages {% pagination pages with show="5" %}...{% endpagination %}

pagination 支持 一個參數(shù):

  • 顯示頁碼數(shù)量 show 可以設置如果指定數(shù)量頁碼的時候,最多顯示多少頁碼。如 show="5" 可以最多顯示5頁。
  • 重定義pattern prefix 高級功能,一般不需要設置。如確有需要,需要包含{page},可以設置如:prefix="?page={page}"

pagination 可用的字段有:

  • 總條數(shù) TotalItems
  • 總頁碼數(shù) TotalPages
  • 當前頁碼 CurrentPage
  • 首頁對象 FirstPage
  • 末頁對象 LastPage
  • 上一頁對象 PrevPage
  • 下一頁對象 NextPage
  • 中間頁碼數(shù)組 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>
問題反饋可加技術微信:tsrz001
目錄