当前页面: 开发资料首页 → JSP 专题 → 用jsp进行数据分页显示的一个实现

用jsp进行数据分页显示的一个实现

摘要: 用jsp进行数据分页显示的一个实现

互联网时代实际上是数据的时代，构建大型电子商务系统必然要涉及到大量数据显示，数据的分页显示是频繁遇到的问题，如果让每个程序员都要考虑数据的获取与处理的每个细节，那必将是件既糟糕又混乱的事情，类似于分页显示这种具有公共特征的控制逻辑必定要在horizonal layer层予以实现

本文以循序渐进的方式给出了用jsp处理分页显示的一个可重用，易于移植的实现。

如果把与各种商业逻辑实体相对应的数据叫做"实体数据"，那么分页显示逻辑要封装的就是控制实体数据的"控制数据"（下文中沿用这两种说法）.

首先让我们构建一个PageControl对象将分页所涉及到的一些关键的"控制数据"予以封装.

具体说明如下：

1. public int curPage ; //当前是第几页
2. public int maxPage ; //一共有多少页
3. public int maxRowCount ; //一共有多少行
4. public int rowsPerPage ; //每页有多少行
5. public yourDataType yourdata ;//装载每页的数据
   关于每页所要显示的"实体数据"的载体，其实现方式多种多样，比如说在IBM电子商务系统MPE中是以bean的形式，这是一种面向对象的实现，比较的简略的实现可用java.util.Vector等，为了避免分散对核心问题的的注意力，这里用youDataType予以抽象.
   
   
6. <table cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1> <tr> <td>

   public void countMaxPage() {   //根据总行数计算总页数 
   
       if (this.maxRowCount % this.rowsPerPage==0){
   
          this.maxPage = this.maxRowCount/this.rowsPerPage;
   
       }else{
   
          this.maxPage = this.maxRowCount/this.rowsPerPage + 1;       
   
           }
   
       }
   
   

   </td></tr></table>this.rowsPerPage其实应从配置文件中获得，这样做的好处是程序能在运行中读取从而实现动态（再）配置,简略的做法是直接写在程序中。
7. public PageControl(yourPersistenceLayer yourPL)
   这是一个参数类型为yourPersistenceLayer的构造函数.PersistenceLayer是直接同数据库打交道的一层，不同的公司都有不同的实现，比如说Microsoft的ADO就可以看作是一PersistenceLayer,IBM在其MPE系统中也实现了一个庞大的PersistenceLayer,. 一种投机的做法是不要PersistenceLayer,或者可以说是淡化该层，这样做势必降低系统的稳定性，可重用性,可扩展性。具体可以参考附录文献.在这个构造函数中，有这样几个主要操作： <table cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1> <tr> <td>

      this.maxRowCount = yourPL.getAvailableCount();  //得到总行数
   
       this.yourdata    = yourPL.getResult();          //得到要显示于本页的数据
   
       this.countMaxPage();                         //计算总页数
   
   
   
   

   </td></tr></table>

关于this.yourdata这里还有一个细节：在从数据库中获取"实体数据"时,通常有两种方式:(A)一次性获取所有数据；(B)每次根据当前页号，获取本页的数据，将其它数据予以抛弃；考虑到数据往往是大量甚至是海量的，如果一次性的获取，那么这些数据必然大量占用服务器内存资源，使系统性能大大降低，因此建议使用方法（A）

接下来的工作就可以交给servlet和jsp了
在servlet的service()方法中只需进行如下操作：

<table cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1> <tr> <td>

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

req.setAttribute("pageCtl",pageCtl);

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

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

<table cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1> <tr> <td>

<?xml:namespace prefix = jsp />

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

<form name=PageForm action=/servlet/yourpackage.yourservlet method=post>

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

</form>

<%}%>

</td></tr></table>

1. 说明：
2. if(pageCtl.maxPage!=1)实现了这样一个逻辑：如果所取得数据不足一页,那么就不用进行翻页显示。
3. 我们注意到<%@ include file="/yourpath/pageman.jsp"%>这使得真正的翻页部分完全得到了重用.

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

<table cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1> <tr> <td>

每页<%=pageCtl.rowsPerPage%>行

共<%=pageCtl.maxRowCount%>行

第<%=pageCtl.curPage%>页

共<%=pageCtl.maxPage%>页




<%if(pageCtl.curPage==1){ out.print(" 首页 上一页");   }else{  %>  

首页

)">上一页

<%}%>

<%if(pageCtl.curPage==pageCtl.maxPage){ out.print("下一页 尾页");   }else{  %>  

)">下一页

)">尾页

<%}%>

转到第<select onchange=Jumping() name=jumpPage> <option value="<%=i%" selected>></option> <option value="<%=i%">></option></select>页

</td></tr></table>在页面上会呈现出形如下图的外观，至于想要修饰美化，那是美工的工作所在。

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

<table cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1> <tr> <td>

function Jumping(){

  document.PageForm.submit();

  return ;

}

function gotoPage(pagenum){

  document.PageForm.jumpPage.value = pagenum;

  document.PageForm.submit();

  return ;

}

</td></tr></table>

如果他们位于名为TurnPage.js的文件中，那么在每个要实现翻页数据显示的jsp页面中加上这样的引用：