thymeleaf 简单分页,不借助插件

情景:只是想简单地做一个分页,分页效果为,测试数据中,总页数为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>
©️2020 CSDN 皮肤主题: 程序猿惹谁了 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值