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

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

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

    Java Study Center  
    日歷
    <2008年9月>
    31123456
    78910111213
    14151617181920
    21222324252627
    2829301234
    567891011
    統計
    • 隨筆 - 40
    • 文章 - 3
    • 評論 - 0
    • 引用 - 0

    導航

    常用鏈接

    留言簿(1)

    隨筆檔案(40)

    文章檔案(3)

    搜索

    •  

    最新評論

    閱讀排行榜

    評論排行榜

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

    表單標志使用小技巧

    Struts 2的表單標志在輸出(render)HTML時,使用了模板的概念,增加了復雜性(因為它不像Struts 1.x的表單標志,它通常都是一個標志對應HTML的一個元素),因此大家在使用時,需要一些技巧:

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

    下面我將分別對這些標志進行講述:

    1、<s:checkboxlist />

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

    答案其實很簡單,只需要將其“value”屬性設為你的要選中的值,如以代碼所示:

    <%@ 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

    分布運行應用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/checkboxlist.jsp,出現如下圖所示頁面:

    checkboxlist.jsp頁面
    清單2 checkboxlist.jsp頁面

    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’屬性只有兩個值,如果我有三個或更多的值,‘doublelist’屬性應該如何設定呢?”

    我建議的做法是先定義一個Map類型的對象,鍵為“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

    分布運行應用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/doubleselect.action,出現如下圖所示頁面:

    doubleselect.jsp頁面
    清單5 doubleselect.jsp頁面

    3、<s: token />

    這個標志可能大家不常用,不過本人認為它還是挺有用的。在使用Struts 1.x時,因為跳轉通常是用Forward(而不是Redirect)實現的,所以當用戶完成請求后,按“F5”刷新頁面時,就會重新提交上次的請求,這樣經常會出錯。要解決這個問題,<s:token />可以幫你忙。

    實現原理

    在頁面加載時,<s: token />產生一個GUID(Globally Unique Identifier,全局唯一標識符)值的隱藏輸入框如:

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

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

    具體實現

    首先看一下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也很簡單,就是加入<s:token />標志。接下來是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”結果,因為“token”攔截器在會話token與請求token不一致時,將會直接返回“invalid.token”結果。

    發布運行應用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/token.jsp,出現如下圖所示頁面:

    正常顯示的token.jsp頁面
    清單10 正常顯示的token.jsp頁面

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

    重復提交出錯顯示
    清單11 重復提交出錯顯示

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

    這幾個標志的使用相對簡單,所以我想小舉一例即可,以下是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頁面

    發布運行應用程序,在瀏覽器中鍵入:http://localhost:8080/Struts2_CoolTags/others.jsp,出現如下圖所示頁面:

    點擊查看大圖
    清單13 其它表單標志頁面

    總結

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

    posted on 2008-09-17 15:38 綠茶_鄭州 閱讀(91) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
     
    Copyright © 綠茶_鄭州 Powered by: 博客園 模板提供:滬江博客
    主站蜘蛛池模板: 亚洲婷婷综合色高清在线| 国产亚洲精品AA片在线观看不加载| 无码乱人伦一区二区亚洲| 特级做a爰片毛片免费看| 亚洲av区一区二区三| 精品视频免费在线| 久久亚洲国产成人影院网站| 亚洲精品视频免费| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 亚洲性色成人av天堂| 四虎最新永久免费视频| 亚洲香蕉在线观看| 国产又黄又爽又刺激的免费网址| 亚洲第一综合天堂另类专| 国产免费私拍一区二区三区| 黄页视频在线观看免费| 国产亚洲日韩在线三区| 一区二区三区观看免费中文视频在线播放| 亚洲AV乱码一区二区三区林ゆな| 亚洲精品免费在线| 亚洲AV无码一区二区三区网址| 国产免费观看a大片的网站| 在线观看免费黄色网址| 亚洲第一页中文字幕| 午夜无遮挡羞羞漫画免费| 免费一级全黄少妇性色生活片 | 午夜在线免费视频| 久久久久亚洲Av片无码v| 丁香花免费高清视频完整版 | 永久免费无码网站在线观看个| 久久综合亚洲色HEZYO国产| 无码国产精品一区二区免费vr| 亚洲13又紧又嫩又水多| 亚洲精品97久久中文字幕无码| 久久狠狠躁免费观看2020| 欧洲 亚洲 国产图片综合| 久久亚洲2019中文字幕| 99在线视频免费观看视频| 一级毛片免费不卡| 亚洲第一成人在线| 亚洲午夜久久久久久久久久|