项目-带分页数据查询

简介: 项目-带分页数据查询

后端接口实现

修改DeptController类中的查询接口为带分页接口,代码如下:

重启后端项目,在Postman中进行测试,结果如图

前端实现

创建静态数据模板

首先使用Element组件Table表格构建静态表格数据模板,如图18-12所示,复制模板代码并覆盖PageOne页面,精简代码与数据库字段相对应。同时,引入分页模板代码如图18-13所示,当然大家可根据自己的喜好选择组件。

PageOne.vue组件代码如下

动态获取后台数据

在PageOne页面使用Axios请求后台数据接口,代码如下:

测试

经过上面两步后,页面显示效果如图


相关文章
|
8月前
|
Java
jpa实现增删改查,分页,自定义查询,jpql查询
jpa实现增删改查,分页,自定义查询,jpql查询
46 0
|
10月前
|
SQL Oracle 关系型数据库
什么是分页?如何使用分页?(一)
什么是分页?如何使用分页?
114 0
|
5月前
|
前端开发 Java UED
通用分页集模糊,全部查询,分页查询为一体(2)演示,优化上篇通用查询分页
通用分页集模糊,全部查询,分页查询为一体(2)演示,优化上篇通用查询分页
|
7月前
|
SQL 前端开发
JavaWeb12(实现基础分页&模糊查询的分页)
JavaWeb12(实现基础分页&模糊查询的分页)
|
8月前
|
BI 索引
|
10月前
|
SQL 存储 关系型数据库
什么是分页?如何使用分页?(二)
什么是分页?如何使用分页?
52 0
|
SQL 关系型数据库 MySQL
基础DQL(数据查询)——排序查询和分页查询
基础DQL(数据查询)——排序查询和分页查询
127 0
基础DQL(数据查询)——排序查询和分页查询
基础DQL(数据查询)——基础查询
基础DQL(数据查询)——基础查询
93 0
基础DQL(数据查询)——基础查询
|
关系型数据库 Java 数据库
使用Kettle动态生成页码并实现分页数据同步
使用Kettle动态生成页码并实现分页数据同步
417 0
使用Kettle动态生成页码并实现分页数据同步
|
SQL 关系型数据库 MySQL
mysql优化大批量数据时的分页操作
mysql大数据量下的优化分页的方式,仅供参考。
mysql优化大批量数据时的分页操作