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：

Java代码 

1. /** 
2.  * 保存分页信息的类 
3.  *  
4.  *  
5.  */  
6. public class Pager {  
7.     private int totalRows; // 总行数  
8.   
9.     private int pageSize = 10; // 每页显示的行数  
10.   
11.     private int currentPage; // 当前页号  
12.   
13.     private int totalPages; // 总页数  
14.   
15.     private int startRow; // 当前页在数据库中的起始行  
16.   
17.     private String linkUrl; // 要跳转的URL  
18.   
19.     public Pager() {  
20.     }  
21.   
22.     public Pager(int _totalRows) {  
23.         totalRows = _totalRows;  
24.         totalPages = totalRows / pageSize;  
25.         int mod = totalRows % pageSize;  
26.         if (mod > 0) {  
27.             totalPages++;  
28.         }  
29.         currentPage = 1;  
30.         startRow = 0;  
31.     }  
32.   
33.   
34.     /** 
35.      * 设定查询的起始行数 
36.      *  
37.      * @param currentPage 
38.      */  
39.   
40.     public void setStart(int currentPage) {  
41.         this.currentPage = currentPage;  
42.         startRow = (currentPage - 1) * pageSize;  
43.     }  
44.   
45.     public int getTotalRows() {  
46.         return totalRows;  
47.     }  
48.   
49.     public void setTotalRows(int totalRows) {  
50.         this.totalRows = totalRows;  
51.     }  
52.   
53.     public int getPageSize() {  
54.         return pageSize;  
55.     }  
56.   
57.     public void setPageSize(int pageSize) {  
58.         this.pageSize = pageSize;  
59.     }  
60.   
61.     public int getCurrentPage() {  
62.         return currentPage;  
63.     }  
64.   
65.     public void setCurrentPage(int currentPage) {  
66.         this.currentPage = currentPage;  
67.     }  
68.   
69.     public int getTotalPages() {  
70.         return totalPages;  
71.     }  
72.   
73.     public void setTotalPages(int totalPages) {  
74.         this.totalPages = totalPages;  
75.     }  
76.   
77.     public int getStartRow() {  
78.         return startRow;  
79.     }  
80.   
81.     public void setStartRow(int startRow) {  
82.         this.startRow = startRow;  
83.     }  
84.   
85.     public String getLinkUrl() {  
86.         return linkUrl;  
87.     }  
88.   
89.     public void setLinkUrl(String linkUrl) {  
90.         this.linkUrl = linkUrl;  
91.     }  
92.   
93. }  

 

PagerHelp.java：

Java代码 

1. import javax.servlet.http.HttpServletRequest;  
2.   
3.   
4. /** 
5.  * 控制分页的类 
6.  *  
7.  *  
8.  */  
9. public class PagerHelper {  
10.   
11.     public static Pager getPager(HttpServletRequest req,  
12.             int totalRows) {  
13.   
14.         // 定义pager对象，用于传到页面  
15.         Pager pager = new Pager(totalRows);  
16.   
17.         // 从Request对象中获取当前页号  
18.         String currentPage = req.getParameter("cpage");  
19.   
20.         // 如果当前页号为空，表示为首次查询该页  
21.         // 如果不为空，则刷新pager对象，输入当前页号等信息  
22.         if (currentPage != null) {  
23.             pager.setStart(Integer.parseInt(currentPage));  
24.         } else {  
25.             pager.setStart(1);  
26.         }  
27.         return pager;  
28.     }  
29. }  

 

 

PageTag.java：

Java代码 

1. import java.io.IOException;  
2.   
3. import javax.servlet.jsp.JspWriter;  
4. import javax.servlet.jsp.tagext.TagSupport;  
5.   
6.   
7. /** 
8.  * 标签类 用于分页查询 
9.  * 
10.  */  
11. public class PageTag extends TagSupport {  
12.     /**   
13.     *    
14.     */  
15.     private static final long serialVersionUID = 1L;  
16.   
17.     private Pager pager;  
18.   
19.     @SuppressWarnings("static-access")  
20.     public int doStartTag() {  
21.         标签开始时调用的方法  
22.         try {  
23.             JspWriter out = pageContext.getOut();  
24.             if(pager==null){  
25.                 out.print("没有记录");  
26.                 out.flush();  
27.                 return super.SKIP_BODY;  
28.             }  
29.               
30.             out.print("第 " + pager.getCurrentPage() + " 页/共 "  
31.                     + (pager.getTotalPages()) + " 页");  
32.   
33.             if (pager.getCurrentPage() == 1) {  
34.                 out.print("[最首页]");  
35.                 out.print("[上一页]");  
36.             }  
37.             if (pager.getCurrentPage() != 1) {  
38.                 out.print("[<a href='" + pager.getLinkUrl()  
39.                         + "?cpage=1'>最首页</a>]");  
40.                 out.print("[<a href='" + pager.getLinkUrl() + "?cpage="  
41.                         + (pager.getCurrentPage() - 1) + "'>上一页</a>]");  
42.             }  
43.   
44.             for (int i = pager.getCurrentPage() - 3; i <= pager  
45.                     .getCurrentPage() + 3; i++) {  
46.                 if (i <= 0 || i > pager.getTotalPages()) {  
47.                     continue;  
48.                 }  
49.                 if (i == pager.getCurrentPage()) {  
50.                     out  
51.                             .print("[<span style='color:#FF0000; border: 1px solid #cccccc; font-weight:bold; width:15px;text-align: center;'> "  
52.                                     + i + " </span>]");  
53.                 } else {  
54.                     out.print("[<a href='" + pager.getLinkUrl() + "?cpage="  
55.                             + i + "'> " + i + " </a>]");  
56.                 }  
57.             }  
58.             if (pager.getCurrentPage() == pager.getTotalPages()  
59.                     || pager.getTotalPages() == 0) {  
60.                 out.print("[下一页]");  
61.                 out.print("[最末页]");  
62.   
63.             }  
64.             if (pager.getCurrentPage() != pager.getTotalPages()  
65.                     && pager.getTotalPages() != 0) {  
66.                 out.print("[<a href='" + pager.getLinkUrl() + "?cpage="  
67.                         + (pager.getCurrentPage() + 1) + "'>下一页</a>]");  
68.                 out.print("[<a href='" + pager.getLinkUrl() + "?cpage="  
69.                         + (pager.getTotalPages()) + "'>最末页</a>]");  
70.             }  
71.             out.flush();  
72.         } catch (IOException ex) {  
73.             ex.printStackTrace();  
74.         }  
75.         return super.SKIP_BODY;//表示不显示标签间的文字  
76.     }  
77.   
78.     @SuppressWarnings("static-access")  
79.     public int doEndTag() {  
80.         //标签结束时调用的方法  
81.         return super.EVAL_PAGE;//表示JSP页面继续运行  
82.     }  
83.   
84.     public void setPager(Pager pager) {  
85.         this.pager = pager;  
86.     }  
87.   
88.     public Pager getPager() {  
89.         return pager;  
90.     }  
91. }  

 

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

Tld代码 

1. <!DOCTYPE taglib    
2. PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"    
3.    "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">   
4. <taglib xmlns="http://java.sun.com/JSP/TagLibraryDescriptor">   
5. <tlib-version>1.0</tlib-version>   
6. <jsp-version>1.2</jsp-version>   
7. <short-name>My Tags</short-name>   
8. <tag>   
9.     <name>page</name>   
10.     <tag-class>com.page.util.PageTag</tag-class>  
11.     <body-content>empty</body-content>   
12.     <attribute>   
13.       <name>pager</name>   
14.       <required>true</required>   
15.       <rtexprvalue>true</rtexprvalue>   
16.       <type>com.page.util.Pager</type>  
17.     </attribute>   
18. </tag>   
19. </taglib>   

 

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

Java代码 

1. import java.util.ArrayList;  
2. import java.util.List;  
3.   
4. import com.bean.TestBean;  
5. import com.util.Pager;  
6. import com.util.PagerHelper;  
7.   
8. public class TestAction extends BaseAction {  
9.       
10.     private static final long serialVersionUID = 5293541447709620793L;  
11.     private List<TestBean> bList;  
12.   
13.     @Override  
14.     public String execute() throws Exception {  
15.         bList=new ArrayList<TestBean>();  
16.         for (int i = 0; i < 100; i++) {  
17.             bList.add(new TestBean(Long.parseLong(String.valueOf(i)), "person"+i, i+10+"岁", i+"@qq.com"));  
18.         }  
19.         int totalRow=bList.size();  
20.         Pager pager=null;  
21.         pager = PagerHelper.getPager(request, totalRow); // 初始化分页对象  
22.         pager.setLinkUrl(request.getRequestURI()); // 设置跳转路径  
23.         request.setAttribute("pb", pager); // 将分页信息保存在Request对象  
24.           
25.           
26.         //模拟分页时，是要传递参数，模拟传入a，b。单纯分页时，则不需要该段的4行代码  
27.         StringBuffer urlParam = new StringBuffer();  
28.         urlParam.append("&a="+100);  
29.         urlParam.append("&b="+200);  
30.         request.setAttribute("urlParam", urlParam.toString());  
31.   
32.           
33.         bList=bList.subList(pager.getStartRow(),pager.getStartRow()+10);  
34.         return SUCCESS;  
35.     }  
36.   
37.       
38.       
39.     public List<TestBean> getbList() {  
40.         return bList;  
41.     }  
42.   
43.     public void setbList(List<TestBean> bList) {  
44.         this.bList = bList;  
45.     }  
46.       
47.       
48. }  

 

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

index.jsp：

Jsp代码 

1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
2. <%  
3. String path = request.getContextPath();  
4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
5. %>  
6.   
7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
8. <html>  
9.   <head>  
10.     <base href="<%=basePath%>">  
11.       
12.     <title>My JSP 'index.jsp' starting page</title>  
13.     <meta http-equiv="pragma" content="no-cache">  
14.     <meta http-equiv="cache-control" content="no-cache">  
15.     <meta http-equiv="expires" content="0">      
16.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
17.     <meta http-equiv="description" content="This is my page">  
18.     <!--  
19.     <link rel="stylesheet" type="text/css" href="styles.css">  
20.     -->  
21.   </head>  
22.     
23.   <body>  
24.     <a href="test.action">Test Go~~</a>  
25.   </body>  
26. </html>  

 

test.jsp：

Jsp代码 

1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
2. <%@ taglib prefix="s" uri="/struts-tags" %>  
3. <%@ taglib prefix="page" uri="../WEB-INF/config/mytag/pagetag.tld" %>  
4.   
5. <%  
6. String path = request.getContextPath();  
7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
8. %>  
9.   
10. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
11. <html>  
12.   <head>  
13.     <base href="<%=basePath%>">  
14.       
15.     <title>My JSP 'index.jsp' starting page</title>  
16.     <meta http-equiv="pragma" content="no-cache">  
17.     <meta http-equiv="cache-control" content="no-cache">  
18.     <meta http-equiv="expires" content="0">      
19.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
20.     <meta http-equiv="description" content="This is my page">  
21.     <!--  
22.     <link rel="stylesheet" type="text/css" href="styles.css">  
23.     -->  
24.       
25.   <script type="text/javascript" src="../js/Pager.js"></script>  
26.   </head>  
27.     
28.   <body>  
29.   <div style="margin-left: 110px;">  
30.     <table>  
31.         <tr>  
32.             <th colspan="4" ><p style="font-family: sans-serif;font-size: 20px">测试分页</p></th>  
33.         </tr>  
34.         <tr>  
35.             <td width="80px">ID</td>  
36.             <td width="80px">Name</td>  
37.             <td width="80px">Age</td>  
38.             <td width="80px">Email</td>  
39.         </tr>  
40.         <s:iterator value="bList">  
41.             <tr>  
42.                 <td width="80px"><s:property value="tId"/> </td>  
43.                 <td width="80px"><s:property value="tName"/> </td>  
44.                 <td width="80px"><s:property value="tAge"/> </td>  
45.                 <td width="80px"><s:property value="tEmail"/> </td>  
46.             </tr>  
47.         </s:iterator>  
48.     </table>  
49.    
50.   </div>  
51.         <p style="margin-left: 17px">  
52.             <page:page pager="${requestScope.pb}" />  
53.         </p>  
54.   </body>  
55.   <script>  
56.     Pager.setUrlParam("${urlParam}");  
57. </script>   
58. </html>  

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

Js代码 

1. /** 
2.  * 分页操作对象 
3.  */  
4. var Pager = function(){  
5.     return{  
6.             setUrlParam: function(param)  
7.             {  
8.                 //为翻页标签链接增加显示flag参数  
9.                 var obj=$(".pagerTarge > a");//获得分页标签下的所有<a>  
10.                 //alert(obj.length);  
11.                 if(obj!=null && obj.length>0)  
12.                 {  
13.                     for(var i=0;i<obj.length;i++)  
14.                     {  
15.                         var tempUrl=$(obj[i]).attr('href');  
16.                         //添加flag  
17.                         $(obj[i]).attr('href',tempUrl+param);  
18.                     }  
19.                 }  
20.         }  
21.     }  
22. }();      

 

 

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

 

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