基于springboot+thymeleaf+springDataJpa自带的分页插件实现完整的动态分页

基于springboot+thymeleaf+springDataJpa自带的分页插件实现完整的动态分页| Id | Title | DateAdded | SourceUrl | PostType | Body | BlogId | Description | DateUpdated | IsMarkdown | EntryName | CreatedTime | IsActive | AutoDesc | AccessPermission |

| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------| -------------|
| 14714424| 基于springboot+thymeleaf+springDataJpa自带的分页插件实现完整的动态分页| 2021-04-28T15:44:00| | BlogPost|

复制代码

<html>
 <head></head>
 <body>
  <div class="page"> 
   <ul class="pagination"> 
    <!--上一页数--> 
    <li class="page-item" th:if="${page.pageable.getPageNumber() != 0}"> <a th:onclick="pageRequest([[${page.pageable.getPageNumber()-1}]])" class="page-link" data-th-attr="pageIndex=${page.number} - 1" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li> 
    <li class="page-item"> <a th:onclick="pageRequest(0)" class="page-link">首页</a> </li> 
    <!--前五后四分页实现--> 
    <!--总页数<10--> 
    <li th:if="${page.totalPages lt 11}" class="page-item" data-th-each="i : ${#numbers.sequence(0, page.totalPages)}" data-th-classappend="${(page.number ) eq i} ? 'active' : ''"> <a class="page-link" th:onclick="pageRequest([[${i}]])"> <span data-th-text="${i+1}"></span> </a> </li> 
    <!--总页数>10--> 
    <li th:if="${page.totalPages gt 10 &amp;&amp; page.pageable.getPageNumber() lt 5}" class="page-item" data-th-each="i : ${#numbers.sequence(0, 9)}" data-th-classappend="${(page.number ) eq i} ? 'active' : ''"> <a class="page-link" th:onclick="pageRequest([[${i}]])"> <span data-th-text="${i+1}"></span> </a> </li> 
    <li th:if="${page.totalPages gt 10 &amp;&amp; page.pageable.getPageNumber() gt 4 &amp;&amp; page.totalPages lt page.pageable.getPageNumber()+5  }" class="page-item" data-th-each="i : ${#numbers.sequence(page.totalPages-10, page.totalPages-1)}" data-th-classappend="${(page.number ) eq i} ? 'active' : ''"> <a class="page-link" th:onclick="pageRequest([[${i}]])"> <span data-th-text="${i+1}"></span> </a> </li> 
    <li th:if="${page.totalPages gt 10 &amp;&amp; page.pageable.getPageNumber() gt 4 &amp;&amp; page.pageable.getPageNumber()+4 lt page.totalPages}" class="page-item" data-th-each="i : ${#numbers.sequence(page.pageable.getPageNumber()-5, page.pageable.getPageNumber()+4)}" data-th-classappend="${(page.number ) eq i} ? 'active' : ''"> <a class="page-link" th:onclick="pageRequest([[${i}]])"> <span data-th-text="${i+1}"></span> </a> </li> 
    <!--尾页--> 
    <li class="page-item"> <a th:onclick="pageRequest([[${page.getTotalPages() - 1}]])" class="page-link">尾页</a> </li> 
    <!--下一页--> 
    <li class="page-item" th:if="${page.pageable.pageNumber} != ${page.totalPages}-1"> <a class="page-link" th:onclick="pageRequest([[${page.pageable.pageNumber}+1]])"> &raquo; </a> </li> 
   </ul>
  </div>
 </body>
</html>
复制代码

基于springboot+thymeleaf+springDataJpa自带的分页插件实现完整的动态分页

| 648658| | 2021-04-28T15:44:00| false| | 2021-04-28T15:43:27.387| true| <html> <head></head> <body> <div class="page"> <ul class="pagination"> <!--上一页数--> <li class="page-item" th:if="${page.pageable.getPageNumber() != 0}"| Anonymous|
posted @   RalphLauren  阅读(12)  评论(0)  编辑  收藏  举报
相关博文：
· SSM框架整合thymeleaf-spring5模板引擎
· Springmvc 配置thymeleaf 和jsp 双模板引擎
· Springboot结合PageHelper实现55分页
· 文章列表（条件分页+动态sql）2021-4-1
· 基于springboot的分页插件pagehelper如何使用
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
点击右上角即可分享
微信分享提示