SpringBoot+Mybatis整合Bootstrap Paginator实现分页

本文主要介绍了如何使用Bootstrap Paginator前端分页插件与PageHelper后端分页辅助工具在SpringBoot+Mybatis项目中实现分页功能。 Bootstrap Paginator 是一个流行的前端分页组件，它提供了多种样式和自定义选项，能够轻松地在网页中集成分页效果。而PageHelper是Mybatis的一个插件，它简化了在Java应用中实现数据库分页的流程。 在SpringBoot项目中使用PageHelper进行分页，首先需要在Maven的pom.xml文件中添加PageHelper的依赖： ```xml <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>4.1.6</version> </dependency> ``` 接下来，需要配置PageHelper。创建一个名为`PageHelperConfig`的配置类，并使用@Bean注解定义PageHelper实例。在配置类中，通过Properties对象设置PageHelper的相关属性，例如： ```java @Configuration public class PageHelperConfig { @Bean public PageHelper pageHelper() { PageHelper pageHelper = new PageHelper(); Properties properties = new Properties(); properties.setProperty("offsetAsPageNum", "true"); properties.setProperty("rowBoundsWithCount", "true"); properties.setProperty("reasonable", "true"); properties.setProperty("reasonable", "true"); // 注意：这里可能重复设置了属性，应该只保留一个 properties.setProperty("pageSizeZero", "true"); pageHelper.setProperties(properties); return pageHelper; } } ``` 在实际操作中，通常会定义一个名为`PageBean`的类来封装分页信息，包括总记录数、结果集、当前页数等字段： ```java public class PageBean<T> implements Serializable { private static final long serialVersionUID = 1L; private long total; // 总记录数 private List<T> list; // 结果集 private int pageNum; // 第几页 private int pageSize; // 每页大小 // 其他相关字段和方法 } ``` 在业务逻辑层（Service）中，可以使用PageHelper提供的拦截器进行分页查询。例如，在一个查询方法中： ```java public PageBean<User> getUsers(int pageNum, int pageSize) { PageHelper.startPage(pageNum, pageSize); List<User> users = userMapper.selectAll(); // 假设有一个selectAll方法获取所有用户 PageInfo<User> pageInfo = new PageInfo<>(users); PageBean<User> pageBean = new PageBean<>(); pageBean.setTotal(pageInfo.getTotal()); pageBean.setList(users); pageBean.setPageNum(pageNum); pageBean.setPageSize(pageSize); return pageBean; } ``` 最后，前端页面使用Bootstrap Paginator展示分页效果。在HTML中引入Bootstrap Paginator的CSS和JS文件，然后根据实际需求配置分页参数。例如： ```html <link rel="stylesheet" href="path/to/bootstrap-paginator.css"> <script src="path/to/bootstrap-paginator.js"></script> <div id="pagination"></div> <script> var options = { currentPage: 1, totalPages: 10, // 假设总页数为10 itemTexts: function(type, page, totalPages) { return { first: "首页", prev: "上一页", next: "下一页", last: "末页", current: page.toString() }; }, onPageChanged: function(event, page, settings) { // 发送Ajax请求获取新的分页数据 // ... } }; $('#pagination').bootstrapPaginator(options); </script> ``` 通过以上步骤，即可在SpringBoot+Mybatis项目中实现前后端结合的分页功能。Bootstrap Paginator提供了美观的界面，而PageHelper则简化了后端的分页处理，使得整个过程更加高效和便捷。