前言

• thymeleaf 3.0.9.RELEASE
• thymeleaf 模板方式調用
• css需要替換

效果

調用分頁模板

<div class="pager th:replace="base :: page_pager(1, -1, 12, @{/c})"> </div> <div class="pager th:replace="base :: page_pager(${page.number+1}, -1, ${page.totalPages}, @{/c(id=${param.id})})"> </div>

模板部分代碼

<!-- number 頁碼。頁碼從1開始，如：1，2，3，4，5，...offset 頁碼偏移量。如果頁碼是從0開始，則偏移量為-1；如果頁碼從1開始，偏移量為0totalPages 分頁后，頁的總數量。url URL地址。形如：/c , /c?id=1, /c/b?id=1&limit=10。1,會自動向url中添加頁碼，如：/c?id=1&page=1, /c/b?id=1&limit=10&page=12,當超過totalPages>maxButtons時，會顯示...代替多余的按鈕3,maxButtons>=floatButtons*2--><div class="pager layui-clear" th:fragment="page_pager(number, offset, totalPages, url)" th:with="maxButtons=10,floatButtons=5"><ul class="pagination"><!-- 上一頁 --><li th:if="${number == 1}"><span>上一頁</span></li><li th:if="${number > 1}"><a th:href="@{${url}(page=${number+offset-1})}">上一頁</a></li><!-- 首頁 --><li th:if="${number == 1}" class="active"><span>1</span></li><li th:if="${number > 1}"><a th:href="@{${url}(page=${1+offset})}">1</a></li><th:block th:if="${totalPages>2 && totalPages<=maxButtons}" th:each="i : ${#numbers.sequence(2,totalPages-1)}"><li th:if="${number == i}" class="active"><span th:text="${i}">頁碼</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">頁碼</a></li></th:block><th:block th:if="${totalPages > maxButtons}"><th:block th:if="${(number-(floatButtons/2)) <= 2}" th:each="i : ${#numbers.sequence(2,2+floatButtons-1)}"><li th:if="${number == i}" class="active"><span th:text="${i}">頁碼</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">頁碼</a></li></th:block><!-- ... --><li th:if="${(number-(floatButtons/2))>2}"><span>...</span></li><th:block th:if="${((number-(floatButtons/2))>2) && ((number+(floatButtons/2)-(floatButtons%2==0?1:0)) < (totalPages-1))}"th:each="i : ${#numbers.sequence(number-(floatButtons/2),number+(floatButtons/2)-(floatButtons%2==0?1:0))}"><li th:if="${number == i}" class="active"><span th:text="${i}">頁碼</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">頁碼</a></li></th:block><!-- ... --><li th:if="${(number+(floatButtons/2)-(floatButtons%2==0?1:0)) < (totalPages-1)}"><span>...</span></li><th:block th:if="${(number+(floatButtons/2)-(floatButtons%2==0?1:0)) >= (totalPages-1)}" th:each="i : ${#numbers.sequence(totalPages-floatButtons,totalPages-1)}"><li th:if="${number == i}" class="active"><span th:text="${i}">頁碼</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">頁碼</a></li></th:block></th:block><!-- 最后一頁 --><li th:if="${totalPages>1 && number == totalPages}" class="active"><span th:text="${totalPages}">頁碼</span></li><li th:if="${totalPages>1 && number != totalPages}"><a th:href="@{${url}(page=${totalPages+offset})}" th:text="${totalPages}">頁碼</a></li><!-- 下一頁 --><li th:if="${number >= totalPages}"><span>下一頁</span></li><li th:if="${number < totalPages}"><a th:href="@{${url}(page=${number+offset+1})}">下一頁</a></li></ul></div>

參考

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

總結

以上是生活随笔為你收集整理的【thymeleaf】分页代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。