logo A− A+
springboot最佳实践

springboot最佳实践

作者:陈安廉
摘要:软件开发进阶系列

Thymeleaf+bootstrap实现简单分页

需要从后台传两个变量:

indexPage(当前页数)

totalPage(一共页数)


<ul class="pagination pagination-lg" >
   <li th:class="${indexPage==1}?'disabled' : ''"><a href="#">上一页</a></li>
   <li th:if="${indexPage-3 >=1}" ><a th:href="@{'admin_law_list.html?page=' + ${indexPage-3}}" th:text="${indexPage -3}" >1</a></li>
   <li th:if="${indexPage-2 >=1}" ><a th:href="@{'admin_law_list.html?page=' + ${indexPage-2}}" th:text="${indexPage -2}" >1</a></li>
   <li th:if="${indexPage-1 >=1}" ><a th:href="@{'admin_law_list.html?page=' + ${indexPage-1}}" th:text="${indexPage -1}" >1</a></li>
   <li class="active"><a href="#" th:text="${indexPage}" >1</a></li>
   <li th:if="${indexPage+1 <=totalPage}" ><a th:href="@{'admin_law_list.html?page=' + ${indexPage+1}}" th:text="${indexPage +1}" >1</a></li>
   <li th:if="${indexPage+2 <=totalPage}" ><a th:href="@{'admin_law_list.html?page=' + ${indexPage+2}}" th:text="${indexPage +2}" >1</a></li>
   <li th:if="${indexPage+3 <=totalPage}" ><a th:href="@{'admin_law_list.html?page=' + ${indexPage+3}}" th:text="${indexPage +3}" >1</a></li>

   <li th:class="${indexPage==totalPage}?'disabled' : ''" ><a href="#">下一页</a></li>
</ul><br>