zoukankan      html  css  js  c++  java
  • 基于springboot+thymeleaf+springDataJpa自带的分页插件实现完整的动态分页

    <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自带的分页插件实现完整的动态分页

  • 相关阅读:
    SqlServer Alwayson 搭建排错记录(一)
    SqlServer图形数据库初体验
    SqlServer报错:主体“dbo”不存在
    IIS重叠回收
    No module named 'revoscalepy'问题解决
    SqlServer查询文件组被占用情况
    SqlServer作业指定目标服务器
    [持续更新]UnsatisfiedLinkError常见问题及解决方案
    Android加载SO库UnsatisfiedLinkError错误的原因及解决方案
    _set_invalid_parameter_handler异常处理函数
  • 原文地址:https://www.cnblogs.com/roak/p/14714424.html
Copyright © 2011-2022 走看看