1.1 整体思路分析
万变不离其宗,首先需要弄清楚需要封装什么格式的数据,数据如何传递,前端封装,后端返回数据给前端,然后在页面上显示出来。
- 分页:把前端的数据传到后台(在search.html搜索页面,显示页码)
- 前端:
1.需要传参数到后台(page当前页码、页大小)
2.显示页码(总记录数计算出总页数),所以后台需要返回总记录数和总页数
3.页码需要生成- 后端:
1.总记录数(响应数据)
2.总页数(响应数据)
1.2 前端代码思路
- 实现步骤:
- 显示页码
- 显示搜索条件与总记录
- 根据页码查询
- 显示省略号
- 页码不可用样式
- 搜索起始页码处理
1.3 后端代码思路
- 接收分页参数:当前页码、页大小
- 实现步骤:
- 第一步:前端分页参数(page、rows)
- 第二步:判断请求参数(page、rows)
- 第三步:搜索方法实现分页查询(设置分页起始记录数、页大小)
- 第四步:准备响应数据(总记录数、总页数)