SSM框架实战：分页功能实现详解

前言

在前面的文章中，我们已经实现了用户信息的CRUD操作。本文将进一步介绍如何在SSM框架中实现分页查询功能。分页的主要目的是将大量数据分批次展示给用户，提高用户体验和系统性能。

分页准备

数据准备

为了测试分页功能，需要在数据库中插入大量数据。可以通过批量插入脚本或工具来完成这一任务。

-- 示例：插入1000条用户数据
INSERT INTO user (username, email) VALUES ('user1', 'user1@example.com'), ('user2', 'user2@example.com'), ...;

定义BasePage类

创建一个BasePage类，用于封装分页的基本信息，如当前页码和每页显示的记录数。

public class BasePage {
    private int pageNum = 1; // 当前页
    private int pageSize = 5; // 每页显示的条数

    public int getPageNum() { return pageNum; }
    public void setPageNum(int pageNum) { this.pageNum = pageNum; }
    public int getPageSize() { return pageSize; }
    public void setPageSize(int pageSize) { this.pageSize = pageSize; }
}

前端分页栏

前端分页栏通常包含分页按钮、页码选择框等元素，用于用户操作和展示当前分页状态。

    共有${pageModel.total}条记录，共${pageModel.pages}页，每页
    
        10
        20
        50
        100
     条记录，当前${pageModel.pageNum}/${pageModel.pages}页，
    首页|
    上一页|
    下一页|
    尾页|
    转到
    
        
            ${i}
        
    

在用户页面引入分页栏

在用户页面中引入分页栏，以便用户可以方便地进行分页操作。

后端请求实现

后端分页通过MyBatis的分页插件PageHelper来实现。首先需要在MyBatis的配置文件中添加分页拦截器。

控制器实现

控制器负责接收前端请求，调用Service层的方法获取分页数据，并将结果返回给前端。

@RequestMapping("/queryPage")
public String queryPage(UserDto dto, Model model) {
    PageInfo pageModel = userService.queryPage(dto);
    model.addAttribute("pageModel", pageModel);
    return "user/user";
}

Service接口

定义Service接口，声明分页查询的方法。

public interface UserService {
    PageInfo queryPage(UserDto dto);
}

Service实现类

实现Service接口，编写具体的分页查询逻辑。

@Override
public PageInfo queryPage(UserDto dto) {
    PageHelper.startPage(dto.getPageNum(), dto.getPageSize());
    List list = this.queryUser(dto.getUser());
    PageInfo pageInfo = new PageInfo<>(list);
    return pageInfo;
}

修改user.jsp中获取数据的方式

在user.jsp页面中，修改获取数据的方式，确保能够正确显示分页数据。

    
        ${user.id}
        ${user.username}
        ${user.email}
    

测试

最后，通过浏览器访问分页功能，验证其是否正常工作。