thymeleaf 和pagehelper整合分页

自己写的thymeleaf 和pagehelper整合分页 第一次用thymeleaf也参考了一些博客
controller层

@RequestMapping("/searchmenu")
    public String searchMenu(SearchVo searchVo,Integer pageNum, Integer pageSize,Model model){
        //pageNum当前第几页
        //pageSize每页有几个
        pageNum=pageNum==null?1:pageNum;
        pageSize=pageSize==null?12:pageSize;
        PageHelper.startPage(pageNum,pageSize);
        List<Menu> menuList = menuService.selectBySearchVo(searchVo);
        PageInfo<Menu> pageInfo = new PageInfo<>(menuList);
        model.addAttribute("pageInfo", pageInfo);
        model.addAttribute("searchvo", searchVo);
        return "menu";

    }

html

<div class="col-md-6">
当前第 [[${pageInfo.pageNum}]],[[${pageInfo.pages}]].一共 [[${pageInfo.total}]] 条记录
</div>

<ul class="pagination pull-right no-margin"> <!--首页-->
<li th:if="${pageInfo.hasPreviousPage}">
<a th:href="@{/searchmenu(pageNum=1)}">首页</a>
</li>

<li class="prev" th:if="${pageInfo.hasPreviousPage}">
<a th:href="@{/searchmenu(pageNum=${pageInfo.pageNum-1})}"> <!--上一页 这里报错没关系->
<i class="ace-icon fa fa-angle-double-left"></i>
</a>
</li>

<li th:each="i :${#numbers.sequence(1, pageInfo.pages)}">  
<a th:href="@{/searchmenu(pageNum=${i})}">    <!--跳转到某页 -->
<!-- 当前页样式为on-->
<span th:class="${pageInfo.pageNum == i}? 'on' :''">
<th:block th:text="${i}"></th:block>
</span>
</a>
</li>



<li class="next" th:if="${pageInfo.hasNextPage}">    <!--下一页 -->
<a th:href="@{/searchmenu(pageNum=${pageInfo.pageNum+1})}">
<i class="ace-icon fa fa-angle-double-right"></i>
</a>
</li>

<li>                    <!--尾页-->
<a th:href="@{/searchmenu(pageNum=${pageInfo.getLastPage()})}">尾页</a>
</li>
</ul>

<div>当前页号:<span th:text="${pageInfo.pageNum}"></span></div>
<div>每页条数:<span th:text="${pageInfo.pageSize}"></span></div>
<div>起始行号:<span th:text="${pageInfo.startRow}"></span></div>
<div>终止行号:<span th:text="${pageInfo.endRow}"></span></div>
<div>总结果数:<span th:text="${pageInfo.total}"></span></div>
<div>总页数:<span th:text="${pageInfo.pages}"></span></div>
<hr />
<div>是否为第一页:<span th:text="${pageInfo.isFirstPage}"></span></div>
<div>是否为最后一页:<span th:text="${pageInfo.isLastPage}"></span></div>
<div>是否有前一页:<span th:text="${pageInfo.hasPreviousPage}"></span></div>
<div>是否有下一页:<span th:text="${pageInfo.hasNextPage}"></span></div>
显示分页信息完毕
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值