Vue笔记（十六）—— Vue PageHelper（SpringBoot）实现后台分页

最新推荐文章于 2024-07-01 14:15:26 发布

是是非非iiee

最新推荐文章于 2024-07-01 14:15:26 发布

阅读量1.1k

点赞数

分类专栏： # Vue笔记 Java笔记文章标签： vue pagehelper

本文链接：https://blog.csdn.net/u012382791/article/details/105674077

版权

本文介绍了如何在Vue项目中结合SpringBoot的PageHelper进行后台分页处理。首先，通过pom引入PageHelper依赖，然后在application.yml或配置类中设置PageHelper。接着，创建分页查询的接口。在Vue界面，添加分页组件，并在data中声明及处理分页逻辑。PageInfo类用于存储分页信息。

摘要由CSDN通过智能技术生成

前端开发请直接跳到第4歩

1.pom引入依赖：

<!--导入pagehelper相关依赖-->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>5.1.2</version>
</dependency>
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper-spring-boot-autoconfigure</artifactId>
    <version>1.2.3</version>
</dependency>
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper-spring-boot-starter</artifactId>
    <version>1.2.3</version>
</dependency>

2.增加pagehelper配置：

方法一：在application.yml文件中配置

# 配置pagehelper参数
pagehelper:
    helperDialect: mysql
    reasonable: true
    supportMethodsArguments: true
    params: count=countSql

方法二：创建一个配置类配置 PageHelper

@Configuration
public class PageHelperConfig {
   
    @Bean
    public PageHelper getPageHelper(){
   
        PageHelper pageHelper=new PageHelper();
        Properties properties=new Properties();
        properties.setProperty("helperDialect","mysql");
        properties.setProperty("reasonable