本文建立在springboot基础之上,springboot集成pageHelper请参考我的这篇文章:
https://blog.csdn.net/qq_42722619/article/details/104011419
好了,回归正题:
这是效果图:
这是前台界面:
前台界面:
<!-- 分页栏 -->
<nav aria-label="Page navigation pagination">
<ul class="pagination">
<li th:if="${not pageInfo.isFirstPage}">
<a href="#" aria-label="Previous"
th:href="@{/index?pageNum=}+${pageInfo.pageNum-1==0?1:pageInfo.pageNum-1}">
<span aria-hidden="true">«</span>
</a>
</li>
<li th:each="num : ${pageInfo.navigatepageNums}" th:class="${num==pageInfo.pageNum?'active':''}">
<a href="#" th:href="@{/index?pageNum=}+${num}">[[${num}]]</a>
</li>
<li th:if="${not pageInfo.isLastPage}">
<a href="#" aria-label="Next"
th:href="@{/index?pageNum=}+${pageInfo.pageNum+1>=pageInfo.pages?pageInfo.pages:pageInfo.pageNum+1}">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>