通过使用SpringBoot与ElementUI来实现数据的分页功能

背景

分页:

1. 如果一次性的查询全部数据, 响应时间就太长了, 使得浏览器, java虚拟机都有延迟, 用户使用上就会容易出现卡顿:
2. 所以就要降低数据库的压力, 使用分页来显示, 一次显示一部分数据

例子:

假设有五条数据, 每一页都显示两条

实现分页要知道:

1. 每页多少条数据
2. 当前的页数
3. 一共多少页数据(可以通过ElementUI来实现自动计算)

SpringBoot后端

一、手动拼接SQL来实现

可以由前端将当前的页数传到后端

由后端将需要展示的数据返回前端

Controller层

Mapper文件(在不使用Mybatis插件, 使用limit分页)

一、使用Mybatis插件来实现

使用Mybatis插件:

1. 可以自动为我们的SQL添加limit语句
2. 还可以再发送一条语句来获取总条数
   (前端需要总条数来计算总页数)

1. 首先要导入依赖

		<!-- pagehelper依赖 -->
		<dependency>
			<groupId>com.github.pagehelper</groupId>
			<artifactId>pagehelper-spring-boot-starter</artifactId>
			<version>1.2.5</version>
		</dependency>

2. 配置spring文件
   

3. 使用对应类将总页数, 与数据封装到对象PageInfo里
   在Service层里

前端: