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

  • 相关阅读:
    图论算法 有图有代码 万字总结 向前辈致敬
    关闭和打开键盘的通知
    (copy)赋值构造函数的4种调用时机or方法
    构造函数的分类
    Uva
    Uva
    The 2018 ACM-ICPC Asia Qingdao Regional Contest F
    The 2018 ACM-ICPC Asia Qingdao Regional Contest E Plants vs. Zombies(ZOJ 4062)
    K Color Graph
    Cow and Fields
  • 原文地址:https://www.cnblogs.com/roak/p/14714424.html
Copyright © 2011-2022 走看看