产品列表

--- theme: channing-cyan --- 「本文已参与好文召集令活动，点击查看：[后端、大前端双赛道投稿，2万元奖池等你挑战！](https://juejin.cn/post/6978685539985653767 "https://juejin.cn/post/6978685539985653767")」 # 一、分页查询概述分页查询则是在页面上将本来很多的数据分段显示，每页显示用户自定义的行数。可提高用户体验度，同时减少一次性加载，内存溢出风险。 ## 1.1、分页查询分类 ### 1.1.1、真分页每次翻页从数据库中查询数据。 1. 优点：不容易造成内存溢出。 2. 缺点：实现复杂，性能相对低。 ### 1.1.2、假分页一次性查询所有数据存入内存，翻页从内存中获取数据。 1. 优点：实现简单，性能高。 2. 缺点：容易造成内存溢出。 ## 1.2、分页效果发送请求访问一个带有分页页面的数据，会发现其主要由两部分组成： 1. 当前页的结果集数据，比如这一页有哪些商品信息。 2. 分页条信息，比如包含【首页】【上页】【下页】【末页】等。 ![image-20210123090253271](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ecef1563d2e54d7e8631a1aa96607006~tplv-k3u1fbpfcp-zoom-1.image) # 二、分页的设计 ## 2.1、分页需要传递的参数 ### 2.1.1、用户需要传入的参数 1. currentPage：当前页，跳转到第几页，int 类型，设置默认值，比如 1。 2. pageSize：每页最多多少条数据，int 类型，设置默认值，比如 10。 ### 2.1.2、分页需要展示的数据 1. start：首页。 2. prevPage：上一页。 3. nextPage：下一页。 4. totalPage：末页页码。 5. totalCounts：总记录数。 6. currentPage：当前页。 7. pageSize：每页记录数。 ### 2.1.3、分页需展示的数据的来源 - 来源于用户传入： 1. currentPage：当前页，int 类型。 2. pageSize：每页显示多少条数据，int 类型。 - 来源于两条 SQL 查询： 1. totalCount/rows：数据总条数，int 类型。 2. data/list：每一页的结果集数据，List 类型。 - 来源于程序计算： 1. totalPage：总页数/末页，int 类型。 2. prevPage：上一页，int 类型。 3. nextPage：下一页，int 类型。 ## 2.2、分页原理结果总数（totalCount/rows）和结果集（data/list）是来源于两条 SQL： 1. 第一条SQL：查询总数，返回一个数字（总记录数）。 ```mysql select count(*) from province ``` 2. 查询符合条件的结果集（返回一个结果集）。 ```mysql # 他有两个参数，一个是起始页的页码，另一个是每页记录数 # start ：(currentPage - 1) * pageSize # pageSize：前台给予 select * from province limit #{start} ,#{pageSize} ``` 3. 计算出其余的参数（总页数、上一页、下一页） ```java // 分页数据通过这个构造器封装好 public PageResult(int currentPage, int pageSize, int totalCount, List data) { this.currentPage = currentPage; this.pageSize = pageSize; this.totalCount = totalCount; this.data = data; // 计算总页数（要先算） this.totalPage = totalCount % pageSize == 0 ? totalCount / pageSize : totalCount / pageSize + 1; // 利用三元运算符来计算上一页，如果已经是第一页的话，那么他就不会有上一页，让他的上一页为第一页，否则就当前页减1为上一页 this.prevPage = currentPage - 1 >= 1 ? currentPage - 1 : 1; // 利用三元运算符计算下一页，如果已经是最后一页的话，那么就没有下一页了，就不让他下一页再增加，否则就当前页自增 this.nextPage = currentPage + 1 <= totalPage ? currentPage + 1 : totalPage; } ``` # 三、分页查询实现 ## 3.1、访问流程 ![image-20210123221537685](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/82f4377a6ea34aada6495fe2a910453b~tplv-k3u1fbpfcp-zoom-1.image) ## 3.2、分页参数的封装为了能在页面上显示上述的分页效果，那么我们就得在把页面上的每一个数据封装成到某个对象共享给 JSP。如果我们不进行封装的话，那么这个七个参数要全部在Session域中去取，比较复杂和恶心。我们一般会把多个需要共享的数据，封装到一个对象，往后就只需要把数据封装到该对象，再共享该对象即可。 ## 3.3、编写PageResult ```java package com.qo; import java.util.List; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data @AllArgsConstructor @NoArgsConstructor /** 封装结果数据（某一页的数据） * @author Xiao_Lin */ public class PageResult { // 用户输入的数据 private int currentPage; // 当前页码 private int pageSize; // 每页显示的条数 //SQL执行后的结果 private int totalCount; // 总条数 private List data; // 当前页数据结果集 // 利用程序计算出来的 private int prevPage; // 上一页 private int nextPage; // 下一页 private int totalPage; // 最后一页 // 分页数据通过这个构造器封装好 public PageResult(int currentPage, int pageSize, int totalCount, List data) { this.currentPage = currentPage; this.pageSize = pageSize; this.totalCount = totalCount; this.data = data; // 计算总页数（要先算） this.totalPage = totalCount % pageSize == 0 ? totalCount / pageSize : totalCount / pageSize + 1; // 利用三元运算符来计算上一页，如果已经是第一页的话，那么他就不会有上一页，让他的上一页为第一页，否则就当前页减1为上一页 this.prevPage = currentPage - 1 >= 1 ? currentPage - 1 : 1; // 利用三元运算符计算下一页，如果已经是最后一页的话，那么就没有下一页了，就不让他下一页再增加，否则就当前页自增 this.nextPage = currentPage + 1 <= totalPage ? currentPage + 1 : totalPage; } } ``` ## 3.4、修改Mapper（Dao） ```java // 查询总记录数，传入一个封装好的查询对象，里面的参数有当前页、每页记录数（可不传，尽量传，为模糊查询做基础） int queryCount(QueryObject qo); // 查询结果集，传入一个封装好的查询对象，里面封装好的参数有当前页、每页记录数、起始页页码 List query(QueryObject qo); ``` ## 3.5、修改Service以及ServiceImpl ```java PageResult query(ProvinceQueryObject qo); ``` ```java package com.service.impl; /** * @author Xiao_Lin * @date 2021/1/22 22:25 */ public class ProvinceServiceImpl implements ProvinceService { ProvinceMapper mapper = ConnUtils.getConnection().getMapper(ProvinceMapper.class); @Override public PageResult query(ProvinceQueryObject qo) { // 获取查询的记录数 int totalCount = mapper.queryCount(qo); // 如果总记录数为0，那么说明没数据就不用下一步查询了，提高效率。 if (totalCount == 0){ // 返回一个查询结果集，返回当前页、每页记录数、以及一个空的结果集 return new PageResult(qo.getCurrentPage(),qo.getPageSize(),totalCount,Collections.EMPTY_LIST); } // 记录数不为0，查询出一个结果集 List provinces = mapper.query(qo); // 返回一个查询结果集，返回当前页、每页记录数、以及结果集 return new PageResult(qo.getCurrentPage(),qo.getPageSize(),totalCount,provinces); } ``` ## 3.6、编写QueryObject ```java package com.domain; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; /** * 封装分页查询需要的两个请求传入的分页参数 * @author Xiao_Lin * @date 2021/1/22 21:49 */ @Data @AllArgsConstructor @NoArgsConstructor public class QueryObject { private int currentPage = 1; // 当前页码，要跳转到哪一页的页码（需要给默认值） private int pageSize = 3 ; // 每页显示条数（需要给默认值） //用于 Limit 子句第一个 ? 取值，起始页页码 public int getStart(){ return (currentPage-1)*pageSize; } } ``` ## 3.7、编写测试类 ```java ProvinceService provinceService = new ProvinceServiceImpl(); QueryObject qo = new QueryObject(); PageResult pageResult = provinceService.query(qo); System.out.println("当前页："+pageResult.getCurrentPage()); System.out.println("结果集数据：" + pageResult.getData()); System.out.println("当前页总记录数：" + pageResult.getTotalCount()); System.out.println("条数：" + pageResult.getData().size()); System.out.println("总页数：" + pageResult.getTotalPage()); System.out.println("上一页：" + pageResult.getPrePage()); System.out.println("下一页：" + pageResult.getNextPage()); ``` ![image-20210124101323145](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/99ba9fe5b03c4a69a06207948d5efdf3~tplv-k3u1fbpfcp-zoom-1.image) ## 3.7、编写Servlet ```java package com.servlet; /** * @author Xiao_Lin * @date 2021/1/24 10:17 */ @WebServlet(urlPatterns = "/listall") public class ProvinceServlet extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { ProvinceService provinceService = new ProvinceServiceImpl(); // 创建QueryObject对象 QueryObject qo = new QueryObject(); // 获取参数 String currentPage = req.getParameter("currentPage"); // 利用工具类判断是否传了这个参数 if (StringUtil.hasLength(currentPage)){ // 如果传了就赋值 qo.setCurrentPage(Integer.parseInt(currentPage)); } String pageSize = req.getParameter("pageSize"); if (StringUtil.hasLength(pageSize)){ qo.setPageSize(Integer.parseInt(pageSize)); } // 调用业务层方法来处理请求查询某一页数据 PageResult query = provinceService.query(qo); // 把数据共享给jsp req.setAttribute("pageResult", query); // 控制跳转到 list.jsp 页面 req.getRequestDispatcher("/WEB-INF/views/product/list.jsp").forward(req, resp); } } ``` ## 3.7、前台实现包含编写 Servlet 及 JSP，Servlet 处理请求，调用业务方法，把查询到数据共享到 JSP 中，展示给用户。操作步骤： 1. 浏览器发出分页请求参数（去往第几页/每页多少条数据），在 Servlet 中接收这些参数，并封装到 QueryObject 对象，调用 Service 中分页查询方法（query）。 2. 把得到的分页查询结果对象（PageResult）共享在请求作用域中，跳转到 JSP，显示即可。 3. 修改 JSP 页面，编写出分页条信息（分页条中的信息来源于 PageResult 对象）。 ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 产品列表

编号	名称	简称
${status.count}	${province.id}	${province.name}	${province.abbr}	删除修改
首页上一页下一页尾页当前第 ${pageResult.currentPage} / ${pageResult.totalPage} 页一共 ${pageResult.totalCount} 条数据跳转到页每页显示条数据

```