PageHelper的使用,简单通俗的写一下

看了好多人的PageHelper使用,一看那么复杂,试了好几次都没有成功,如今终于做成了。核心注意的地方已加粗。后端真的超级简单,觉得前端复杂可以直接粘贴。
效果如图
页数会循环增加
再也不想用PageInfo实体类自己去写了,PageHelper真香。

PageHelper使用
Maven加依赖(也就是导包了)

    <dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
      <version>4.2.1</version>
    </dependency>

2.核心点
一个PageHelper.startPage(pageNum,pageSize);
还有一个拿PageInfo包一下
就这么简单

@Override
    public PageInfo<User> findByPage(Integer pageNum, Integer pageSize) {
        PageHelper.startPage(pageNum,pageSize);
        List<User> users = userDAO.selectByExample(null);
        PageInfo<User> pageInfo = new PageInfo<>(users);
        System.out.println(pageInfo);
        return pageInfo ;
    }
  1. 之后调取的时候

强调getList()!!!
理论上getList是得到的是没分页的集合{pageNum,pageSize…一大堆…,List{userList}}

可是打印出来怪怪的,list是还是前面一样,但用着的时候好好的,传到前端就是userList。估计toString哪里出了问题。网上有人说是PageHelper版本问题,我改了依旧无法解决。(不影响使用)

    @RequestMapping("findByPage")
    @ResponseBody
    public Map<String,Object> findByPage(@RequestParam(defaultValue = "1") Integer pageNum,@RequestParam(defaultValue = "5") Integer pageSize){
        Map<String,Object> resultMap = new HashMap<>();
        try {
            PageInfo<User> byPage = userService.findByPage(pageNum, pageSize);
            System.out.println(byPage);
            resultMap.put("page",byPage);
            resultMap.put("userList",byPage.getList());
            resultMap.put("result",true);
        }catch (Exception e){
            resultMap.put("result",false);
            resultMap.put("message","分页查询异常");
        }
        return resultMap;
    }
  1. 前端写法
pageMsg+='<li class="'+(data.page.pageNum==1?'disabled':'')+'"><a onclick="show('+(data.page.hasPreviousPage?data.page.prePage:data.page.pageNum)+')">上一页</a></li>';
    for (var i = 1; i<=data.page.pages;i++){
     pageMsg+='<li class="'+(data.page.pageNum==i?'active':'')+'"><a  onclick="show('+i+')">'+i+' <span class="sr-only">(current)</span></a></li>';
     }
    pageMsg+='<li class="'+(data.page.isLastPage?'disabled':'')+'"><a onclick="show('+(data.page.hasNextPage?data.page.nextPage:data.page.pageNum)+')">下一页</a></li>';
$("#byPage").html(pageMsg);


  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值