亚洲欧洲偷拍另类|日韩无码免费不卡|亚欧无码日韩无码|熟女多毛一区二区|国模精品一二三区|国产黄视频免费看|微福利视频一区|淫荡人妻草草草草|91蜜桃人妻无码|国产精品iGAO视频网网日韩

分頁標(biāo)簽

說明:用于獲取文章列表、產(chǎn)品列表的分頁信息

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

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

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

pagination 可用的字段有:

  • 總條數(shù) TotalItems
  • 總頁碼數(shù) TotalPages
  • 當(dāng)前頁碼 CurrentPage
  • 首頁對象 FirstPage
  • 末頁對象 LastPage
  • 上一頁對象 PrevPage
  • 下一頁對象 NextPage
  • 中間頁碼數(shù)組 Pages

Pages 是一個數(shù)組對象,因此需要使用 for 循環(huán)來輸出

其中 Pages 內(nèi)的 pageItem 可用的字段有:

  • 頁碼名稱 Name
  • 頁碼鏈接 Link
  • 是否當(dāng)前頁 IsCurrent

示例代碼

<div class="pagination">
    {% pagination pages with show="5" %}
    <ul>
        <li>總數(shù):{{pages.TotalItems}}條,總共:{{pages.TotalPages}}頁,當(dāng)前第{{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>
問題反饋可加技術(shù)微信:tsrz001
目錄