spring ajax分页插件,SpringBoot整合mybatis结合pageHelper插件实现分页

SpringBoot整合mybatis分页操作

SpringBoot整合Mybatis进行分页操作,这里需要使用Mybatis的分页插件:pageHelper,

关于pageHelper的介绍,请查看官方文档: https://pagehelper.github.io/

1、使用前配置

关于pageHelper的使用配置,主要有以下2个步骤:

1.1、在pom文件中导入pageHelper依赖

com.github.pagehelper

pagehelper-spring-boot-starter

1.2.12

说明:

这里使用的pageHelper依赖只做演示,需要使用最新的pageHelper依赖可以去maven中央仓库下载,

1.2、在application.yml文件中配置PageHelper插件

# pageHelper分页配置

pagehelper:

helper-dialect: mysql

reasonable: true

support-methods-arguments: true

params: count=countSql

2、使用pageHelper插件

由于pageHelper插件内置了 分页PageBean对象 : PageInfo,所以,这里使用主要有以下几个步骤:

1> 在service层进行分页

2> 设置分页参数 : PageHelper.startPage(page,size),其中page为当前页,size为每页显示条数

3> 调用dao层的查询全部方法 : PageHelper插件会自动的对下边第一个查询方法进行分页

4> 封装返回值PageInfo

public PageInfo findByPageHelper(int page, int size) {

//1、调用PageHelper的startPage方法设置参数

PageHelper.startPage(page,size);

//2、调用查询全部的方法

List list = companyDao.selectList(null);

//3、构造pageInfo返回值

return new PageInfo(list);

}

到此这篇关于SpringBoot整合mybatis使用pageHelper插件进行分页操作的文章就介绍到这了,更多相关SpringBoot整合mybatis进行分页操作内容请搜素脚本之家以前的文章或下面相关文章,希望大家以后多多支持脚本之家!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个示例代码,其中包括了Spring Boot整合MyBatis-Plus进行分页查询的实现以及前端页面的展示。 后端代码: ```java @RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; /** * 分页查询用户列表 */ @GetMapping("/list") public ResultVo list(Page<User> page) { // 查询条件封装在 QueryWrapper 对象中 QueryWrapper<User> wrapper = new QueryWrapper<>(); wrapper.eq("status", 1); // 查询状态为1的用户 // 执行分页查询 userService.page(page, wrapper); // 将查询结果封装为 ResultVo 对象返回给前端 return ResultVo.success(page); } } ``` 前端代码: ```html <table> <thead> <tr> <th>用户名</th> <th>年龄</th> <th>手机号</th> </tr> </thead> <tbody id="user_list"></tbody> </table> <div id="pagination"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/twbs-pagination/1.4.2/jquery.twbsPagination.min.js"></script> <script> $(function() { // 初始化分页组件 $('#pagination').twbsPagination({ totalPages: 1, visiblePages: 5, onPageClick: function(event, page) { // 发起分页查询请求 $.get('/user/list', { page: page }, function(res) { if (res.code === 200) { // 渲染查询结果到页面 var html = ''; res.data.records.forEach(function(user) { html += '<tr>'; html += '<td>' + user.username + '</td>'; html += '<td>' + user.age + '</td>'; html += '<td>' + user.mobile + '</td>'; html += '</tr>'; }); $('#user_list').html(html); // 更新分页组件 $('#pagination').twbsPagination('destroy'); $('#pagination').twbsPagination({ totalPages: res.data.pages, visiblePages: 5, startPage: res.data.current, first: '首页', prev: '上一页', next: '下一页', last: '末页', onPageClick: function(event, page) { // 发起分页查询请求 $.get('/user/list', { page: page }, function(res) { if (res.code === 200) { // 渲染查询结果到页面 var html = ''; res.data.records.forEach(function(user) { html += '<tr>'; html += '<td>' + user.username + '</td>'; html += '<td>' + user.age + '</td>'; html += '<td>' + user.mobile + '</td>'; html += '</tr>'; }); $('#user_list').html(html); } }); } }); } }); } }); }); </script> ``` 在上面的代码中,我们使用了 MyBatis-Plus 提供的 `Page` 类来进行分页查询,具体的查询条件通过 `QueryWrapper` 对象进行封装。在前端页面中,我们使用了 `jquery.twbsPagination` 插件实现分页组件,并通过 AJAX 发起分页查询请求,并将查询结果渲染到页面上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值