【SSH项目实战】国税协同平台-27.分页对象应用&抽取pageNavigator

按照我们给信息发布管理模块编写分页功能的方式去编写，需要大费周章，我们不如把分页功能封装起来，这样这些模块包括以后扩充的模块都能使用分页的功能了。

我们回顾一下我们的InfoAction，关于分页的属性有:

[java]  view plain copy

1. //分页对象  
2. protected PageResult pageResult;  
3. //页号  
4. private int pageNo;  
5. //页大小  
6. private int pageSize;c  

我们没有必要以后的每一个Action都写这三个属性，我们的Action都继承了BaseAction，所以我们把这三个属性放到BaseAction中:

[java]  view plain copy

1. package cn.edu.hpu.tax.core.action;  
2.   
3. import cn.edu.hpu.tax.core.page.PageResult;  
4.   
5. import com.opensymphony.xwork2.ActionSupport;  
6.   
7. public abstract class BaseAction extends ActionSupport{  
8.     protected String[] selectedRow;   
9.     //分页对象  
10.     protected PageResult pageResult;  
11.     //页号  
12.     private int pageNo;  
13.     //页大小  
14.     private int pageSize;  
15.     //默认每页页大小  
16.     public static int DEFAULT_PAGE_SIZE=4;  
17.       
18.     public String[] getSelectedRow() {  
19.         return selectedRow;  
20.     }  
21.     public void setSelectedRow(String[] selectedRow) {  
22.         this.selectedRow = selectedRow;  
23.     }  
24.     public PageResult getPageResult() {  
25.         return pageResult;  
26.     }  
27.     public void setPageResult(PageResult pageResult) {  
28.         this.pageResult = pageResult;  
29.     }  
30.     public int getPageNo() {  
31.         return pageNo;  
32.     }  
33.     public void setPageNo(int pageNo) {  
34.         this.pageNo = pageNo;  
35.     }  
36.     public int getPageSize() {  
37.         //给的默认的分页大小  
38.         if(pageSize < 1) pageSize = DEFAULT_PAGE_SIZE;  
39.         return pageSize;  
40.     }  
41.     public void setPageSize(int pageSize) {  
42.         this.pageSize = pageSize;  
43.     }  
44. }  

然后Action之前的infoList我们也不需要了(删除这个属性以及get和set方法)，因为我们现在只从pageResult中拿数据。

然后我们修改UserAction的Action，将userList删除(删除这个属性以及get和set方法)(删除原因和上面的原因一样)，然后改造listUI方法:

[java]  view plain copy

1. //列表页面  
2. public String listUI() throws Exception{  
3.     try {  
4.         QueryHelper queryHelper=new QueryHelper(User.class,"u");  
5.         if(user != null){  
6.             if(StringUtils.isNotBlank(user.getName())){  
7.                 user.setName(URLDecoder.decode(user.getName(),"utf-8"));  
8.                 queryHelper.addCondition("u.name like ?", "%"+user.getName()+"%");  
9.             }  
10.         }  
11.         pageResult=userService.getPageResult(queryHelper,getPageNo(),getPageSize());  
12.     } catch (Exception e) {  
13.         throw new Exception(e.getMessage());  
14.     }  
15.     return "listUI";  
16. }  

还需要加一个strName来防止用户名查询条件被覆盖:

[java]  view plain copy

1. private String strName;  
2.   
3. public String getStrName() {  
4.     return strName;  
5. }  
6. public void setStrName(String strName) {  
7.     this.strName = strName;  
8. }  

需要使用strName来防止用户名查询条件被覆盖的方法有增、删、修方法，可以去对应的方法去修改，这里不再赘述代码。
然后别忘记在user-struts.xml加上list跳转时的参数strName的配置:

[html]  view plain copy

1. <result name="list" type="redirectAction">  
2.     <param name="actionName">user_listUI</param>  
3.     <param name="user.name">${strName}</param>  
4.     <param name="encode">true</param><!-- 需要编码 -->  
5. </result>  

然后类中的其他引用userList的报错的地方可以不去用这个对象，直接使用userService.findObjects()来代替。

最后，别忘记把我们user的list.jsp中的数据迭代中的value="userList"改为value="pageResult.items":

[html]  view plain copy

1. <s:iterator value="pageResult.items" status="st">  
2.     <!--中间代码不再赘述-->  
3. </s:iterator>  

接下来roleAction的改造和上面一样，我就不再赘述了，roleAction的listUI改造以后变为:

[java]  view plain copy

1. //列表页面  
2. public String listUI() throws Exception{  
3.     try {  
4.         //加载权限集合  
5.         ActionContext.getContext().getContextMap().put("privilegeMap", Constant.PRIVILEGE_MAP);  
6.         QueryHelper queryHelper=new QueryHelper(Role.class,"r");  
7.         if(role != null){  
8.             if(StringUtils.isNotBlank(role.getName())){  
9.                 role.setName(URLDecoder.decode(role.getName(),"utf-8"));  
10.                 queryHelper.addCondition("r.name like ?", "%"+role.getName()+"%");  
11.             }  
12.         }  
13.         pageResult=roleService.getPageResult(queryHelper,getPageNo(),getPageSize());  
14.     } catch (Exception e) {  
15.         throw new Exception(e.getMessage());  
16.     }  
17.     return "listUI";  
18. }  

当然strName也是要加和修改增、删、修方法的。role-struts.xml中list跳转时的参数strName也要配置的。
最后，别忘记把我们role的list.jsp中的数据迭代中的value="roleList"改为value="pageResult.items":

Action全部改造完毕之后，我们要对前端jsp中的分页部分进行抽取:

我们之前的jsp页面分页部分有以下:

[html]  view plain copy

1. <div class="c_pate" style="margin-top: 5px;">  
2.         <!-- 如果页数为空不显示分页选项 -->  
3.         <s:if test="pageResult.totalCount > 0">  
4.         <table width="100%" class="pageDown" border="0" cellspacing="0"  
5.             cellpadding="0">  
6.             <tr>  
7.                 <td align="right">  
8.                     总共<s:property value="pageResult.totalCount"/>条记录，当前第 <s:property value="pageResult.pageNo"/> 页，  
9.                     共 <s:property value="pageResult.totalPageCount"/> 页   
10.                     <!-- 非第一页才有“上一页”选项 -->  
11.                     <s:if test="pageResult.pageNo>1">  
12.                           <a href="javascript:doGoPage(<s:property value='pageResult.pageNo-1'/>)">上一页</a>  
13.                     </s:if>  
14.                     <!-- 非最后一页才有“下一页”选项 -->  
15.                     <s:if test="pageResult.pageNo < pageResult.totalPageCount">  
16.                           <a href="javascript:doGoPage(<s:property value='pageResult.pageNo+1'/>)">下一页</a>  
17.                     </s:if>  
18.                     到 <input id="pageNo" name="pageNo" type="text" style="width: 30px;" onkeypress="if(event.keyCode == 13){doGoPage(this.value);}" min="1"  
19.                     max="" value="<s:property value="pageResult.pageNo"/>" />     
20.                 </td>  
21.             </tr>  
22.         </table>  
23.         </s:if><s:else>暂无数据!</s:else>   
24.         </div>  
25.         <script type="text/javascript">  
26.         //翻页方法  
27.         function doGoPage(pageNo){  
28.             document.getElementById("pageNo").value = pageNo;  
29.             document.forms[0].action="${basePath}tax/info_listUI.action";  
30.             document.forms[0].submit();  
31.         }  
32.         </script>  
33.         </div>  

我们不需要每一页都去写这些代码，我们可以把上面的代码单独封装到一个jsp文件中，然后每个需要写分页功能的jsp页面都可以去引用它。我们把上面代码封装至/common/pageNavigator.jsp中:

[html]  view plain copy

1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
2. <%@ taglib prefix="s" uri="/struts-tags"%>  
3. <div class="c_pate" style="margin-top: 5px;">  
4.         <!-- 如果页数为空不显示分页选项 -->  
5.         <s:if test="pageResult.totalCount > 0">  
6.         <table width="100%" class="pageDown" border="0" cellspacing="0"  
7.             cellpadding="0">  
8.             <tr>  
9.                 <td align="right">  
10.                     总共<s:property value="pageResult.totalCount"/>条记录，当前第 <s:property value="pageResult.pageNo"/> 页，  
11.                     共 <s:property value="pageResult.totalPageCount"/> 页   
12.                     <!-- 非第一页才有“上一页”选项 -->  
13.                     <s:if test="pageResult.pageNo>1">  
14.                           <a href="javascript:doGoPage(<s:property value='pageResult.pageNo-1'/>)">上一页</a>  
15.                     </s:if>  
16.                     <!-- 非最后一页才有“下一页”选项 -->  
17.                     <s:if test="pageResult.pageNo < pageResult.totalPageCount">  
18.                           <a href="javascript:doGoPage(<s:property value='pageResult.pageNo+1'/>)">下一页</a>  
19.                     </s:if>  
20.                     到 <input id="pageNo" name="pageNo" type="text" style="width: 30px;" onkeypress="if(event.keyCode == 13){doGoPage(this.value);}" min="1"  
21.                     max="" value="<s:property value="pageResult.pageNo"/>" />     
22.                 </td>  
23.             </tr>  
24.         </table>  
25.         </s:if><s:else>暂无数据!</s:else>   
26. </div>  
27. <script type="text/javascript">  
28. //翻页方法  
29. function doGoPage(pageNo){  
30.     document.getElementById("pageNo").value = pageNo;  
31.     document.forms[0].action=list_url;  
32.     document.forms[0].submit();  
33. }  
34. </script>  

我们把跳转的路径封装在了listUI.jsp的list_url变量中:
var list_url="${basePath}tax/XXX_listUI.action";（xxx是info、user或者role）

顺便把没有搜索功能的添加搜索功能
(<input type="button" class="s_button" value="搜 索" οnclick="doSearch()"/>)

[javascript]  view plain copy

1. function doSearch(){  
2.     //重置页号  
3.     $("#pageNo").val(1);  
4.     document.forms[0].action = list_url;  
5.     document.forms[0].submit();  
6. }  

然后我们在listUI.jsp中放置分页代码的位置添加动态包含代码:

[html]  view plain copy

1. <jsp:include page="/common/pageNavigator.jsp"></jsp:include>  

这样我们每一个想使用分页功能的模块都可以直接引入这个代码(我们在user、role的listUI.jsp代码中也这么改造)。

这样，我们的“用户管理”、“角色管理”和“信息发布管理”这三个模块都拥有了“搜索”和“分页”功能了。