隨筆 - 312, 文章 - 14, 評論 - 1393, 引用 - 0
          數據加載中……

          Struts1.x系列教程(5):HTML標簽庫


          本文為原創,如需轉載,請注明作者和出處,謝謝!

          Struts 2系列教程》
           

          上一篇:Struts1.x系列教程(4):標簽庫概述與安裝    

              HTML標簽庫中的標簽基本上都是和HTML Tag一一對應的。但我們經常使用的主要是<html:form>標簽及其子標簽。因此,在本文將介紹一下<html:form>及其常用子標簽的用法。

          一、HTML標簽庫中的常用標簽

          1. <html:form>標簽

              <html:form>標簽對應于HTML<form>標簽。用于向服務端提交用戶輸入信息。<html:form>標簽和HTML<form>標簽在使用方法上基本相同,但它們的一個重要的區別是<html:form>標簽的action屬性值所指的Struts動作在struts-config.xml中必須正確配置,否則<html:form>標簽會因為未找到Struts動作而拋出異常,從頁使JSP頁面無法正常運行,而HTML<form>無論action屬性的值所指的URL是否正確(或Struts動作是否在struts-config.xml中正確配置),都會正常顯示。<html:form>標簽的基本用法如下:

            <html:form action="Struts動作" method="get/post"  >

          2. <html:text>標簽

              <html:text>標簽是最常用的HTML標簽,它對應于type屬性值為“text”的HTML<input>標簽。每一個和HTML Tags對應的HTML標簽都有一個property屬性,<html:text>標簽也不例外。這個屬性用于和ActionForm的子類對象實例綁定,也就是說,property屬性的值必須和ActionForm子類中相應的屬性擁有同樣的名子。如果property屬性的值在ActionForm子類中未找到相應的屬性名,該HTML標簽就會由于拋出異常而使JSP頁面無法正常顯示。<html:text>標簽的基本用法如下:

            <html:text property="name" />

              <html:text>標簽的其他屬性(如size屬性)和<input type=”text” ... />標簽的相應屬性使用方法完全一致。

          3. <html:radio>標簽

              <html:radio>
          標簽對應于type屬性值為“radio”的HTML<input>標簽。如果ActionForm子類的某個屬性有多個可枚舉的選擇值(如性別為“男”、“女”),就可以使用<html:radio>來采集用戶的輸入信息。每一個可能的值對應一個<html:radio>標簽,如性別選項對應兩個<html:radio>標簽,代碼如下:

          <html:radio property="sex" value="1" />
          <html:radio property="sex" value="2" />

              其中兩個<html:radio>標簽中的property屬性值必須都為“sex”,每個value表示選中當前選項后,提交給服務端的值,也就是通過ActionForm的子類實例對象的相應屬性可以獲得的值。

          4. <html:checkbox>
          標簽

              <html:checkbox>標簽對應于type屬性值為“checkbox”的HTML<input>標簽。<html:checkbox>標簽的基本用法如下:

          <html:checkbox property="student" value="true" />


              其中
          value屬性表示當勾選這個復選框時提交給服務端的值。


          5. <html:multibox>標簽


              <html:multibox>標簽實際上也對應于type屬性值為“checkbox”的HTML<input>標簽。但<html:multibox>和<html:checkbox>在映射到ActionForm子類實例對象的相應屬性的映射方式不同。所有property屬性值相同的<html:multibox>標簽被映射到同一個property所指的屬性中,并且這個屬性是一個數組類型。而<html:checkbox>標簽只對應了一個值。<html:multibox>標簽的基本用法如下:

          上網<html:multibox property="hobbies" value="上網" />
          旅游
          <html:multibox property="hobbies" value="旅游" />
          足球
          <html:multibox property="hobbies" value="足球" />
          圍棋
          <html:multibox property="hobbies" value="圍棋" />


              其中value屬性表示選中當前復選框的返回值。

          6. <html:select><html:option>標簽

              <html:select><html:option>組合對應了HTML中的<select><option>組合。這兩個標簽的基本用法如下:

            <html:select property="work" >
                <html:option value="軟件工程師" />
                <html:option value="軟件測試工程師" />
                <html:option value="項目經理" />
                <html:option value="高級顧問" />
                <html:option value="其他" />
            </html:select>


              其中value屬性表示在下拉列表框中選擇某一項時向服務端提交的值。

          7. <html:submit>和<html:reset>標簽

              這兩個HTML標簽分別對應了type為“submit”和“reset”的HTML<input>標簽。它們的基本用法如下:

          <html:submit value="提交"/>
          <html:reset value="重置"/>


          其中value屬性表示在按鈕上顯示的信息。

          8.. 其他的HTML標簽

              HTML標簽庫中還有很多其他的標簽。關于這些標簽的詳細信息讀者可以參閱Struts的官方網站,URL如下:


          http://struts.apache.org/1.2.9/userGuide/struts-html.html

          二、HTML標簽庫演示實例

             
          在本文給出了一個完整的例子來演示如何通過HTML標簽來展現用戶界面,以及如何從由HTML標簽生成的界面中獲取用戶提交的信息。實現這個例子需要如下四步:

          【第1步】建立使用HTML標簽的JSP頁面

             
          <samples工程目錄>中建立一個htmlTags.jsp文件,并輸入如下的內容:

            <%@ page pageEncoding="GBK"%>
            
          <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
            
          <html>
              
          <head>
                
          <title>HTML標簽庫演示</title>
              
          </head>
            
          <body>
               
          <html:form action="htmlTags" method="post"  >
                 姓名:
          <html:text property="name"  />  </>
                 性別: 男 
          <html:radio property="sex" value="1" />
                        女 
          <html:radio property="sex" value="2" /> </>
                 學生: 
          <html:checkbox property="student" value="true" /> </>
                 愛好: 上網 
          <html:multibox property="hobbies" value="上網" />&nbsp;
                        旅游 
          <html:multibox property="hobbies" value="旅游" />&nbsp;
                        足球 
          <html:multibox property="hobbies" value="足球" />&nbsp;
                        圍棋 
          <html:multibox property="hobbies" value="圍棋" /> </>
                 職業:
                        
          <html:select property="work" >
                            
          <html:option  value="" />
                            
          <html:option  value="軟件工程師" />
                            
          <html:option value="軟件測試工程師" />
                            
          <html:option value="項目經理" />
                            
          <html:option value="高級顧問" />
                            
          <html:option value="其他" />
                        
          </html:select>
                        
          </>
                        
          <html:submit value="提交"/>&nbsp;&nbsp;&nbsp;<html:reset value="重置"/>
                
          </html:form>
              
          </body>
            
          </html>


              現在htmlTags.jsp還運行不了,因為htmlTags動作并沒有在struts-config.xml中配置。下面我們先在struts-config.xml中配置一下這個htmlTags動作和相應的ActionForm的子類。

          【第2步】配置ActionForm子類和htmlTags動作

             
          打開struts-config.xml,在<form-beans>中加入如下的<form-bean>標簽:

            <form-bean name="htmlTagsForm" type=" actionform.HtmlTagsForm" />


              然后在<action-mappings>中加入如下的<action>標簽:

            <action name="htmlTagsForm" path="/htmlTags" scope="request" type=" action.HtmlTagsAction" />


              我們從上面兩段配置代碼可以看出,ActionForm的子類為HtmlTagsForm,動作類為HtmlTagsAction,下面我們就來建立這兩個類。

          【第3步】實現HtmlTagsForm

             
          在本例中,HtmlTagsForm類只含有用于接收用戶提交的信息的屬性,除此之外,并未在這個類中做其他的事(如驗證數據)。在<samples工程目錄>"src" actionform目錄中建立一個HtmlTagsForm.java文件,并輸入如下的代碼:

            package actionform;
            
            
          import org.apache.struts.action.*;
            
          public class HtmlTagsForm extends ActionForm
            {
                
          private String name;
                
          private String sex;
                
          private Boolean student;
                
          private String[] hobbies;
                
          private String work;
                
          public String getWork()
                {
                    
          return work;
                }
                
          public void setWork(String work)
                {
                    
          this.work = work;
                }
                
          public String[] getHobbies()
                {
                    
          return hobbies;
                }
                
          public void setHobbies(String[] hobbies)
                {
                    
          this.hobbies = hobbies;
                }
                
          public String getName()
                {
                    
          return name;
                }
                
          public String getSex()
                {
                    
          return sex;
                }
                
          public void setSex(String sex)
                {
                    
          this.sex = sex;
                }
                
          public void setName(String name)
                {
                    
          this.name = name;
                }
                
          public Boolean getStudent()
                {
                    
          return student;
                }
                
          public void setStudent(Boolean student)
                {
                    
          this.student = student;
                }
            }


          【第
          4步】建立HtmlTagsAction

              HtmlTagsAction
          類的主要功能是通過HtmlTagsForm類的實例對象讀取用戶提交的信息,并將它們輸出的客戶端瀏覽器。在<samples工程目錄>"src"action目錄中建立一個HtmlTagsAction.java文件,并輸入如下的代碼。

            package action;
            
            
          import javax.servlet.http.*;
            
          import org.apache.struts.action.*;
            
          import java.io.*;
            
          import actionform.HtmlTagsForm;

            
          public class HtmlTagsAction extends Action
            {
                
          public ActionForward execute(ActionMapping mapping, ActionForm form,
                        HttpServletRequest request, HttpServletResponse response)
                {
                    HtmlTagsForm htForm 
          = (HtmlTagsForm) form;
                    
          try
                    {
                        response.setCharacterEncoding(
          "GB2312");
                        PrintWriter out 
          = response.getWriter();
                        out.println(
          "姓名:" + htForm.getName() + "<p/>");
                        
          if (htForm.getSex() != null)
                            out.println(
          "性別:" + (htForm.getSex().equals("1"? "" : ""+ "<p/>");
                        out.println(
          "學生:" + (htForm.getStudent() == null ? "" : ""+ "<p/>");
                        
          if (htForm.getHobbies() != null)
                        {
                            out.println(
          "愛好:");
                            
          for(String hobby: htForm.getHobbies())
                                out.println(hobby 
          + "  ");
                             out.println(
          "<p/>");
                        }
                        
          if(htForm.getWork() != null)
                            out.println(
          "職業:" + htForm.getWork());
                    }
                    
          catch (Exception e)
                    {
                    }
                    
          return null;
                }
            }

              啟動Tomcat,并在IE中輸入如下的URL

          http://localhost:8080/samples/htmlTags.jsp

              在出現用戶界面后,輸入如圖1所示的信息。



          圖1

           

          在點擊“提交”按鈕后,將顯示如圖2所示的頁面。



          圖2





          Android開發完全講義(第2版)(本書版權已輸出到臺灣)

          http://product.dangdang.com/product.aspx?product_id=22741502



          Android高薪之路:Android程序員面試寶典 http://book.360buy.com/10970314.html


          新浪微博:http://t.sina.com.cn/androidguy   昵稱:李寧_Lining

          posted on 2009-01-16 16:54 銀河使者 閱讀(5448) 評論(0)  編輯  收藏 所屬分類: javaweb 原創struts1.x

          主站蜘蛛池模板: 五寨县| 南汇区| 随州市| 江油市| 太仆寺旗| 马龙县| 新田县| 西安市| 绥宁县| 会同县| 彭山县| 呼伦贝尔市| 卓尼县| 襄垣县| 木兰县| 望奎县| 元朗区| 秀山| 呼图壁县| 额敏县| 伊吾县| 内丘县| 读书| 武川县| 竹北市| 天水市| 合江县| 东兰县| 涿鹿县| 荔波县| 平和县| 尉犁县| 绍兴市| 宜良县| 海门市| 深泽县| 团风县| 汉川市| 洛川县| 西吉县| 霍城县|