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>
发布了151 篇原创文章 · 获赞 126 · 访问量 37万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 程序猿惹谁了 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览