structs2标签

struts2框架是一个非常优秀的mvc框架,时至今日已有很多公司采用其作为表示层的控制转发工具,我非常喜欢struts2的拦截器特性和一整套的自定义标签。在这根据个人使用struts2的经验,与大家分享一些常用的struts2标签,希望对大家有所帮助。



•实例场景
假设有这样一个网站:需要用户填写个人的信息,包括:编号、姓名、密码、生日、性别、城市、爱好。其中编号需要填入整数,姓名是字符串,密码在页面中必须以密码框的形式显示,生日必须是日期格式,性别单选,城市用下拉列表选择,爱好复选框可以多选。那么用户填写完信息以后,点击“提交”按钮,到下一个页面显示用户填写的信息。
•需求分析
这是一个非常常见的需求,里面囊括了整形、字符串和日期类型等处理,另外用到了文本框、密码框、单选、复选和下拉列表等控件。
如果采用servlet/jsp的开发模式是可以实现该功能的,但是很多地方可能需要一些复杂处理,比如用户点击提交到后台需要通过request.getParameter的形式把页面的字段逐个取出来解析;单选、复选和下拉列表中的数据需要使用jsp代码逐个迭代显示;如果加上表单验证的话,这又需要花费更大的精力。
struts2提供了一整套的自定义标签解决方案,其功能在原生html标签基础上做了很大的改进:控件的name属性可以采用对象图的形式定义,点击提交按钮通过拦截器自动封装属性,这样在后台就不需要用request获取每个属性字段了;struts2对的单选、复选和下拉列表等控件进行了改进,开发人员只需要用一行代码设置集合数据和key/value即可显示出与html同样功能的组件;同时它提供了独有的错误显示标签,用于显示验证不通过的错误信息,非常方便。
•实例效果
按照我的习惯,我首先把运行的效果展示出来,再根据效果分析每个功能的具体实现。


【表单数据填写页面】




【验证不通过显示的错误消息】



【提交成功后的页面】



•后台java代码
为了减少大家看代码的疲惫感,我尽量将每个类的核心内容展示出来,具体的代码实现在此就省略掉,如果需要全部代码,可在附件中下载。


首先创建一个UserBean存放用户信息,这是一个javabean:
Java代码 
1.public class UserBean implements Serializable{  
2.    private static final long serialVersionUID = -5808037703808170288L;  
3.      
4.    private int userId;   //编号  
5.    private String userName; //姓名  
6.    private String password; //密码  
7.    private Date birthday = new Date(); //生日:格式yyyy-MM-dd,默认为当前时间  
8.    private int sex;   //性别:0男,1女  
9.    private int[] hobby; //爱好,数组  
10.    private int city; //所属 城市  
11.         
12.        getter、setter...  
13.} 
public class UserBean implements Serializable{
private static final long serialVersionUID = -5808037703808170288L;

private int userId;   //编号
private String userName; //姓名
private String password; //密码
private Date birthday = new Date(); //生日:格式yyyy-MM-dd,默认为当前时间
private int sex;   //性别:0男,1女
private int[] hobby; //爱好,数组
private int city; //所属 城市
      
        getter、setter...
}
UserBean中的性别、爱好和所属城市均使用int表示,但是在页面中,需要用字符串来展示每个int对应的内容(key/value),所以需要分别创建它们对应的javabean,下面以SexBean为例,其它与此完全类似:
Java代码 
1.public class CityBean implements Serializable{  
2.    private static final long serialVersionUID = -6562852059776509594L;  
3.      
4.    private int cityId;  
5.    private String cityValue;  
6.      
7.    public CityBean(int cityId, String cityValue) {  
8.        super();  
9.        this.cityId = cityId;  
10.        this.cityValue = cityValue;  
11.    }  
12. 
13.        getter、setter  
14.} 
public class CityBean implements Serializable{
private static final long serialVersionUID = -6562852059776509594L;

private int cityId;
private String cityValue;

public CityBean(int cityId, String cityValue) {
super();
this.cityId = cityId;
this.cityValue = cityValue;
}

        getter、setter
}
然后编写一个TagsService,用于处理业务逻辑,供action调用:
Java代码 
1.public class TagsService {  
2.      
3.    /** 
4.     * Function  : 获取城市的集合 
5.     */ 
6.    public List<CityBean> getCitys()  
7.      
8.    /** 
9.     * Function  : 获取兴趣的集合 
10.     */ 
11.    public List<HobbyBean> getHobbis()  
12.      
13.    /** 
14.     * Function  : 获取性别的集合 
15.     */ 
16.    public List<SexBean> getSexs()  
17.      
18.    /** 
19.     * Function  : 获取被选中的兴趣爱好集合 
20.     */ 
21.    public List<HobbyBean> getCheckedHobbies(int hobbies[])  
22.      
23.    /** 
24.     * Function  : 获取被选择的城市集合 
25.     */ 
26.    public CityBean getSelectedCity(int cityId)  
27.} 
public class TagsService {

/**
* Function  : 获取城市的集合
*/
public List<CityBean> getCitys()

/**
* Function  : 获取兴趣的集合
*/
public List<HobbyBean> getHobbis()

/**
* Function  : 获取性别的集合
*/
public List<SexBean> getSexs()

/**
* Function  : 获取被选中的兴趣爱好集合
*/
public List<HobbyBean> getCheckedHobbies(int hobbies[])

/**
* Function  : 获取被选择的城市集合
*/
public CityBean getSelectedCity(int cityId)
}
最后是mvc的核心Controller-TagsAction,有经验的人看了下面代码或许会觉得有些地方不合理,因为相同功能会有多种实现,我这是做例子,随后会告诉大家哪种方式会更好。
Java代码 
1.public class TagsAction extends ActionSupport {  
2.    private static final long serialVersionUID = 4361410156958515185L;  
3.    private TagsService tagsService = new TagsService();  
4.      
5.    //****formbean*****  
6.    private List<CityBean> lstCityBean;  
7.    private List<HobbyBean> lstHobbyBean;  
8.    private UserBean userBean;  
9.      
10.    //*******action method***********  
11.    /**  
12.     * 进入表单填写页面  
13.     */  
14.    public String goIndex(){  
15.        userBean = new UserBean();  
16.        HttpServletRequest request = (HttpServletRequest) ActionContext.getContext().get(ServletActionContext.HTTP_REQUEST);  
17.        request.setAttribute("lstSexBean", tagsService.getSexs());  
18.        return SUCCESS;  
19.    }  
20.    /** 
21.     * Function  : 提交表单 
22.     */ 
23.    public String doSubmit(){  
24.        HttpServletRequest request = (HttpServletRequest) ActionContext.getContext().get(ServletActionContext.HTTP_REQUEST);          
25.        request.setAttribute("lstHobby", tagsService.getCheckedHobbies(userBean.getHobby()));  
26.        request.setAttribute("cityBean", tagsService.getSelectedCity(userBean.getCity()));  
27.        return SUCCESS;  
28.    }  
29.    /** 
30.     * Function  : 验证表单数据 
31.     */ 
32.    public void validateDoSubmit(){  
33.        if(userBean.getCity()<1){  
34.            this.addFieldError("userBean.city", "请选择城市!");  
35.            return;  
36.        }  
37.    }  
38. 
39.    public List<CityBean> getLstCityBean() {  
40.        return tagsService.getCitys();  
41.    }  
42. 
43.    public List<HobbyBean> getLstHobbyBean() {  
44.        return tagsService.getHobbis();  
45.    }  
46. 
47.        gettter、setter........  
48.} 
public class TagsAction extends ActionSupport {
private static final long serialVersionUID = 4361410156958515185L;
private TagsService tagsService = new TagsService();

//****formbean*****
private List<CityBean> lstCityBean;
private List<HobbyBean> lstHobbyBean;
private UserBean userBean;

//*******action method***********
/**
* 进入表单填写页面
*/
public String goIndex(){
userBean = new UserBean();
HttpServletRequest request = (HttpServletRequest) ActionContext.getContext().get(ServletActionContext.HTTP_REQUEST);
request.setAttribute("lstSexBean", tagsService.getSexs());
return SUCCESS;
}
/**
* Function  : 提交表单
*/
public String doSubmit(){
HttpServletRequest request = (HttpServletRequest) ActionContext.getContext().get(ServletActionContext.HTTP_REQUEST);
request.setAttribute("lstHobby", tagsService.getCheckedHobbies(userBean.getHobby()));
request.setAttribute("cityBean", tagsService.getSelectedCity(userBean.getCity()));
return SUCCESS;
}
/**
* Function  : 验证表单数据
*/
public void validateDoSubmit(){
if(userBean.getCity()<1){
this.addFieldError("userBean.city", "请选择城市!");
return;
}
}

public List<CityBean> getLstCityBean() {
return tagsService.getCitys();
}

public List<HobbyBean> getLstHobbyBean() {
return tagsService.getHobbis();
}

        gettter、setter........
}
•表单数据填写页面代码分析
要使用struts2标签,必须引用struts2的taglib
Java代码 
1.<%@ taglib prefix="s" uri="/struts-tags"%> 
<%@ taglib prefix="s" uri="/struts-tags"%>
【表单数据填写页面】
Html代码 
1.<body> 
2.    <h3>Debug标签</h3> 
3.    <s:debug></s:debug> 
4.    <hr/> 
5.    <h3>表单标签</h3> 
6.    <form action="<%=root%>/doSubmit.action" method="post"> 
7.        <s:fielderror cssStyle="color:red"></s:fielderror> 
8.        <table> 
9.            <tr> 
10.                <td>编号:</td> 
11.                <td><s:textfield name="userBean.userId"/></td> 
12.            </tr> 
13.            <tr> 
14.                <td>姓名:</td> 
15.                <td><s:textfield name="userBean.userName"></s:textfield></td> 
16.            </tr> 
17.            <tr> 
18.                <td>密码:</td> 
19.                <td><s:password name="userBean.password"></s:password></td> 
20.            </tr> 
21.            <tr> 
22.                <td>生日:</td> 
23.                <td> 
24.                    <s:textfield name="userBean.birthday"> 
25.                        <s:param name="value"> 
26.                            <s:date name="userBean.birthday" format="yyyy-MM-dd hh:MM:ss" /> 
27.                        </s:param> 
28.                    </s:textfield> 
29.                </td> 
30.            </tr> 
31.            <tr> 
32.                <td>性别:</td> 
33.                <td><s:radio name="userBean.sex" list="#request.lstSexBean" listKey="sexId" listValue="sexValue"></s:radio></td> 
34.            </tr> 
35.            <tr> 
36.                <td>城市:</td> 
37.                <td><s:select name="userBean.city" list="lstCityBean" listKey="cityId" listValue="cityValue" headerKey="0" headerValue="--请选择--"></s:select></td> 
38.            </tr> 
39.            <tr> 
40.                <td>爱好:</td> 
41.                <td><s:checkboxlist name="userBean.hobby" list="lstHobbyBean" listKey="hobbyId" listValue="hobbyValue"></s:checkboxlist></td> 
42.            </tr> 
43.            <tr> 
44.                <s:hidden></s:hidden> 
45.                <td><s:submit value="提交"/></td> 
46.                <td><s:reset value="重置"/></td> 
47.            </tr> 
48.        </table> 
49.    </form> 
50.      
51.</body> 
<body>
<h3>Debug标签</h3>
<s:debug></s:debug>
<hr/>
<h3>表单标签</h3>
<form action="<%=root%>/doSubmit.action" method="post">
<s:fielderror cssStyle="color:red"></s:fielderror>
<table>
<tr>
<td>编号:</td>
<td><s:textfield name="userBean.userId"/></td>
</tr>
<tr>
<td>姓名:</td>
<td><s:textfield name="userBean.userName"></s:textfield></td>
</tr>
<tr>
<td>密码:</td>
<td><s:password name="userBean.password"></s:password></td>
</tr>
<tr>
<td>生日:</td>
<td>
<s:textfield name="userBean.birthday">
<s:param name="value">
<s:date name="userBean.birthday" format="yyyy-MM-dd hh:MM:ss" />
</s:param>
</s:textfield>
</td>
</tr>
<tr>
<td>性别:</td>
<td><s:radio name="userBean.sex" list="#request.lstSexBean" listKey="sexId" listValue="sexValue"></s:radio></td>
</tr>
<tr>
<td>城市:</td>
<td><s:select name="userBean.city" list="lstCityBean" listKey="cityId" listValue="cityValue" headerKey="0" headerValue="--请选择--"></s:select></td>
</tr>
<tr>
<td>爱好:</td>
<td><s:checkboxlist name="userBean.hobby" list="lstHobbyBean" listKey="hobbyId" listValue="hobbyValue"></s:checkboxlist></td>
</tr>
<tr>
<s:hidden></s:hidden>
<td><s:submit value="提交"/></td>
<td><s:reset value="重置"/></td>
</tr>
</table>
</form>

</body>
<s:textfield>标签:文本框标签,可填写文本内容,同时该标签含有很多有用的属性:
readonly 只读属性
disabled  可用/不可用属性,如果设置为不可用在提交表单的时候该文本框的值不会传到后台
cssClass 指定css的class
cssStyle  自定义css样式
maxlength 文本框可输入的文字个数
tooltip 冒泡提示
上面只是一小部分属性,另外还有各种事件属性:




<s:password>标签:密码框标签,其附带的属性与textfield相似
<s:textarea>标签:定义多行的文本输入控件,其核心属性cols和rows分别指定文本域的宽度和高度
<s:date>标签:时间显示标签,用于显示指定格式的时间对象,很多人不知道如何在文本框中显示指定日期格式,大家可以参考通过<s:textfield>+<s:date>的形式:
Java代码 
1.<s:textfield name="userBean.birthday">  
2.    <s:param name="value">  
3.        <s:date name="userBean.birthday" format="yyyy-MM-dd hh:MM:ss" />  
4.    </s:param>  
5.</s:textfield> 
<s:textfield name="userBean.birthday">
<s:param name="value">
<s:date name="userBean.birthday" format="yyyy-MM-dd hh:MM:ss" />
</s:param>
</s:textfield> <s:radio>标签:单选按钮,该控件依然采用key/value的形式处理数据,即key值传到后台,value值显示给用户,结合上面的例子,我们知道性别男的key=0,value="男",性别女的key=1,value="女",这就是为什么在后台将性别以SexBean这种javabean的形式来存储。开发用struts2的<s:radio>标签展示单选按钮完全是傻瓜式的操作:设置需要显示的数据集合(collection或array),设置key和value,如下面的代码:
Html代码 
1.<s:radio name="userBean.sex" list="#request.lstSexBean" listKey="sexId" listValue="sexValue"></s:radio> 
<s:radio name="userBean.sex" list="#request.lstSexBean" listKey="sexId" listValue="sexValue"></s:radio> 注意list就是从后台获取的集合数据,listKey的值最终会赋给name="userBean.sex",listValue用于显示给用户。
从后台向页面传list数据有多种方式,第一种方法是通过request.setAttribut的形式:
Java代码 
1.request.setAttribute("lstSexBean", tagsService.getSexs()); 
request.setAttribute("lstSexBean", tagsService.getSexs()); 第二种更加好些,这也是个人推荐的:首先在action中定义一个集合formbean,设置formbean的get方法,然后重写get方法,返回集合数据:
Java代码 
1.private List<SexBean> lstSexBean;  
2.    public List<SexBean> getLstSexBean(){  
3.        return tagsService.getSexs();  
4.    } 
private List<SexBean> lstSexBean;
public List<SexBean> getLstSexBean(){
return tagsService.getSexs();
} 其实<s:radio>最后还是转换成html的radio标签显示内容,我们可以看看通过<s:radio>转换后的代码:
Html代码 
1.<input type="radio" name="userBean.sex" id="userBean_sex0" checked="checked" value="0"/><label for="userBean_sex0">男</label> 
2.<input type="radio" name="userBean.sex" id="userBean_sex1" value="1"/><label for="userBean_sex1">女</label> 
<input type="radio" name="userBean.sex" id="userBean_sex0" checked="checked" value="0"/><label for="userBean_sex0">男</label>
<input type="radio" name="userBean.sex" id="userBean_sex1" value="1"/><label for="userBean_sex1">女</label> <s:select>标签:下拉列表,该标签的使用方法跟<s:radio>标签完全类似,另外可以通过headerKey和headerValue属性设置下拉列表默认值和显示的内容
<s:select>转换成普通html后的代码:
Html代码 
1.<select name="userBean.city" id="userBean_city"> 
2.    <option value="0" 
3.    selected="selected" 
4.    >--请选择--</option> 
5.    <option value="1">北京</option> 
6.    <option value="2">上海</option> 
7.    <option value="3">广州</option> 
8.    <option value="4">成都</option> 
9.    <option value="5">深圳</option> 
10.</select> 
<select name="userBean.city" id="userBean_city">
    <option value="0"
    selected="selected"
    >--请选择--</option>
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">广州</option>
    <option value="4">成都</option>
    <option value="5">深圳</option>
</select> <s:checkboxlist>标签:复选标签,该标签的使用方法跟<s:radio>标签完全类似
<s:checkboxlist>转换成普通html后的代码:
Html代码 
1.<input type="checkbox" name="userBean.hobby" value="1" id="userBean.hobby-1"/> 
2.<label for="userBean.hobby-1" class="checkboxLabel">唱歌</label> 
3.<input type="checkbox" name="userBean.hobby" value="2" id="userBean.hobby-2"/> 
4.<label for="userBean.hobby-2" class="checkboxLabel">跳舞</label> 
5.<input type="checkbox" name="userBean.hobby" value="3" id="userBean.hobby-3"/> 
6.<label for="userBean.hobby-3" class="checkboxLabel">运动</label> 
7.<input type="checkbox" name="userBean.hobby" value="4" id="userBean.hobby-4"/> 
8.<label for="userBean.hobby-4" class="checkboxLabel">旅游</label> 
9.<input type="checkbox" name="userBean.hobby" value="5" id="userBean.hobby-5"/> 
10.<label for="userBean.hobby-5" class="checkboxLabel">宅神</label> 
11.<input type="hidden" id="__multiselect_userBean_hobby" name="__multiselect_userBean.hobby" value="" /> 
<input type="checkbox" name="userBean.hobby" value="1" id="userBean.hobby-1"/>
<label for="userBean.hobby-1" class="checkboxLabel">唱歌</label>
<input type="checkbox" name="userBean.hobby" value="2" id="userBean.hobby-2"/>
<label for="userBean.hobby-2" class="checkboxLabel">跳舞</label>
<input type="checkbox" name="userBean.hobby" value="3" id="userBean.hobby-3"/>
<label for="userBean.hobby-3" class="checkboxLabel">运动</label>
<input type="checkbox" name="userBean.hobby" value="4" id="userBean.hobby-4"/>
<label for="userBean.hobby-4" class="checkboxLabel">旅游</label>
<input type="checkbox" name="userBean.hobby" value="5" id="userBean.hobby-5"/>
<label for="userBean.hobby-5" class="checkboxLabel">宅神</label>
<input type="hidden" id="__multiselect_userBean_hobby" name="__multiselect_userBean.hobby" value="" /> <s:hidden>标签:隐藏标签,可以设置变量值,但是不在页面显示
<s:submit>标签:表单提交按钮
<s:reset>标签:表单重置按钮
<s:debug>标签:struts2独有的调试标签,在开发中使用,可以在页面看到值栈中的所有信息,方便调试。


•提交后显示的页面
点击提交按钮后,经过后台处理,数据传到另一个jsp显示:
Html代码 
1.<body> 
2.    <table> 
3.        <tr> 
4.            <td>编号:</td> 
5.            <td><s:property value="userBean.userId"></s:property></td> 
6.        </tr> 
7.        <tr> 
8.            <td>姓名:</td> 
9.            <td><s:property value="userBean.userName"></s:property></td> 
10.        </tr> 
11.        <tr> 
12.            <td>密码:</td> 
13.            <td><s:property value="userBean.password"></s:property></td> 
14.        </tr> 
15.        <tr> 
16.            <td>生日:</td> 
17.            <td><s:date name="userBean.birthday" format="yyyy-MM-dd hh:MM:ss" /></td> 
18.        </tr> 
19.        <tr> 
20.            <td>性别:</td> 
21.            <td> 
22.                <s:if test="userBean.sex==0"> 
23.                    男  
24.                </s:if> 
25.                <s:else> 
26.                    女  
27.                </s:else> 
28.            </td> 
29.        </tr> 
30.        <tr> 
31.            <td>城市:</td> 
32.            <td> 
33.                <s:property value="#request.cityBean.cityValue"/> 
34.            </td> 
35.        </tr> 
36.        <tr> 
37.            <td>爱好:</td> 
38.            <td> 
39.            <s:if test="#request.lstHobby!=null"> 
40.                <s:iterator value="#request.lstHobby" var="hobby" status="index" begin="0" end="#request.lstHobby.length-1"> 
41.                    第[<s:property value="%{#attr.index.index+1}"/>]条爱好:<s:property value="%{#attr.hobby.hobbyValue}"/><br/> 
42.                </s:iterator> 
43.            </s:if> 
44.            </td> 
45.        </tr> 
46.    </table> 
47.</body> 
<body>
<table>
<tr>
<td>编号:</td>
<td><s:property value="userBean.userId"></s:property></td>
</tr>
<tr>
<td>姓名:</td>
<td><s:property value="userBean.userName"></s:property></td>
</tr>
<tr>
<td>密码:</td>
<td><s:property value="userBean.password"></s:property></td>
</tr>
<tr>
<td>生日:</td>
<td><s:date name="userBean.birthday" format="yyyy-MM-dd hh:MM:ss" /></td>
</tr>
<tr>
<td>性别:</td>
<td>
<s:if test="userBean.sex==0">

</s:if>
<s:else>

</s:else>
</td>
</tr>
<tr>
<td>城市:</td>
<td>
<s:property value="#request.cityBean.cityValue"/>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<s:if test="#request.lstHobby!=null">
<s:iterator value="#request.lstHobby" var="hobby" status="index" begin="0" end="#request.lstHobby.length-1">
第[<s:property value="%{#attr.index.index+1}"/>]条爱好:<s:property value="%{#attr.hobby.hobbyValue}"/><br/>
</s:iterator>
</s:if>
</td>
</tr>
</table>
</body> <s:property>标签:用于显示变量值的标签,没有什么可说的
<s:if><s:elseif><s:else>标签:这三个标签结合使用就能实现java的if...elseif...else的逻辑操作,标签中的test属性用于分之条件判断。
<s:iterator>标签:迭代标签,这个标签的功能类似于java的for循环操作,value属性装的是集合对象,var属性是集合中的某一对象,status表示迭代的次数,begin和end表示循环开始位置和结束位置。最后看上面例子的代码:
Html代码 
1.<s:iterator value="#request.lstHobby" var="hobby" status="index" begin="0" end="#request.lstHobby.length-1"> 
2.<SPAN style="WHITE-SPACE: pre"> </SPAN>第[<s:property value="%{#attr.index.index+1}"/>]条爱好:<s:property value="%{#attr.hobby.hobbyValue}"/><br/> 
3.</s:iterator> 
<s:iterator value="#request.lstHobby" var="hobby" status="index" begin="0" end="#request.lstHobby.length-1">
第[<s:property value="%{#attr.index.index+1}"/>]条爱好:<s:property value="%{#attr.hobby.hobbyValue}"/><br/>
</s:iterator>
•OGNL简介
OGNL是一个功能强大的EL,通过它简单一致的表达式语法,可以存取对象的任意属性,调用对象的方法,遍历整个对象的结构图,实现字段类型转化等功能,它使用相同的表达式去存取对象的属性。
之所以命名为OGNL,就是因为它处理对象很给力,struts能够将对象层层解析,把各个对象的关系以图的样式展示出来。比如userBean.userId,之所以能找到这个对象,就是因为OGNL会先找userBean对象,然后再找userBean对象里的userId属性。假设UserBean这个类还包含了名为Role的javabean的实例,Role里面包含字段roleName,我们要找到roleName就可以直接写<s:property value="user.role.roleName">,OGNL通过对象逐级导航找到子对象。

你可能感兴趣的:(struts)