thymeleaf 简单分页，不借助插件

最新推荐文章于 2024-03-25 09:32:59 发布

lizhi_ma

最新推荐文章于 2024-03-25 09:32:59 发布

阅读量3k

点赞数

分类专栏： Thymeleaf

本文链接：https://blog.csdn.net/qq_31279347/article/details/88771629

版权

Thymeleaf 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

情景：只是想简单地做一个分页，分页效果为，测试数据中，总页数为6
在这里插入图片描述

条件：只需后台传递两个参数，一个是当前页pager.currentPage，一个是总页数pager.pages

前端代码代码如下（样式为bootstrap3）：

<ul th:if="${foundInfoList} != null" class="pagination pagination-sm">
    <li th:class="${pager.currentPage == 1}?'disabled':''">
        <a th:if="${pager.currentPage != 1}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage-1}}">上一页</a>
        <a th:if="${pager.currentPage == 1}" href="#">上一页</a>
    </li>

    <li ><a th:if="${pager.currentPage-4 >= 1 && pager.currentPage == pager.pages}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage-4}}">[[${pager.currentPage-4}]]</a></li>
    <li ><a th:if="${pager.currentPage-3 >= 1 && pager.pages-pager.currentPage <= 1 }" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage-3}}">[[${pager.currentPage-3}]]</a></li>

    <li ><a th:if="${pager.currentPage-2 >= 1}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage-2}}">[[${pager.currentPage-2}]]</a></li>
    <li ><a th:if="${pager.currentPage-1 >= 1}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage-1}}">[[${pager.currentPage-1}]]</a></li>
    <li class="active"><a href="#" th:text="${pager.currentPage}">[[${pager.currentPage}]]</a></li>
    <li ><a th:if="${pager.currentPage+1 <= pager.pages}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage+1}}">[[${pager.currentPage+1}]]</a></li>
    <li ><a th:if="${pager.currentPage+2 <= pager.pages}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage+2}}">[[${pager.currentPage+2}]]</a></li>
    <li ><a th:if="${pager.currentPage+3 <= pager.pages && pager.currentPage < 3}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage+3}}">[[${pager.currentPage+3}]]</a></li>
    <li ><a th:if="${pager.currentPage+4 <= pager.pages && pager.currentPage < 2}" th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage+4}}">[[${pager.currentPage+4}]]</a></li>

    <li th:class="${pager.currentPage == pager.pages}?'disabled':''">
        <a th:if="${pager.currentPage != pager.pages}"  th:href="@{'/foundInfo/'+${goodsType.id}+'/'+${pager.currentPage+1}}">下一页</a>
        <a th:if="${pager.currentPage == pager.pages}"  href="#">下一页</a>
    </li>
</ul>