pageHelper配合前端插件实现分页

lzh_coder

于 2019-10-30 20:48:25 发布

阅读量1.3k

点赞数

分类专栏：分页 pageHelper 文章标签：分页 pageHelper

本文链接：https://blog.youkuaiyun.com/lzh_coder8080/article/details/102825562

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端分页插件

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 = user

最低0.47元/天解锁文章