数据分页功能的页面分析

这次分析的网页是字典名称页面

首先找到URL：http://localhost/dev-api/system/dict/type/list?pageNum=1&pageSize=10

前端代码

可以根据URL中的URI找到api接口

total的初始值为0，需要后端返回的总条数

total是相应数据的总条数

后端代码

1、接口函数：将数据给前端

2、service接口返回数据列表

Service类实现：

3、mapper：找到数据访问接口

4、mybatis：连接数据库，查找数据

5、这个是idea中的日志记录

11:10:04.336 [http-nio-8080-exec-84] DEBUG c.r.s.m.S.selectDictTypeList - [debug,137] - ==> Preparing: select dict_id, dict_name, dict_type, status, create_by, create_time, remark from sys_dict_type LIMIT ?, ?
11:10:04.338 [http-nio-8080-exec-84] DEBUG c.r.s.m.S.selectDictTypeList - [debug,137] - ==> Parameters: 10(Long), 10(Integer)
11:10:04.341 [http-nio-8080-exec-84] DEBUG c.r.s.m.S.selectDictTypeList - [debug,137] - <== Total: 1

如图第二页只有一条数据，所以total：1