分页pageHelper到前端的使用

最新推荐文章于 2024-09-07 16:35:19 发布

airuoflora

最新推荐文章于 2024-09-07 16:35:19 发布

阅读量1.5k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/floraruo/article/details/105058255

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

  

<div class="scott"><span class="disabled"></span>
    <span><a th:href="@{findgoods.do(pageNum=0)}">首页</a></span>
    <span th:switch="${pageNum}">
     <span th:case="1"> <a th:href="@{findgoods.do(pageNum=1)}">上一页</a></span>
     <span th:case="*"><a th:href="@{findgoods.do(pageNum=${pageInfo.prePage})}">上一页</a></span>
    </span>
    <span th:switch="${pageNum}">
     <span th:case="${pageInfo.pages}"><a th:href="@{findgoods.do(pageNum=${pageInfo.pages})}">下一页</a></span>
     <span th:case="*"><a th:href="@{findgoods.do(pageNum=${pageInfo.nextPage})}">下一页</a></span>
    </span>
    <span><a th:href="@{findgoods.do(pageNum=${pageInfo.pages})}">尾页</a></span>
   </div>

或者另一种写法

 <center><span>当前第 <span th:text="${pageInfo.pageNum}"></span> 页,总 <span th:text="${pageInfo.pages}"></span> 页,共 <span th:text="${pageInfo.total}"></span> 条记录</span></center>
<div class="scott"><span class="disabled"></span>
    <span><a th:href="@{findgoods.do(pageNum=1)}">首页</a></span>
    <a th:href="@{findgoods.do(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">上一页</a>
 <span th:class="${pageNums == pageInfo.pageNum}?'active':''" th:each="pageNums : ${pageInfo.navigatepageNums}">
     <a th:href="@{findgoods.do(pageNum=${pageNums})}" th:if="${pageNums != pageInfo.pageNum}" th:text="${pageNums}"></a>
     <span th:if="${pageNums == pageInfo.pageNum}" th:text="${pageNums}"></span>
    </span>
    <a th:href="@{findgoods.do(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">下一页</a>
    <span><a th:href="@{findgoods.do(pageNum=${pageInfo.pages})}">尾页</a></span>
   </div>