ruoyi分页原理的前端后端简单分析

目录

前端代码

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

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