<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    默了默

    java hibernate struts2 spring
       :: 首頁(yè) ::  ::  ::  :: 管理

    Strus 2的新表單標(biāo)志的使用

    Posted on 2009-03-06 16:34 fd 閱讀(167) 評(píng)論(0)  編輯  收藏 所屬分類: struts2

    載自http://www.tkk7.com/max

     Struts 2為大家提供了不少常用的很酷的表單標(biāo)志,簡(jiǎn)化了我們程序員的工作。不過,由于這些都是新標(biāo)志,大家可能在使用上還存在不少疑問。本文將就朋友們的回復(fù)、留言或Email上的問題,分別對(duì)這些酷標(biāo)志進(jìn)行講述。

    表單標(biāo)志使用小技巧

    Struts 2的表單標(biāo)志在輸出(render)HTML時(shí),使用了模板的概念,增加了復(fù)雜性(因?yàn)樗幌馭truts 1.x的表單標(biāo)志,它通常都是一個(gè)標(biāo)志對(duì)應(yīng)HTML的一個(gè)元素),因此大家在使用時(shí),需要一些技巧:

    1. Struts 2的UI標(biāo)志的表單標(biāo)志默認(rèn)是以表格布局,按鈕是右對(duì)齊的。如果你不喜歡此風(fēng)格,你可以簡(jiǎn)單地將<s:form />標(biāo)志的“theme”屬性設(shè)為“simple”,然后用以往的做法自已布局表單元素(注意:此法有利有弊,弊就是當(dāng)你將“theme”屬性設(shè)為“simple”時(shí),表單標(biāo)志以最簡(jiǎn)單方式輸出HTML,所以你可能失去一些默認(rèn)輸出提供的便利,如:友好的錯(cuò)誤信息的顯示,或客戶端的表單驗(yàn)證等)。當(dāng)然更好的做法是通過CSS或自定義主題(theme)然后應(yīng)用到整個(gè)應(yīng)用程序,這樣可以獲得一致的頁(yè)面風(fēng)格,加強(qiáng)用戶體驗(yàn)(我會(huì)在以后的文章對(duì)此進(jìn)行講解);
    2. 當(dāng)你在頁(yè)面上加入某些標(biāo)志(如:<s:doubleselect />等)時(shí),應(yīng)該通過action來(lái)訪問頁(yè)面,而不是通過*.jsp的URL直接訪問。

    下面我將分別對(duì)這些標(biāo)志進(jìn)行講述:

    1、<s:checkboxlist />

    大家對(duì)<s:checkboxlist />的最大的疑問可能是:“如何在默認(rèn)情況下,選中某些checkbox?”

    答案其實(shí)很簡(jiǎn)單,只需要將其“value”屬性設(shè)為你的要選中的值,如以代碼所示:

    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
    <%@ taglib prefix="s" uri="/struts-tags" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       
    <title>Struts 2 Cool Tags - &lt;s:checkboxlist/ &gt;</title>
       
    <s:head />
    </head>
    <body>    
       
    <h2>&lt;s:checkboxlist/&gt;</h2>
       
    <s:form action="Store" >
           
    <s:checkboxlist name="skills1" 
                            label
    ="Skills 1" 
                            list
    ="{ 'Java', '.Net', 'RoR', 'PHP' }" 
                            value
    ="{ 'Java', '.Net' }" />
           
    <s:checkboxlist name="skills2" 
                            label
    ="Skills 2" 
                            list
    ="#{ 1:'Java', 2: '.Net', 3: 'RoR', 4: 'PHP' }" 
                            listKey
    ="key" 
                            listValue
    ="value" 
                            value
    ="{ 1, 2, 3 }"/>
       
    </s:form>
    </body>
    </html>
    清單1 WebContent/checkboxlist.jsp

    分布運(yùn)行應(yīng)用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/checkboxlist.jsp,出現(xiàn)如下圖所示頁(yè)面:

    checkboxlist.jsp頁(yè)面
    清單2 checkboxlist.jsp頁(yè)面

    2、<s:doubleselect />

    大家看Struts 2的showcase的例子,<s:doubleselect />的用法如下所示:

        <s:doubleselect
               
    tooltip="Choose Your State"
                label
    ="State"
                name
    ="region" list="{'North', 'South'}"
                value
    ="'South'"
                doubleValue
    ="'Florida'"
                doubleList
    ="top == 'North' ? {'Oregon', 'Washington'} : {'Texas', 'Florida'}" 
                doubleName
    ="state"
                headerKey
    ="-1"
                headerValue
    ="---------- Please Select ----------"
                emptyOption
    ="true" />
    清單3 Showcase中<s:doubleselect />

    很多朋友問:“上面的‘list’屬性只有兩個(gè)值,如果我有三個(gè)或更多的值,‘doublelist’屬性應(yīng)該如何設(shè)定呢?”

    我建議的做法是先定義一個(gè)Map類型的對(duì)象,鍵為“list”的集合,值則為“doubleList”的集合,然后“doubleList”的OGNL寫成“#myMap[top]”,如以下代碼所示:

    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
    <%@ taglib prefix="s" uri="/struts-tags" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       
    <title>Struts 2 Cool Tags - &lt;s:doubeselect/ &gt;</title>
       
    <s:head />
    </head>
    <body>    
       
    <h2>&lt;s:doubleselect/&gt;</h2>
       
    <s:form action="Store" >
           
    <s:set name="foobar" 
                   value
    ="#{'Java': {'Spring', 'Hibernate', 'Struts 2'}, '.Net': {'Linq', ' ASP.NET 2.0'}, 'Database': {'Oracle', 'SQL Server', 'DB2', 'MySQL'}}" />
           
    <s:doubleselect list="#foobar.keySet()"
                              doubleName
    ="technology" 
                              doubleList
    ="#foobar[top]" 
                              label
    ="Technology" />
       
    </s:form>
    </body>
    </html>
    清單4 WebContent/doubleselect.jsp

    分布運(yùn)行應(yīng)用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/doubleselect.action,出現(xiàn)如下圖所示頁(yè)面:

    doubleselect.jsp頁(yè)面
    清單5 doubleselect.jsp頁(yè)面

    3、<s: token />

    這個(gè)標(biāo)志可能大家不常用,不過本人認(rèn)為它還是挺有用的。在使用Struts 1.x時(shí),因?yàn)樘D(zhuǎn)通常是用Forward(而不是Redirect)實(shí)現(xiàn)的,所以當(dāng)用戶完成請(qǐng)求后,按“F5”刷新頁(yè)面時(shí),就會(huì)重新提交上次的請(qǐng)求,這樣經(jīng)常會(huì)出錯(cuò)。要解決這個(gè)問題,<s:token />可以幫你忙。

    實(shí)現(xiàn)原理

    在頁(yè)面加載時(shí),<s: token />產(chǎn)生一個(gè)GUID(Globally Unique Identifier,全局唯一標(biāo)識(shí)符)值的隱藏輸入框如:

    <input type="hidden" name="struts.token.name" value="struts.token"/>
    <input type="hidden" name="struts.token" value="BXPNNDG6BB11ZXHPI4E106CZ5K7VNMHR"/>
    清單6 <s:token />的HTML輸出

    同時(shí),將GUID放到會(huì)話(session)中;在執(zhí)行action之前,“token”攔截器將會(huì)話token與請(qǐng)求token比較,如果兩者相同,則將會(huì)話中的token刪除并往下執(zhí)行,否則向actionErrors加入錯(cuò)誤信息。如此一來(lái),如果用戶通過某種手段提交了兩次相同的請(qǐng)求,兩個(gè)token就會(huì)不同。

    具體實(shí)現(xiàn)

    首先看一下Action的代碼:

    package tutorial;

    import com.opensymphony.xwork2.ActionSupport;

    public class CoolTagAction extends ActionSupport {    
       
    private static final long serialVersionUID = 6820659617470261780L;
       
       
    private String message;
           
       
    public String getMessage() {
           
    return message;
       }


       
    public void setMessage(String message) {
           
    this.message = message;
       }

       
       @Override
       
    public String execute() {
           System.out.println(
    "Executing action, your message is " + message);
           
    return SUCCESS;
       }
       
    }
    清單7 src/tutorial/CoolTagAction.java

    以上代碼一目了然,再看看JSP的寫法:

    %@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
    <%@ taglib prefix="s" uri="/struts-tags" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       
    <title>Struts 2 Cool Tags - &lt;s:token/ &gt;</title>
       
    <s:head />
    </head>
    <body>    
       
    <h2>&lt;s:token/&gt;</h2>
       
    <s:actionerror />
       
    <s:form action="Token" >
           
    <s:textfield name="message" label="Message" />
           
    <s:token />
           
    <s:submit />
       
    </s:form>
    </body>
    </html>
    清單8 WebContent/token.jsp

    JSP也很簡(jiǎn)單,就是加入<s:token />標(biāo)志。接下來(lái)是Actoin配置的XML片段:

    <?xml version="1.0" encoding="UTF-8"?>

    <!DOCTYPE struts PUBLIC
        "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
        "http://struts.apache.org/dtds/struts-2.0.dtd"
    >

    <struts>
       
    <package name="Struts2_COOL_TAGS_DEMO" extends="struts-default">
           
    <action name="Token" class="tutorial.CoolTagAction">
               
    <interceptor-ref name="defaultStack" />
               
    <interceptor-ref name="token" />
               
    <result name="invalid.token">/token.jsp</result>                        
               
    <result>/token.jsp</result>
           
    </action>
           
    <action name="*">
               
    <result>/{1}.jsp</result>
           
    </action>
       
    </package>
    </struts>
    清單9 src/struts.xml

    以上XML片段值注意的是加入了“token”攔截器和“invalid.token”結(jié)果,因?yàn)?#8220;token”攔截器在會(huì)話token與請(qǐng)求token不一致時(shí),將會(huì)直接返回“invalid.token”結(jié)果。

    發(fā)布運(yùn)行應(yīng)用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/token.jsp,出現(xiàn)如下圖所示頁(yè)面:

    正常顯示的token.jsp頁(yè)面
    清單10 正常顯示的token.jsp頁(yè)面

    隨便填點(diǎn)東西并提交頁(yè)面,一切正常返回以上頁(yè)面,然后按“F5”刷新頁(yè)面,在彈出的對(duì)話框中點(diǎn)擊“Retry”,出現(xiàn)如下圖所示頁(yè)面:

    重復(fù)提交出錯(cuò)顯示
    清單11 重復(fù)提交出錯(cuò)顯示

    4、<s:datetimepicker />、<s:optiontransferselect />和<s:updownselect />

    這幾個(gè)標(biāo)志的使用相對(duì)簡(jiǎn)單,所以我想小舉一例即可,以下是JSP的代碼:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       
    <title>Struts 2 Cool Tags - Others</title>
       
    <s:head />
    </head>
    <body>    
       
    <h2>Others</h2>
       
    <s:form action="Store" >
           
    <s:datetimepicker name="birthday" label="Birthday" />
           
    <s:updownselect
               
    label = "Favourite Countries"
                list
    ="#{'england':'England', 'america':'America', 'germany':'Germany'}"
                name
    ="prioritisedFavouriteCountries"
                headerKey
    ="-1"
                headerValue
    ="--- Please Order Them Accordingly ---"
                emptyOption
    ="true" />
           
    <s:optiontransferselect            
               
    label="Favourite Cartoons Characters"
                name
    ="leftSideCartoonCharacters" 
                leftTitle
    ="Left Title"
                rightTitle
    ="Right Title"
                list
    ="{'Popeye', 'He-Man', 'Spiderman'}" 
                multiple
    ="true"
                headerKey
    ="headerKey"
                headerValue
    ="--- Please Select ---"
                emptyOption
    ="true"
                doubleList
    ="{'Superman', 'Mickey Mouse', 'Donald Duck'}" 
                doubleName
    ="rightSideCartoonCharacters"
                doubleHeaderKey
    ="doubleHeaderKey"
                doubleHeaderValue
    ="--- Please Select ---" 
                doubleEmptyOption
    ="true"
                doubleMultiple
    ="true" />
       
    </s:form>
    </body>
    </html>
    清單12 WebContent\others.jsp頁(yè)面

    發(fā)布運(yùn)行應(yīng)用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/others.jsp,出現(xiàn)如下圖所示頁(yè)面:

    點(diǎn)擊查看大圖
    清單13 其它表單標(biāo)志頁(yè)面

    總結(jié)

    Struts 2在標(biāo)志上的確比Struts 1.x豐富了許多,同時(shí)模板機(jī)制也給程序員帶來(lái)不少方便(如果你不太喜歡個(gè)性化的風(fēng)格)。另外,Struts 2還有一些AJAX(如<s: autocompleter />等)的標(biāo)志和非表單的UI標(biāo)志(如<s: tree />等),我會(huì)在以后的文章中講述其使用。

    主站蜘蛛池模板: 中文字幕亚洲精品资源网| 精品国产亚洲一区二区三区| 免费一级做a爰片久久毛片潮喷| 四虎永久在线精品免费影视| 中文字幕无码精品亚洲资源网| 亚洲成av人片在线观看无码不卡| 亚洲AV色香蕉一区二区| 亚洲依依成人精品| 美女被免费视频网站| 99免费在线视频| 我们的2018在线观看免费高清| 国产美女被遭强高潮免费网站| 久久影视国产亚洲| 亚洲精品午夜久久久伊人| 亚洲AV一区二区三区四区| 99久久成人国产精品免费| www.999精品视频观看免费| 免费一级毛片正在播放| 亚洲av无码一区二区三区不卡| 33333在线亚洲| xxxxxx日本处大片免费看| 1000部禁片黄的免费看| 免费一级毛片不卡在线播放 | 99爱在线精品免费观看| 亚洲AV成人一区二区三区在线看| 无码色偷偷亚洲国内自拍| 久久免费线看线看| 免费看片免费播放| 久久国产精品亚洲一区二区| 亚洲欧美日韩综合俺去了| 国产一级一毛免费黄片| 在线免费视频一区| 久久久久亚洲精品影视| 国产成人综合久久精品亚洲| 99久久国产免费-99久久国产免费| 国产伦一区二区三区免费| 亚洲AV日韩AV永久无码下载| 在线亚洲v日韩v| 成人黄色免费网站| 亚洲综合色自拍一区| 亚洲精品无码久久久久牙蜜区|