jsp自定义分页标签page

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

根据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：

/**
*保存分页信息的类
*
*
*/
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：

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：

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，在这个文件里对你想要声明的自定义标签，并制定它的实现类，代码如下：

<!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，代码如下：

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：

<%@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：

<%@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的代码如下：

/**
*分页操作对象
*/
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);
}
}
}
}
}();

至此，在web.xml和struts.xml中做好各项配置，启动服务器，键入localhost：8080/mytag/index.jsp，点击"Test Go~~"链接，即出现截图效果，如有报错，请根据错误检查各项配置。

如果需要在分页时，在页面间传递参数，如以上action代码中模拟的a和b的话，即全部用stringbuffer拼接就可以了，我们右键test.jsp效果页面时，可以看到传递的参数url，如图：