jsp自定义分页标签page

最新推荐文章于 2022-04-13 11:39:40 发布

phantomes

最新推荐文章于 2022-04-13 11:39:40 发布

阅读量277

点赞数

文章标签： java 数据库 web.xml

日常工作项目里，分页是十分常见的，网上也有大把的分页插件，性能和美观程度都比较不错，但是有时候并不一定能满足我们的需求，因为大部分的分页插件都是在客户端分页，有的甚至需要你一次性查询出所有的数据放入内存，在内存进行分页，而且分也时，只是单纯分页只接受页码，并不能传入本页的某些参数到另一个页面做重新查询的条件，进而重新分页。

根据jsp自定义分页标签的特性，我们可以定制自己的分页标签，更加方便开发中的使用，关于jsp的自定义标签，上篇已有详细的介绍说明，http://jackjobs.iteye.com/admin/blogs/1827385

该页最下面的分页栏，即是自定义的jsp的标签，我这里给的名字是<page:page pager="${requestScope.pb}" />，即只要引入它即可出现该分页栏，由于为了方便，样式可能不太好看，这个大家可以自己去调节。

下面我们开始实现这个page标签，首先新建一个web项目，并引入struts必要地几个jar包。新建一个包，取名为com.page.util，将page的三个实现类放在下面，分别是Pager.java，PagerHelp.java，PageTag.java，它们的实现分别如下：

Pager.java：

    Java代码 
  
 /** 
 *保存分页信息的类 
 * 
 * 
 */ 
 publicclassPager{ 
 privateinttotalRows;//总行数 
  
 privateintpageSize=10;//每页显示的行数 
  
 privateintcurrentPage;//当前页号 
  
 privateinttotalPages;//总页数 
  
 privateintstartRow;//当前页在数据库中的起始行 
  
 privateStringlinkUrl;//要跳转的URL 
  
 publicPager(){ 
 } 
  
 publicPager(int_totalRows){ 
 totalRows=_totalRows; 
 totalPages=totalRows/pageSize; 
 intmod=totalRows%pageSize; 
 if(mod>0){ 
 totalPages++; 
 } 
 currentPage=1; 
 startRow=0; 
 } 
  
  
 /** 
 *设定查询的起始行数 
 * 
 *@paramcurrentPage 
 */ 
  
 publicvoidsetStart(intcurrentPage){ 
 this.currentPage=currentPage; 
 startRow=(currentPage-1)*pageSize; 
 } 
  
 publicintgetTotalRows(){ 
 returntotalRows; 
 } 
  
 publicvoidsetTotalRows(inttotalRows){ 
 this.totalRows=totalRows; 
 } 
  
 publicintgetPageSize(){ 
 returnpageSize; 
 } 
  
 publicvoidsetPageSize(intpageSize){ 
 this.pageSize=pageSize; 
 } 
  
 publicintgetCurrentPage(){ 
 returncurrentPage; 
 } 
  
 publicvoidsetCurrentPage(intcurrentPage){ 
 this.currentPage=currentPage; 
 } 
  
 publicintgetTotalPages(){ 
 returntotalPages; 
 } 
  
 publicvoidsetTotalPages(inttotalPages){ 
 this.totalPages=totalPages; 
 } 
  
 publicintgetStartRow(){ 
 returnstartRow; 
 } 
  
 publicvoidsetStartRow(intstartRow){ 
 this.startRow=startRow; 
 } 
  
 publicStringgetLinkUrl(){ 
 returnlinkUrl; 
 } 
  
 publicvoidsetLinkUrl(StringlinkUrl){ 
 this.linkUrl=linkUrl; 
 } 
  
 } 

PagerHelp.java：

    Java代码 
  
 importjavax.servlet.http.HttpServletRequest; 
  
  
 /** 
 *控制分页的类 
 * 
 * 
 */ 
 publicclassPagerHelper{ 
  
 publicstaticPagergetPager(HttpServletRequestreq, 
 inttotalRows){ 
  
 //定义pager对象，用于传到页面 
 Pagerpager=newPager(totalRows); 
  
 //从Request对象中获取当前页号 
 StringcurrentPage=req.getParameter("cpage"); 
  
 //如果当前页号为空，表示为首次查询该页 
 //如果不为空，则刷新pager对象，输入当前页号等信息 
 if(currentPage!=null){ 
 pager.setStart(Integer.parseInt(currentPage)); 
 }else{ 
 pager.setStart(1); 
 } 
 returnpager; 
 } 
 } 

PageTag.java：

    Java代码 
  
 importjava.io.IOException; 
  
 importjavax.servlet.jsp.JspWriter; 
 importjavax.servlet.jsp.tagext.TagSupport; 
  
  
 /** 
 *标签类用于分页查询 
 * 
 */ 
 publicclassPageTagextendsTagSupport{ 
 /** 
 * 
 */ 
 privatestaticfinallongserialVersionUID=1L; 
  
 privatePagerpager; 
  
 @SuppressWarnings("static-access") 
 publicintdoStartTag(){ 
 标签开始时调用的方法 
 try{ 
 JspWriterout=pageContext.getOut(); 
 if(pager==null){ 
 out.print("没有记录"); 
 out.flush(); 
 returnsuper.SKIP_BODY; 
 } 
  
 out.print("第"+pager.getCurrentPage()+"页/共" 
 +(pager.getTotalPages())+"页"); 
  
 if(pager.getCurrentPage()==1){ 
 out.print("[最首页]"); 
 out.print("[上一页]"); 
 } 
 if(pager.getCurrentPage()!=1){ 
 out.print("[<ahref='"+pager.getLinkUrl() 
 +"?cpage=1'>最首页</a>]"); 
 out.print("[<ahref='"+pager.getLinkUrl()+"?cpage=" 
 +(pager.getCurrentPage()-1)+"'>上一页</a>]"); 
 } 
  
 for(inti=pager.getCurrentPage()-3;i<=pager 
 .getCurrentPage()+3;i++){ 
 if(i<=0||i>pager.getTotalPages()){ 
 continue; 
 } 
 if(i==pager.getCurrentPage()){ 
 out 
 .print("[<spanstyle='color:#FF0000;border:1pxsolid#cccccc;font-weight:bold;width:15px;text-align:center;'>" 
 +i+"</span>]"); 
 }else{ 
 out.print("[<ahref='"+pager.getLinkUrl()+"?cpage=" 
 +i+"'>"+i+"</a>]"); 
 } 
 } 
 if(pager.getCurrentPage()==pager.getTotalPages() 
 ||pager.getTotalPages()==0){ 
 out.print("[下一页]"); 
 out.print("[最末页]"); 
  
 } 
 if(pager.getCurrentPage()!=pager.getTotalPages() 
 &&pager.getTotalPages()!=0){ 
 out.print("[<ahref='"+pager.getLinkUrl()+"?cpage=" 
 +(pager.getCurrentPage()+1)+"'>下一页</a>]"); 
 out.print("[<ahref='"+pager.getLinkUrl()+"?cpage=" 
 +(pager.getTotalPages())+"'>最末页</a>]"); 
 } 
 out.flush(); 
 }catch(IOExceptionex){ 
 ex.printStackTrace(); 
 } 
 returnsuper.SKIP_BODY;//表示不显示标签间的文字 
 } 
  
 @SuppressWarnings("static-access") 
 publicintdoEndTag(){ 
 //标签结束时调用的方法 
 returnsuper.EVAL_PAGE;//表示JSP页面继续运行 
 } 
  
 publicvoidsetPager(Pagerpager){ 
 this.pager=pager; 
 } 
  
 publicPagergetPager(){ 
 returnpager; 
 } 
 } 

实现类的完成即是为了实现标签的功能，这里我们在WEB-INF下新建文件夹mytag，新建文件pagetag.tld，在这个文件里对你想要声明的自定义标签，并制定它的实现类，代码如下：

    Tld代码 
  
 <!DOCTYPEtaglib 
 PUBLIC"-//SunMicrosystems,Inc.//DTDJSPTagLibrary1.2//EN" 
 "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd"> 
 <taglibxmlns="http://java.sun.com/JSP/TagLibraryDescriptor"> 
 <tlib-version>1.0</tlib-version> 
 <jsp-version>1.2</jsp-version> 
 <short-name>MyTags</short-name> 
 <tag> 
 <name>page</name> 
 <tag-class>com.page.util.PageTag</tag-class> 
 <body-content>empty</body-content> 
 <attribute> 
 <name>pager</name> 
 <required>true</required> 
 <rtexprvalue>true</rtexprvalue> 
 <type>com.page.util.Pager</type> 
 </attribute> 
 </tag> 
 </taglib> 

至此，我们的自定义page分页标签业已全部实现了，下面我们就来模拟使用下，新建com.action.TestAction.java，代码如下：

    Java代码 
  
 importjava.util.ArrayList; 
 importjava.util.List; 
  
 importcom.bean.TestBean; 
 importcom.util.Pager; 
 importcom.util.PagerHelper; 
  
 publicclassTestActionextendsBaseAction{ 
  
 privatestaticfinallongserialVersionUID=5293541447709620793L; 
 privateList<TestBean>bList; 
  
 @Override 
 publicStringexecute()throwsException{ 
 bList=newArrayList<TestBean>(); 
 for(inti=0;i<100;i++){ 
 bList.add(newTestBean(Long.parseLong(String.valueOf(i)),"person"+i,i+10+"岁",i+"@qq.com")); 
 } 
 inttotalRow=bList.size(); 
 Pagerpager=null; 
 pager=PagerHelper.getPager(request,totalRow);//初始化分页对象 
 pager.setLinkUrl(request.getRequestURI());//设置跳转路径 
 request.setAttribute("pb",pager);//将分页信息保存在Request对象 
  
  
 //模拟分页时，是要传递参数，模拟传入a，b。单纯分页时，则不需要该段的4行代码 
 StringBufferurlParam=newStringBuffer(); 
 urlParam.append("&a="+100); 
 urlParam.append("&b="+200); 
 request.setAttribute("urlParam",urlParam.toString()); 
  
  
 bList=bList.subList(pager.getStartRow(),pager.getStartRow()+10); 
 returnSUCCESS; 
 } 
  
  
  
 publicList<TestBean>getbList(){ 
 returnbList; 
 } 
  
 publicvoidsetbList(List<TestBean>bList){ 
 this.bList=bList; 
 } 
  
  
 } 

这个类模拟了数十条的分页数据，下面新建两个jsp页面，代码分页如下：

index.jsp：

    Jsp代码 
  
 <%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%> 
 <% 
 Stringpath=request.getContextPath(); 
 StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
 %> 
  
 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"> 
 <html> 
 <head> 
 <basehref="<%=basePath%>"> 
  
 <title>MyJSP'index.jsp'startingpage</title> 
 <metahttp-equiv="pragma"content="no-cache"> 
 <metahttp-equiv="cache-control"content="no-cache"> 
 <metahttp-equiv="expires"content="0"> 
 <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> 
 <metahttp-equiv="description"content="Thisismypage"> 
 <!-- 
 <linkrel="stylesheet"type="text/css"href="styles.css"> 
 --> 
 </head> 
  
 <body> 
 <ahref="test.action">TestGo~~</a> 
 </body> 
 </html> 

test.jsp：

    Jsp代码 
  
 <%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%> 
 <%@taglibprefix="s"uri="/struts-tags"%> 
 <%@taglibprefix="page"uri="../WEB-INF/config/mytag/pagetag.tld"%> 
  
 <% 
 Stringpath=request.getContextPath(); 
 StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
 %> 
  
 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"> 
 <html> 
 <head> 
 <basehref="<%=basePath%>"> 
  
 <title>MyJSP'index.jsp'startingpage</title> 
 <metahttp-equiv="pragma"content="no-cache"> 
 <metahttp-equiv="cache-control"content="no-cache"> 
 <metahttp-equiv="expires"content="0"> 
 <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> 
 <metahttp-equiv="description"content="Thisismypage"> 
 <!-- 
 <linkrel="stylesheet"type="text/css"href="styles.css"> 
 --> 
  
 <scripttype="text/javascript"src="../js/Pager.js"></script> 
 </head> 
  
 <body> 
 <divstyle="margin-left:110px;"> 
 <table> 
 <tr> 
 <thcolspan="4"><pstyle="font-family:sans-serif;font-size:20px">测试分页</p></th> 
 </tr> 
 <tr> 
 <tdwidth="80px">ID</td> 
 <tdwidth="80px">Name</td> 
 <tdwidth="80px">Age</td> 
 <tdwidth="80px">Email</td> 
 </tr> 
 <s:iteratorvalue="bList"> 
 <tr> 
 <tdwidth="80px"><s:propertyvalue="tId"/></td> 
 <tdwidth="80px"><s:propertyvalue="tName"/></td> 
 <tdwidth="80px"><s:propertyvalue="tAge"/></td> 
 <tdwidth="80px"><s:propertyvalue="tEmail"/></td> 
 </tr> 
 </s:iterator> 
 </table> 
  
 </div> 
 <pstyle="margin-left:17px"> 
 <page:pagepager="${requestScope.pb}"/> 
 </p> 
 </body> 
 <script> 
 Pager.setUrlParam("${urlParam}"); 
 </script> 
 </html> 

这个页面会使用到page标签，及在文件头引入所需的taglib，并引入Pager.js，该js的代码如下：

    Js代码 
  
 /** 
 *分页操作对象 
 */ 
 varPager=function(){ 
 return{ 
 setUrlParam:function(param) 
 { 
 //为翻页标签链接增加显示flag参数 
 varobj=$(".pagerTarge>a");//获得分页标签下的所有<a> 
 //alert(obj.length); 
 if(obj!=null&&obj.length>0) 
 { 
 for(vari=0;i<obj.length;i++) 
 { 
 vartempUrl=$(obj[i]).attr('href'); 
 //添加flag 
 $(obj[i]).attr('href',tempUrl+param); 
 } 
 } 
 } 
 } 
 }(); 