pageHelper分页前端实现

原创

于 2019-10-31 01:09:55 发布 · 3.4k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#分页 #pageHelper

该博客介绍了如何结合jquery、bootstrap和thymeleaf在前端实现pageHelper分页功能。详细步骤包括前端框架的选择与配置，以及后端Controller和service的设置。文章最后展示了一段具体的代码实现和最终效果。

前端框架

jquery+bootstrap+thymeleaf

后端Controller

/**
     * 跳转日志管理页面
     *
     * @param model
     * @param pageNum  第几页
     * @param pageSize 页大小
     * @return
     */
    @Log(module = "日志管理", operation = "查看操作日志列表")
    @RequiresPermissions("sys:log:log")
    @RequestMapping("/logList")
    public String logList(Model model, @RequestParam(defaultValue = "1", value = "pageNum") Integer pageNum, @RequestParam(defaultValue = "10", value = "pageSize") Integer pageSize) {

        PageInfo<SysLog> pageInfo = sysLogService.selectByPage(pageNum, pageSize);
        model.addAttribute("pageInfo", pageInfo);

        return prefix + "logList";
    }

后端service

     /**
     * 跳转日志管理页面
     *
     * @param model
     * @param pageNum  第几页
     * @param pageSize 页大小
     * @return
     */
    @Override
    public List<SysLog>