springboot+layui实现分页
时间: 2023-09-12 15:10:19 浏览: 109
要使用Spring Boot和Layui实现分页,可以按照以下步骤进行操作:
1. 添加依赖
在pom.xml文件中添加以下依赖:
```
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.2.13</version>
</dependency>
```
这个依赖是用来实现分页的,它是基于MyBatis的分页插件,可以帮助我们快速实现分页功能。
2. 编写Controller
在Controller中定义一个方法,用于查询数据并返回分页结果。可以使用PageHelper.startPage()方法来开启分页功能,并将查询结果包装成PageInfo对象返回。例如:
```java
@GetMapping("/list")
public PageInfo<User> list(@RequestParam(defaultValue = "1") Integer pageNum,
@RequestParam(defaultValue = "10") Integer pageSize) {
PageHelper.startPage(pageNum, pageSize);
List<User> userList = userService.list();
return new PageInfo<>(userList);
}
```
3. 编写前端页面
使用Layui的表格组件来展示分页数据。在html文件中引入Layui的相关文件,并创建一个表格:
```html
<table class="layui-table" lay-data="{url: '/user/list', page:true, limit:10}">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{d.id}}</td>
<td>{{d.name}}</td>
<td>{{d.age}}</td>
<td>{{d.gender}}</td>
</tr>
</tbody>
</table>
```
这里使用了Layui的数据表格组件,通过设置url属性来指定数据接口的地址,page属性来开启分页功能,limit属性来设置每页显示的数据量。在表格中使用{{d.xxx}}的形式来渲染数据。
4. 启动应用程序
现在可以启动Spring Boot应用程序并访问前端页面,就能看到分页数据了。
阅读全文