如何用JS将数据在页面上分页显示出来

2024年10月31日 00:59
有1个网友回答
网友(1):

在servlet的service()方法中只需进行如下操作:

PageControl  pageCtl = yourBusinessObject.listData(req.getParameter("jumpPage"));
req.setAttribute("pageCtl",pageCtl);

说明:yourBusinessObject封装了商业逻辑,是位于Business Logic Layer中的一个对象,运用OOAD的方法,封装商业对象,在Persistent Layer之上组建坚实的Business Logic Layer同样是构建大型电子商务架构的关键所在。本文的关注点只是分页处理,暂不详细论述.

在每个想要实现翻页显示数据的jsp页面中,我们的工作也很简单,其代码是公式化的:


<%if(pageCtl.maxPage!=1)){%>


<%@ include file="/yourpath/pageman.jsp"%>

<%}%>

说明:

if(pageCtl.maxPage!=1)实现了这样一个逻辑:如果所取得数据不足一页,那么就不用进行翻页显示。

我们注意到<%@ include file="/yourpath/pageman.jsp"%>这使得真正的翻页部分完全得到了重用.

那么pageman.jsp到底做了些什么呢?它实现了经常做翻页处理的人耳熟能详的逻辑 
(A)第一页时不能再向前翻; 
(B)最后一页时不能再向后翻; 
同时能够进行页面任意跳转,具体代码如下:

每页<%=pageCtl.rowsPerPage%>行
共<%=pageCtl.maxRowCount%>行
第<%=pageCtl.curPage%>页
共<%=pageCtl.maxPage%>页


<%if(pageCtl.curPage==1){ out.print(" 首页 上一页");   }else{  %>  
首页
上一页
<%}%>
<%if(pageCtl.curPage==pageCtl.maxPage){ out.print("下一页 尾页");   }else{  %>  
下一页
尾页
<%}%>
转到第


最后附上用于页面跳转的javascript公共函数:

function Jumping(){
 document.PageForm.submit();
 return ;
}
function gotoPage(pagenum){
 document.PageForm.jumpPage.value = pagenum;
 document.PageForm.submit();
 return ;
}


运行效果: