springboot+layui实现分页
时间: 2023-09-12 17:10:33 浏览: 99
SpringBoot实现分页
5星 · 资源好评率100%
Spring Boot 是一个非常流行的 Java Web 开发框架,Layui 是一个非常流行的前端 UI 框架,两者结合可以实现非常好的分页效果。下面是一个简单的示例代码:
1. 在 pom.xml 中添加依赖:
```
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.2.13</version>
</dependency>
```
2. 在 Controller 中处理分页请求:
```
@RequestMapping("/user")
@RestController
public class UserController {
@Autowired
private UserService userService;
@GetMapping("/list")
public Page<User> list(@RequestParam(defaultValue = "1") int pageNum,
@RequestParam(defaultValue = "10") int pageSize) {
PageHelper.startPage(pageNum, pageSize);
List<User> userList = userService.list();
return (Page<User>) userList;
}
}
```
3. 在前端页面中使用 Layui 分页:
```
layui.use(['table', 'laypage'], function(){
var table = layui.table;
var laypage = layui.laypage;
table.render({
elem: '#userTable',
url: '/user/list',
cols: [[
{field:'id', title:'ID'},
{field:'username', title:'用户名'},
{field:'password', title:'密码'}
]],
page: true
});
table.on('page(userTable)', function(obj){
laypage.render({
elem: '#userTablePager',
count: obj.count,
limit: obj.limit,
curr: obj.curr,
jump: function(obj, first){
if (!first) {
table.reload('userTable', {
where: {
pageNum: obj.curr,
pageSize: obj.limit
}
});
}
}
});
});
});
```
这样就可以实现一个简单的分页效果了。
阅读全文