pageHelper配合前端插件实现分页

最新推荐文章于 2024-07-26 23:39:16 发布

原创

最新推荐文章于 2024-07-26 23:39:16 发布 · 1.3k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#分页 #pageHelper

本文介绍了如何结合pageHelper后端插件和前端jqueryPagination分页插件，实现网页的分页功能。详细讲解了后端Controller和服务的设置，以及前端页面的配置，包括引入相关资源文件和初始化js脚本。通过调整布局，完成美观的分页导航条设计。

前端分页插件

jqueryPagination

下载链接：http://www.jq22.com/jquery-info15113

后端Controller:

@RequestMapping("/userList")
public String userList(Model model, @RequestParam(defaultValue = "1", value = "pageNum") Integer pageNum, @RequestParam(defaultValue = "5", value = "pageSize") Integer pageSize) {
       
        PageInfo<User> pageInfo = userService.selectByPage(pageNum, pageSize);
        model.addAttribute("pageInfo", pageInfo);

        return prefix+"userList";
    }

后端Service:

 @Override
    public List<User> selectByPage(Integer pageNum, Integer pageSize) {

        PageHelper.startPage(pageNum, pageSize);
        List<User> users = userMapper.selectAll();
        PageInfo<User> pageInfo = new PageInfo<>(users);

        return pa