最终效果如下
思路
前台需要展示的是一页一页的数据,每一页包含的信息有两个:当前页数(pageNow)、每一页有条数据(pageSize)。其他的事情前台不用关心,它的目的只是展示数据。而数据的来源在后台,前台告诉后台需要哪一页的数据以及这一页有多少条数据,pageSize是可以设定的,所以pageNow是前台和后台交互的核心。那么后台接收到前台的pageNow,要去识别它,根据这个参数到数据库取得数据返回给前台。 先说说pageNow,pageNow的值怎么设置?当然是后台告诉前台一共有多少页(totalPageCount),然后前台要展示的数据就在0~totalPageCount页之间,当前的处于哪一页就是pageNow的值;而pageSize,每一页记录数,这很好理解,每一页要展示多少数据。而pageSize(每一页记录数) * totalPageCount(页数) = 数据库中该表的记录总数(totalCount)。所以后台关心的有4个变量:pageNow、pageSize、totalPageCount、totalCount。这里的totalCount是已知的,数据库表的记录数,根据前台页面的展示效果如果pageSize确定,那么totalPageCount = totalCount / pageSize,而 pageNow 是前台数据的选择页。
例子
这里以mysql数据库,java ssm后台,前台bootstrap为例。
1).既然分页思路是通用的,把分页写成一个工具类,放在util包中,它与业务逻辑是没有关系的
package com.xforce.charles.util;import java.io.Serializable;public class Page implements Serializable { private static final long serialVersiOnUID= -3198048449643774660L; private int pageNow = 1; // 当前页数 private int pageSize = 10; // 每页显示记录的条数 private int totalCount; // 总的记录条数 private int totalPageCount; // 总的页数 @SuppressWarnings("unused") private int startPos; // 开始位置,从0开始 @SuppressWarnings("unused") private boolean hasFirst;// 是否有首页 @SuppressWarnings("unused") private boolean hasPre;// 是否有前一页 @SuppressWarnings("unused") private boolean hasNext;// 是否有下一页 @SuppressWarnings("unused") private boolean hasLast;// 是否有最后一页 /** * 通过构造函数 传入 总记录数 和 当前页 * @param totalCount * @param pageNow */ public Page(int totalCount, int pageNow) { this.totalCount = totalCount; this.pageNow = pageNow; } /** * 取得总页数,总页数=总记录数/总页数 * @return */ public int getTotalPageCount() { totalPageCount = getTotalCount() / getPageSize(); return (totalCount % pageSize == 0) ? totalPageCount : totalPageCount + 1; } public void setTotalPageCount(int totalPageCount) { this.totalPageCount = totalPageCount; } public int getPageNow() { return pageNow; } public void setPageNow(int pageNow) { this.pageNow = pageNow; } public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { this.pageSize = pageSize; } public int getTotalCount() { return totalCount; } public void setTotalCount(int totalCount) { this.totalCount = totalCount; } /** * 取得选择记录的初始位置 * @return */ public int getStartPos() { return (pageNow - 1) * pageSize; } public void setStartPos(int startPos) { this.startPos = startPos; } /** * 是否是第一页 * @return */ public boolean isHasFirst() { return (pageNow == 1) ? false : true; } public void setHasFirst(boolean hasFirst) { this.hasFirst = hasFirst; } /** * 是否有首页 * @return */ public boolean isHasPre() { // 如果有首页就有前一页,因为有首页就不是第一页 return isHasFirst() ? true : false; } public void setHasPre(boolean hasPre) { this.hasPre = hasPre; } /** * 是否有下一页 * @return */ public boolean isHasNext() { // 如果有尾页就有下一页,因为有尾页表明不是最后一页 return isHasLast() ? true : false; } public void setHasNext(boolean hasNext) { this.hasNext = hasNext; } /** * 是否有尾页 * @return */ public boolean isHasLast() { // 如果不是最后一页就有尾页 return (pageNow == getTotalCount()) ? false : true; } public void setHasLast(boolean hasLast) { this.hasLast = hasLast; } }2).场景:前端向后台请求数据,传递pageNow参数
Previous3).后台接收pageNow参数,向service层要数据
//先假设为第一页 int pageNow = 1; //接收前台传递的当前页数 String s_pageNow = request.getParameter("pageNow"); //如果页面第一次进入,默认展示第一页的数据,这时前台是没有传递给后台当前页面参数的 if(null != s_pageNow) { pageNow = Integer.parseInt(s_pageNow); } //获取记录总数 int tatolCount = statusService.getStatusCount(); //page根据tatolCount和pageNow计算出需要的记录数在数据库中的位置范围 Page page = new Page(tatolCount, pageNow); List statusAndProductWrapperList = statusService.getStatusAndProductWrapper(page.getStartPos(), page.getPageSize()); //将数据返回给前端 model.addAttribute("statusAndProductWrapperList", statusAndProductWrapperList); model.addAttribute("page", page);4).service层调用dao层
interface
//获取用户状态信息 List getStatusAndProductWrapper(int startPos, int pageSize); //获取用户状态的记录数 int getStatusCount();Impl
public List getStatusAndProductWrapper(int startPos, int pageSize) { return statusDao.selectStatusAndProductWrapperByPage(startPos, pageSize); } public int getStatusCount() { return statusDao.selectStatusCount(); }5).dao层
interface
//分页获取记录 List selectStatusAndProductWrapperByPage( @Param(value="startPos") Integer startPos, @Param(value="pageSize") Integer pageSize); //得到记录总数 int selectStatusCount();Mapping
select ... from ... limit #{startPos}, #{pageSize} select count(*) from status如果是sql server
select top #{pageSize} ... from ... where ... not in(select top #{startPos} id from ...)如果是oracle
select ... from (select ROWNUM rn, ... from (select ... from ... order by id asc) where ROWNUM = #{startPos};6).前台展示,这里用bootstrap的样式
- 0}">
- Previous
- ${page.pageNow}/${page.totalPageCount}
- Next
- Next
7).总而言之,分页思路的逻辑是通用的。跟数据库、后台语言、前端框架无关