8-18:补充PageHelper实现原理(快手一面问到了 不会)
后端
1. 导包
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.3.0</version>
</dependency>
注意,这里如果是SpringBoot项目,一定要导这个pagehelper-spring-boot-starter
2. 启动类配置分页拦截器
@Bean
public Interceptor[] plugins() {
return new Interceptor[]{new PageInterceptor()};
}
在SpringBoot的启动类加上拦截器
3. 进行分页
@GetMapping("/selectAll")
@Operation(summary = "查询所有")
public Result<List<Dish>> selectAll(@RequestParam(value = "name", required = false) String name,
@RequestParam("pageNo") Integer pageNo){
PageHelper.startPage(pageNo,10); # 设置页码和页大小
List<Dish> dishResult = dishService.selectAll(); # 进行查询
PageInfo<Dish> pageInfo = new PageInfo<>(dishResult); # 查询结果构建PageInfo对象
# 返回pageInfo对象的list属性
return Result.success(pageInfo.getList());
}
PageHelper.startPage(pageNo,10)
:可以自己传入页码大小在参数里startPage()
静态方法后的第一条sql语句才会被分页
4. 配置
@Configuration
public class PageConfig {
@Bean
public PageHelper pageHelper() {
PageHelper pageHelper = new PageHelper();
//添加配置,也可以指定文件路径
Properties p = new Properties();
p.setProperty("offsetAsPageNum", "true");
p.setProperty("rowBoundsWithCount", "true");
p.setProperty("reasonable", "true");
pageHelper.setProperties(p);
return pageHelper;
}
}
添加配置类,这步可省略
前端
1. 分页组件
<el-pagination
background
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="1000">
</el-pagination>
用的Element-UI
的组件
2. 定义数据
searchModel: {
pageNo: 1,
pageSize: 10
}
传入默认值,还可以加入查询条件,配合搜索框一起筛选查询
3. 定义方法
handleCurrentChange(pageNo){
this.searchModel.pageNo = pageNo
this.getAllDishes()
}
分页组件绑定该方法,传入当前页码
分页实现原理
责任链模式+动态代理
PageHelper需要这个Interceptor (MyBatis 3.0.6),这个拦截器会在执行SQL的时候拦截,然后修改SQL语句