Struts学习之自定义结果集

转自：http://blog.csdn.net/hanxuemin12345/article/details/38763057

    项目中我们经常遇到这样的需求——页面部分刷新，例如：添加用户，转到添加用户页面时，页面自动加载了所有部门。

完整流程：选择所属部门，填写用户名和密码，点击“注册”，填写用户名后，需要立即检查数据库是否存在此用户名，如何在不刷新页面的情况下实现此效果？

但看上面提出的问题并不难，情况很常见，都知道使用ajax实现，但是如何在struts中自定义结果集来实现ajax——这是这篇博客的重点。

（注：转发、重定向、action2action都会使页面刷新，满足不了页面无刷新的需求，因此，可以自己定义一个结果集来解决(通过此结果集把服务器端(action)的数据回调到客户端)。

一，步骤：

1,创建一个名称为Struts+AjaxResult的Web项目

2,导入Struts相关包

3,配置web.xml文件

4,创建PoJo类——User.java

5,创建Action基类和子Action类——BaseAction、UserAction.java

6,创建自定义结果集——AjaxResult.java

7,配置Struts.xml文件

8,创建页面——add.jsp

9,创建js文件——user_add.js

(注：还需引入jquery.js文件)

----web.xml：配置文件（注：配置Struts2的核芯过滤器）

<span style="font-family:KaiTi_GB2312;font-size:18px;"><?xmlversionxmlversion="1.0" encoding="UTF-8"?>  
<web-appversionweb-appversion="2.5"  
xmlns="http://java.sun.com/xml/ns/javaee"  
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee  
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
   
<!-- 配置Struts2的核心的过滤器 -->  
<filter>  
<filter-name>struts2</filter-name>  
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>  
</filter>  
<filter-mapping>  
<filter-name>struts2</filter-name>  
<url-pattern>/*</url-pattern>  
</filter-mapping>  
   
   
  <welcome-file-list>  
   <welcome-file>index.jsp</welcome-file>  
  </welcome-file-list>  
</web-app></span>

---User.java:用户实体类

<span style="font-family:KaiTi_GB2312;font-size:18px;">importjava.io.Serializable;  
public class Userimplements Serializable{  
private Long uid;//用户id  
private String username;//用户名  
private String password;//密码  
   
//*********get/set方法*********************************************  
publicLong getUid() {  
returnuid;  
}  
   
publicvoid setUid(Long uid) {  
this.uid= uid;  
}  
   
publicString getUsername() {  
returnusername;  
}  
   
publicvoid setUsername(String username) {  
this.username= username;  
}  
   
publicString getPassword() {  
returnpassword;  
}  
   
publicvoid setPassword(String password) {  
this.password= password;  
}  
   
}</span> 

----BaseAction.java：抽象Action类，封装公共内容

    <span style="font-family:KaiTi_GB2312;font-size:18px;">importjava.lang.reflect.ParameterizedType;  
       
    importcom.opensymphony.xwork2.ActionSupport;  
    importcom.opensymphony.xwork2.ModelDriven;  
       
    /** 
     * 这里封装一些共用的内容 
     * @author Administrator 
     * 
     */  
    public classBaseAction<T> extends ActionSupport implements ModelDriven<T>{  
    privateClass classt;  
    privateT t;  
       
    publicstatic final String ADDUI = "addUI";  
    publicString addUI = ADDUI;  
       
    publicBaseAction(){  
    try{  
    ParameterizedTypetype = (ParameterizedType)this.getClass().getGenericSuperclass();  
    this.classt= (Class)type.getActualTypeArguments()[0];  
    this.t= (T)this.classt.newInstance();  
    }catch(Exceptione){  
    e.printStackTrace();  
    }  
    }  
       
    publicT getModel() {  
    //TODO Auto-generated method stub  
    returnthis.t;  
    }  
    }</span>  

----UserAction.java：用户模块处理 Action

importcn.itcast.oa0909.domain.User;  
importcn.itcast.oa0909.struts2.action.base.BaseAction;  
importcom.opensymphony.xwork2.ActionContext;  
   
publicclass UserAction  extendsBaseAction<User>{  
   
/** 
 * 跳转到添加用户页面 
 * @return 
 */  
publicString addUI(){  
returnaddUI;  
}  
/** 
 * 校验用户名是否存在 
 * @return 
 */  
publicString checkUserName(){  
   
if("学敏".equals(this.getModel().getUsername())){//如果输入的用户名为"学敏"  
ActionContext.getContext().getValueStack().push("该用户名已经存在");//把数据压入栈顶  
}else{//如果输入的用户名就不是“学敏”  
ActionContext.getContext().getValueStack().push("该用户名可以使用");//把数据压入栈顶  
}  
   
returnSUCCESS;  
}  

----AjaxResult.java：自定义结果集(注：通过此结果集把服务器端(action)的数据回调到客户端)

importjavax.servlet.http.HttpServletResponse;  
   
importorg.apache.struts2.ServletActionContext;  
   
importcom.opensymphony.xwork2.ActionContext;  
importcom.opensymphony.xwork2.ActionInvocation;  
importcom.opensymphony.xwork2.Result;  
   
public classAjaxResult implements Result{  
publicvoid execute(ActionInvocation invocation) throws Exception {  
HttpServletResponseresponse = ServletActionContext.getResponse();  
response.setCharacterEncoding("utf-8");//处理中文乱码问题  
String message =ActionContext.getContext().getValueStack().peek().toString();//得到栈顶元素  
response.getWriter().print(message);//将得到的栈顶元素返回到客户端  
}  
}

----struts.xml：Struts配置文件

<?xmlversionxmlversion="1.0" encoding="UTF-8"?>  
<!DOCTYPE strutsPUBLIC  
"-//ApacheSoftware Foundation//DTD Struts Configuration 2.1.7//EN"  
"http://struts.apache.org/dtds/struts-2.1.7.dtd">  
<struts>  
   <!-- 配置文件改了以后不用重新启动 -->  
   <constant name="struts.devMode"value="true"/>  
   <constantnameconstantname="struts.ui.theme" value="simple"/>  
    
   <includefileincludefile="struts/struts-user.xml"></include>  
   
<!-- 配置自定义结果集-->  
<packagenamepackagename="ajax-default" extends="struts-default">  
<result-types>  
<result-typenameresult-typename="ajax"class="cn.itcast.oa0909.result.AjaxResult"></result-type>  
</result-types>  
</package>  
</struts>  

----struts-user.xml

<?xmlversionxmlversion="1.0" encoding="UTF-8"?>  
<!DOCTYPE strutsPUBLIC  
"-//ApacheSoftware Foundation//DTD Struts Configuration 2.1.7//EN"  
"http://struts.apache.org/dtds/struts-2.1.7.dtd">  
<struts>  
   
 <!--继承Struts-default结果集 -->  
 <package name="user"namespace="/" extends="struts-default">  
         <actionnameactionname="userAction_*" method="{1}"class="cn.itcast.oa0909.struts2.action.UserAction">                  
                 <resultnameresultname="addUI">WEB-INF/jsp/user/add.jsp</result>  
         </action>  
  </package>  
   
 <!-- 继承自定义结果集——ajax-default(在struts.xml文件中已配置) -->  
 <package name="userjson"namespace="/" extends="ajax-default">  
         <actionnameactionname="userJSONAction_*" method="{1}"class="cn.itcast.oa0909.struts2.action.UserAction">  
                 <resulttyperesulttype="ajax"></result>  
         </action>  
  </package>  
   
</struts>

---add.jsp：添加用户页面

<%@ pagelanguage="java" import="java.util.*"pageEncoding="UTF-8"%>  
<scriptlanguagescriptlanguage="javascript"src="${pageContext.request.contextPath}/js/jquery-1.4.2.js"></script>  
<scriptlanguagescriptlanguage="javascript"src="${pageContext.request.contextPath}/js/user_add.js"></script>  
<html>  
<head>  
<title>用户信息</title>  
    <metahttp-equivmetahttp-equiv="Content-Type" content="text/html;charset=utf-8" />  
</head>  
<body>  
<form action="userAction_add.action">  
<table>  
   <tr><tdwidthtdwidth="100">所属部门</td>  
       <td><selectnameselectname="departmentId" class="SelectStyle">  
            <optionvalueoptionvalue="0" selected="selected">请选择部门</option>  
            <optionvalueoptionvalue="7">总经理室</option>  
            <optionvalueoptionvalue="1">市场部</option>  
            <optionvalueoptionvalue="2">咨询部</option>  
            <optionvalueoptionvalue="3">招生部</option>  
            <optionvalueoptionvalue="4">教学部</option>  
            <optionvalueoptionvalue="5">后勤部</option>  
           </select>  
       </td>  
   </tr>  
<tr>  
  <td>用户名：</td>  
   <td><input type="text"name="username"/><labelidlabelid="message"></label></td>  
</tr>  
<tr>  
 <td>密码：</td>  
  <td><input type="password"name="password"/></td>  
</tr>  
<tr>  
 <td colspan="2"><input type="submit"value="注册"/></td>   
</tr>  
   
</table>  
</form>  
</body>  
   
</html>

(注：假设这里的所属部门中的数据是页面加载时从数据库中读取的，而不是如上所示写死的)

页面效果：

 

所属部门下拉框展开，如下所示：

-----user_add.js：添加用户页面所需js

var user = {  
    //初始化事件  
    inintEvent: function(){  
       $("input[name='username']").unbind("blur");  
       $("input[name='username']").bind("blur",function(){//name值为"username"的文本框失去焦点触发的函数  
                  user.checkUser($(this).val());//调用检查用户函数(校验用户名是否存在)  
        });  
    },  
    /** 
     * 校验用户名是否存在 
     */  
checkUser:function(username){  
           var a ="a";  
var parameter = {//参数：用户名  
username:username  
};  
   
/** 
 *userJSONAction_checkUserName.action：请求地址 
 * parameter：参数 
 *function(data){}:回调函数 
 */  
$.post("userJSONAction_checkUserName.action",parameter,function(data){  
   $("#message").text(data);//将服务器返回的值赋给id="message"的label提示框,并显示  
if(data=="该用户名可以使用"){  
$("#message").css("color","blue");//设置提示文字的颜色  
}else{  
$("#message").css("color","red");//设置提示文字的颜色  
}  
});          
   
}  
};  
//页面加载时运行  
$().ready(function(){  
user.inintEvent();//页面加载时，调用初始化事件  

二，运行

 

输入地址：http://localhost:8080/Struts2+AjaxResult/userAction_addUI.action，显示如下页面

 

用户名输入“学敏”，数据库中已经存在了此用户名，则当鼠标离开用户名文本框(即，用户名文本框失去焦点)时(注：此处为ajax请求，它的处理过程，和应用的技术点为本博客讲解的重点)，就会提示“该用户已经存在”；用户名输入“张三那”，数据库中不存在，则提示“该用户名可以使用”

三，总结

    自定义结果集的缺点：这样自定义的结果集，写死了，不能做到客户端需要什么数据就传什么数据；如,UserAction中的代码：

ActionContext.getContext().getValueStack().push("该用户名已经存在");//把数据压入栈顶

——把客户端需要的数据都要压入栈顶

AjaxResult中的代码：

      String message =ActionContext.getContext().getValueStack().peek().toString();//得到栈顶元素

      response.getWriter().print(message);//将得到的栈顶元素返回到客户端

——获取栈顶的元素，再通过 response.getWriter().print()语句将的到的栈顶元素返回到客户端；

那么问题来了，如果我需要的数据增加了，怎么办？毋庸置疑，在UserAction 中将增加的数据压入栈顶，还要在AjaxResult中依次获取数据，再通过 response.getWriter().print()依次返回，也就是会说此AjaxResult与UserAction要一一对应，必须写死在程序里，不灵活，不能做到客户端需要什么数据就传什么数据；

    另外还有一个问题，如果其他业务，比如“部门管理”模块的一个功能也需要从服务器端返回数据到客户端，那是不是还要再写一个自定义结果集，AjaxResult如何做到复用，能不能做到复用，这是个问题。