目录

前端代码

找到书籍操作界面(使用自动生成代码功能生成)的分页组件

 进入listBooks触发ajax请求

 后端返回的Json数据​编辑

 后端代码

首先执行startPage函数(分页操作)

 通过getPageNum和getPageSize获取页数和每一页的列数

回到后端接口函数

下面的函数中将信息和列表数据写入resData对象中传递给前端

 PageSerializable的构造函数进行判断list和Page是否有继承关系

 selecttushuList没用使用pageNum和pageSize所以返回所有数据

 LIMIT对查询数据做了行数输出限制

当前端参数为pageNum=2和pageSize=10对应的后端Log


前端代码

找到书籍操作界面(使用自动生成代码功能生成)的分页组件

getList为分页组件页面改变时会触发的函数

 进入listBooks触发ajax请求

携带查询参数querParams给后端

之后将后端返回的rows(图书列表数据 )赋值给前端变量,total(总列数)赋值给前端变量

 

 后端返回的Json数据

 后端代码

首先执行startPage函数(分页操作)

 通过getPageNum和getPageSize获取页数和每一页的列数

再通过startPage执行分页操作

回到后端接口函数

执行selectBookList函数获取数据库中的book信息

执行getDataTable

下面的函数中将信息和列表数据写入resData对象中传递给前端

其中getTotal函数为PageInfo的父类PageSerializable中的函数

 PageSerializable的构造函数进行判断list和Page是否有继承关系

有则对list进行强转从而能使用子类Page中的getTotal函数获取total

 selecttushuList没用使用pageNum和pageSize所以返回所有数据

 LIMIT对查询数据做了行数输出限制

 

当前端参数为pageNum=2和pageSize=10对应的后端Log

 

Logo

快速构建 Web 应用程序

更多推荐