java web手写实现分页功能

2023-08-01 02:24:03 63

现在很多流行的框架，都可以很快的把分页效果做出来，但是作为一名程序员你必须得知道手写分页的流程：

场景效果：

一、分页的思路

首先我们得知道写分页代码的思路，保持思路清晰，才能行云流水的去写代码，其实不管是在写什么代码，思路，思想特别重要，先想好再动手，就会事半功倍！

先来分析SQL语句实现

Select*fromproductlimit0,5
Select*fromproductlimit5,5
Select*fromproductlimit10,5
Select*fromproductlimit15,5

#当前页起始值每页数据大小
105
255
3105
4155

结论：

（1）（当前页-1）*（每页数量）=起始值
（2）要想实现分页，向服务端发起请求的时候，必须传递当前页。

二、创建PageBean存放数据

这时候我们需要封装一个包装类，来封装我们的分页数据

packagecn.itcast.store.domain;
importjava.util.List;
/**
*存放分页相关的数据
*
*@authoryechengchao
*/
publicclassPageModel{
//基本属性
/**当前页数，由用户指定*/
privateintcurrentPageNum;
/**每页显示的条数，可以由用户指定每页显示多少*/
privateintpageSize=5;
/**总记录条数，数据库查出来的*/
privateinttotalRecords;
/**总页数，计算出来的*/
privateinttotalPageNum;
/**每页开始记录的索引，计算出来的（当前页-1）*（每页数量）=起始值*/
privateintstartIndex;
/**上一页*/
privateintprePageNum;
/**下一页*/
privateintnextPageNum;
/**已经分好页的结果集,存放我们查出来的结果集*/
privateListlist;

/**扩展属性
一共每页显示9个页码按钮*/
/**开始页码*/
privateintstartPage;
/**结束页码*/
privateintendPage;

/**完善属性*/
privateStringurl;


/**要想使用我的分页，必须给我两个参数。一个是要看哪一页，另一个是总记录条数*/
publicPageModel(intcurrentPageNum,inttotalRecords,intpageSize){
this.currentPageNum=currentPageNum;
this.totalRecords=totalRecords;
this.pageSize=pageSize;

//计算查询记录的开始索引
startIndex=(currentPageNum-1)*pageSize;
//计算总页数
totalPageNum=totalRecords%pageSize==0?(totalRecords/pageSize):(totalRecords/pageSize+1);

//5
startPage=currentPageNum-4;
//结束页码
endPage=currentPageNum+4;
//看看总页数够不够9页
if(totalPageNum>9){
//超过了9页
if(startPage<1){
startPage=1;
endPage=startPage+8;
}
if(endPage>totalPageNum){
endPage=totalPageNum;
startPage=endPage-8;
}
}else{
//不够9页
startPage=1;
endPage=totalPageNum;
}
}

publicStringgetUrl(){
returnurl;
}

publicvoidsetUrl(Stringurl){
this.url=url;
}

publicintgetStartPage(){
returnstartPage;
}

publicvoidsetStartPage(intstartPage){
this.startPage=startPage;
}

publicintgetEndPage(){
returnendPage;
}
publicvoidsetEndPage(intendPage){
this.endPage=endPage;
}
publicintgetPrePageNum(){
prePageNum=currentPageNum-1;
if(prePageNum<1){
prePageNum=1;
}
returnprePageNum;
}
publicintgetNextPageNum(){
nextPageNum=currentPageNum+1;
if(nextPageNum>totalPageNum){
nextPageNum=totalPageNum;
}
returnnextPageNum;
}
publicintgetCurrentPageNum(){
returncurrentPageNum;
}
publicvoidsetCurrentPageNum(intcurrentPageNum){
this.currentPageNum=currentPageNum;
}
publicintgetPageSize(){
returnpageSize;
}
publicvoidsetPageSize(intpageSize){
this.pageSize=pageSize;
}
publicintgetTotalRecords(){
returntotalRecords;
}
publicvoidsetTotalRecords(inttotalRecords){
this.totalRecords=totalRecords;
}
publicintgetTotalPageNum(){
returntotalPageNum;
}
publicvoidsetTotalPageNum(inttotalPageNum){
this.totalPageNum=totalPageNum;
}
publicintgetStartIndex(){
returnstartIndex;
}
publicvoidsetStartIndex(intstartIndex){
this.startIndex=startIndex;
}
publicvoidsetPrePageNum(intprePageNum){
this.prePageNum=prePageNum;
}
publicvoidsetNextPageNum(intnextPageNum){
this.nextPageNum=nextPageNum;
}
publicListgetList(){
returnlist;
}
publicvoidsetList(Listlist){
this.list=list;
}
}

三、在servlet编写控制代码

首先用户发送请求，带上当前页数，在这表调用业务层的代码，把以分页的形式查询商品，再把商品查询出来之后赋值给我们创建的pageModel对象，这时候把这个对象传到前端页面，就可以把值取出来，实现分页。

publicStringfindProductByCidWithPage(HttpServletRequestrequest,HttpServletResponseresponse)throwsException{
//获取cid,num
Stringcid=request.getParameter("cid");
intcurNum=Integer.parseInt(request.getParameter("num"));
//调用业务层的功能：以分页的形式查询当前页类别下商品信息
//返回PageModel对象（1当前页商品信息2分页3url）
ProductServiceproductService=newProductServiceImp();
PageModelpm=productService.findProductByCidWithPage(cid,curNum);
//将PageModel对象放入request
request.setAttribute("page",pm);
//转发到/jsp/product_list.jsp
return"/jsp/product_list.jsp";
}

四、业务层service编写业务逻辑代码

当调用业务层的业务逻辑的时候，在这边我们是通过Dao层把我们要查询的商品查询出来用一个list接收，再传给pageModel的属性list,这时候就把整个pageModel对象传回去，这边主要是调用Dao层查询和关联集合，关联URL。

publicPageModelfindProductByCidWithPage(Stringcid,intcurNum)throwsException{
//1创建pageModel对象目的：计算分页参数

//统计当前分类下商品的个数selectcount(*)fromproductwherecid=?
inttotalRecords=productDao.findtotalRecords(cid);
PageModelpageModel=newPageModel(curNum,totalRecords,12);
//2.关联集合select*formproductwherecid=?limit?,?
Listlist=productDao.findProductByCidWithPage(cid,pageModel.getStartIndex(),pageModel.getPageSize());
pageModel.setList(list);
//3.关联url
pageModel.setUrl("ProductServlet?method=findProductByCidWithPage&cid="+cid);
returnpageModel;
}

五、Dao层操作数据库

为什么我们要在最开始分析sql语句，最根源就是在这边查询数据库，我们需要把起始页和分页大小传进去。

publicListfindProductByCidWithPage(Stringcid,intstartIndex,intpageSize)throwsException{
Stringsql="select*fromproductwherecid=?limit?,?";
QueryRunnerqr=newQueryRunner(JDBCUtils.getDataSource());
returnqr.query(sql,newBeanListHandler(Product.class),cid,startIndex,pageSize);
}

六、前端页面，显示分页

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%@tagliburi="http://java.sun.com/jsp/jstl/core"prefix="c"%>
<%--分页显示的开始--%>

共${page.totalPageNum}页/第${page.currentPageNum}页

首页
上一页
<%--显示的页码，使用forEach遍历显示的页面--%>

${pagenum}


下一页
末页


functionjump(){
vartotalpage=${page.totalPageNum};
varpagenum=document.getElementById("pagenum").value;
//判断输入的是一个数字
varreg=/^[1-9][0-9]{0,1}$/;
if(!reg.test(pagenum)){
//不是一个有效数字
alert("请输入符合规定的数字");
return;
}
//判断输入的数字不能大于总页数
if(parseInt(pagenum)>parseInt(totalpage)){
//超过了总页数
alert("不能大于总页数");
return;
}
//转向分页显示的Servlet
window.location.href="${pageContext.request.contextPath}/${page.url}&num="rel="externalnofollow"+pagenum;
}

<%--分页显示的结束--%>

因为将我们所有需要的数据都封装在了pageModel中，pageModel对象又在request域中，所以在jsp页面中，我们只需要拿到我们所需要的数据，进行显示即可，构造导航图需要注意的有一点，逻辑要搞清楚，想要显示什么不想显示什么，全屏自己控制了，只需要记得一点，在请求Servlet时，需要把请求的页码交给服务器。不然服务器不知道你要获得第几页的数据。

总结

其实分页也不太难，一个难点就是javaBean的构建，只要弄清楚pageModel里面需要哪些属性，各种属性的作用是什么，就会很清晰了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

java web手写实现分页功能

热门推荐

随机推荐