2. 程式人生 > >SpringMVC表單標籤封裝表單物件

SpringMVC表單標籤封裝表單物件

阿新 • • 發佈：2019-01-24


SpringMVC<from:form>表單標籤和<input>表單標籤簡介

   在使用SpringMVC的時候我們可以使用spring封裝的一系列表單標籤，這些標籤都可以訪問到ModelMap中的內容。下面將對這些標籤一一介紹。

   在正式介紹SpringMVC的表單標籤之前，我們需要先在JSP中宣告使用的標籤，具體做法是在JSP檔案的頂部加入以下指令：

Jsp程式碼 複製程式碼 收藏程式碼在CODE上檢視程式碼片派生到我的程式碼片
  1. <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>  

1.1     form標籤

使用Spring的form標籤主要有兩個作用，第一是它會自動的繫結來自Model中的一個屬性值到當前form對應的實體物件，預設是command屬性，這樣我們就可以在form表單體裡面方便的使用該物件的屬性了；第二是它支援我們在提交表單的時候使用除GET和POST之外的其他方法進行提交，包括DELETE和PUT等。

1.1.1  支援繫結表單物件

我們先來看如下使用form標籤的一個示例：

Jsp程式碼
複製程式碼 收藏程式碼在CODE上檢視程式碼片派生到我的程式碼片
  1. <form:form action="formTag/form.do" method="post">  
  2.     <table>  
  3.         <tr>  
  4.             <td>Name:</td><td><form:input path="name"/></td>  
  5.         </tr>  
  6.         <tr>  
  7.             <td>Age:</td><td><form:input path="age"
    /></td>  
  8.         </tr>  
  9.         <tr>  
  10.             <td colspan="2"><input type="submit" value="提交"/></td>  
  11.         </tr>  
  12.     </table>  
  13. </form:form>  

       這個時候如果Model中存在一個屬性名稱為command的javaBean，而且該javaBean擁有屬性name和age的時候，在渲染上面的程式碼時就會取command的對應屬性值賦給對應標籤的值。如在上面的程式碼中，假設Model中存在一個屬性名稱為command的javaBean，且它的name和age屬性分別為“Zhangsan”和“36”時，那麼它在渲染時就會生成如下一段程式碼：

Html程式碼 複製程式碼 收藏程式碼
  1. <formid="command"action="formTag/form.do"method="post">
  2.     <table>
  3.         <tr>
  4.             <td>Name:</td><td><inputid="name"name="name"type="text"value="ZhangSan"/></td>
  5.         </tr>
  6.         <tr>
  7.             <td>Age:</td><td><inputid="age"name="age"type="text"value="36"/></td>
  8.         </tr>
  9.         <tr>
  10.             <tdcolspan="2"><inputtype="submit"value="提交"/></td>
  11.         </tr>
  12.     </table>
  13. </form>
[html] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. <formid="command"action="formTag/form.do"method="post">
  2.     <table>
  3.         <tr>
  4.             <td>Name:</td><td><inputid="name"name="name"type="text"value="ZhangSan"/></td>
  5.         </tr>
  6.         <tr>
  7.             <td>Age:</td><td><inputid="age"name="age"type="text"value="36"/></td>
  8.         </tr>
  9.         <tr>
  10.             <tdcolspan="2"><inputtype="submit"value="提交"/></td>
  11.         </tr>
  12.     </table>
  13. </form>
<form id="command" action="formTag/form.do" method="post">
    <table>
        <tr>
            <td>Name:</td><td><input id="name" name="name" type="text" value="ZhangSan"/></td>
        </tr>
        <tr>
            <td>Age:</td><td><input id="age" name="age" type="text" value="36"/></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="提交"/></td>
        </tr>
    </table>
</form>

       從上面生成的程式碼中，我們可以看出，當沒有指定form標籤的id時它會自動獲取該form標籤繫結的Model中對應屬性名稱作為id，而對於input標籤在沒有指定id的情況下它會自動獲取path指定的屬性作為id和name。

       我們指定form預設自動繫結的是Model的command屬性值，那麼當我的form物件對應的屬性名稱不是command的時候，應該怎麼辦呢？對於這種情況，Spring給我們提供了一個commandName屬性，我們可以通過該屬性來指定我們將使用Model中的哪個屬性作為form需要繫結的command物件。除了commandName屬性外，指定modelAttribute屬性也可以達到相同的效果。這裡假設上面程式碼中我們存放在Model中的是user物件而不是預設的command物件，那麼我們的程式碼就可以如下定義了：

Jsp程式碼 複製程式碼 收藏程式碼在CODE上檢視程式碼片派生到我的程式碼片
  1. <form:form action="formTag/form.do" method="post" commandName="user">  
  2.     <table>  
  3.         <tr>  
  4.             <td>Name:</td><td><form:input path="name"/></td>  
  5.         </tr>  
  6.         <tr>  
  7.             <td>Age:</td><td><form:input path="age"/></td>  
  8.         </tr>  
  9.         <tr>  
  10.             <td colspan="2"><input type="submit" value="提交"/></td>  
  11.         </tr>  
  12.     </table>  
  13. </form:form>  

1.1.2  支援全部的Http請求方法

Jsp程式碼 複製程式碼 收藏程式碼在CODE上檢視程式碼片派生到我的程式碼片
  1. <form:form action="formTag/form.do" method="delete" modelAttribute="user">  
  2.     <table>  
  3.         <tr>  
  4.             <td>Name:</td><td><form:input path="name"/></td>  
  5.         </tr>  
  6.         <tr>  
  7.             <td>Age:</td><td><form:input path="age"/></td>  
  8.         </tr>  
  9.         <tr>  
  10.             <td colspan="2"><input type="submit" value="提交"/></td>  
  11.         </tr>  
  12.     </table>  
  13. </form:form>  

在上面程式碼中我們設定了該form的提交方法是delete，這樣在後臺我們就可以給對應的請求方法的RequestMapping加上method為RequestMethod.DELETE的限制。我們來看一下上面的程式碼在進行渲染的時候會生成怎樣的Html程式碼，其生成的程式碼如下所示：

Html程式碼 複製程式碼 收藏程式碼
  1. <formid="user"action="formTag/form.do"method="post">
  2.     <inputtype="hidden"name="_method"value="delete"/>
  3.     <table>
  4.         <tr>
  5.             <td>Name:</td><td><inputid="name"name="name"type="text"value="ZhangSan"/></td>
  6.         </tr>
  7.         <tr>
  8.             <td>Age:</td><td><inputid="age"name="age"type="text"value="36"/></td>
  9.         </tr>
  10.         <tr>
  11.             <tdcolspan="2"><inputtype="submit"value="提交"/></td>
  12.         </tr>
  13.     </table>
  14. </form>
[html] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. <formid="user"action="formTag/form.do"method="post">
  2.     <inputtype="hidden"name="_method"value="delete"/>
  3.     <table>
  4.         <tr>
  5.             <td>Name:</td><td><inputid="name"name="name"type="text"value="ZhangSan"/></td>
  6.         </tr>
  7.         <tr>
  8.             <td>Age:</td><td><inputid="age"name="age"type="text"value="36"/></td>
  9.         </tr>
  10.         <tr>
  11.             <tdcolspan="2"><inputtype="submit"value="提交"/></td>
  12.         </tr>
  13.     </table>
  14. </form>
<form id="user" action="formTag/form.do" method="post">
    <input type="hidden" name="_method" value="delete"/>
    <table>
        <tr>
            <td>Name:</td><td><input id="name" name="name" type="text" value="ZhangSan"/></td>
        </tr>
        <tr>
            <td>Age:</td><td><input id="age" name="age" type="text" value="36"/></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="提交"/></td>
        </tr>
    </table>
</form>

從它生成的程式碼我們可以看出，Spring在實現除GET和POST之外的請求方法時，還是使用的POST方法進行請求，然後給表單加上了一個隱藏域，用以表示真正的請求方法，這個隱藏域的名稱預設是“_method”。上面這樣定義之後是不是就意味著我們可以以delete方式訪問到“formTag/form.do”了呢？答案是不行的。這樣定義我們只是多加了一個用以表示請求方法的隱藏域而已，實際的請求方式還是POST。Spring為我們提供了一個Filter——HiddenHttpMethodFilter，通過這個Filter我們可以把以POST方式傳遞過來的表示實際請求方式的引數轉換為對應的真正的Http請求方法。所以這個時候我們還需要在web.xml中加上如下程式碼：

Xml程式碼 複製程式碼 收藏程式碼
  1. <filter>
  2.    <filter-name>hiddenHttpMethodFilter</filter-name>
  3.    <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  4. </filter>
  5. <filter-mapping>
  6.    <filter-name>hiddenHttpMethodFilter</filter-name>
  7.    <url-pattern>/*</url-pattern>
  8. </filter-mapping>
[xml] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. <filter>
  2.    <filter-name>hiddenHttpMethodFilter</filter-name>
  3.    <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  4. </filter>
  5. <filter-mapping>
  6.    <filter-name>hiddenHttpMethodFilter</filter-name>
  7.    <url-pattern>/*</url-pattern>
  8. </filter-mapping>

       注意：HiddenHttpMethodFilter只能對以POST方式進行傳遞的表示請求方式的隱藏域轉換為真正的Http請求方式。當我們直接在form：form標籤的method中使用除GET和POST方法以外的其他方法時，Spring會自動生成以POST方式進行傳遞的表單以及對應的隱藏域。所以當我們需要手動的設定表示請求方法的隱藏域時，我們就需要指定表單的請求方式為POST，為GET將不會生效。

Jsp程式碼 複製程式碼 收藏程式碼在CODE上檢視程式碼片派生到我的程式碼片
  1. <form:form action="formTag/form.do" method="post" modelAttribute="user">  
  2.     <input type="hidden" name="_method" value="head"/>  
  3.     <table>  
  4.         <tr>  
  5.             <td>Name:</td><td><form:input path="name"/></td>  
  6.         </tr>  
  7.         <tr>  
  8.             <td>Age:</td><td><form:input path="age"/></td>  
  9.         </tr>  
  10.         <tr>  
  11.             <td colspan="2"><input type="submit" value="提交"/></td>  
  12.         </tr>  
  13.     </table>  
  14. </form:form>  

上面程式碼就是一個手動定義請求方式的隱藏域的示例。這裡表示請求方式的隱藏域的名稱預設是“_method”，如果不想使用這個預設值的話，我們也可以通過form:form標籤的methodParam屬性來指定。如下面這個示例：

Jsp程式碼 複製程式碼 收藏程式碼在CODE上檢視程式碼片派生到我的程式碼片
  1. <form:form action="formTag/form.do" method="post" methodParam="requestMethod" modelAttribute="user">  
  2.     <input type="hidden" name="requestMethod" value="head"/>  
  3.     <table>  
  4.         <tr>  
  5.             <td>Name:</td><td><form:input path="name"/></td>  
  6.         </tr>  
  7.         <tr>  
  8.             <td>Age:</td><td><form:input path="age"/></td>  
  9.         </tr>  
  10.         <tr>  
  11.             <td colspan="2"

相關推薦

SpringMVC表單標籤封裝表單物件

 SpringMVC<from:form>表單標籤和<input>表單標籤簡介    在使用SpringMVC的時候我們可以使用spring封裝的一系列表單標籤，這些標籤都可以訪問到ModelMap中的內容。下面將對這些標籤一一介紹。    在正式介紹SpringMVC的

表單陣列封裝成Json物件陣列

最近在搗鼓著Json與ajax結合傳遞資料到後臺。在這此前寫過Gson處理前端傳遞過來的Json物件陣列所以接著寫一下如何把表單陣列封裝成Json物件。 場景：需要把表格中的表單轉化為一個Json物件 我通過使用jQuery的相關方法實現表單資料的序

SpringMVC表單標籤和表單標籤簡介

 SpringMVC<from:form>表單標籤和<input>表單標籤簡介    在使用SpringMVC的時候我們可以使用Spring封裝的一系列表單標籤，這些標籤都可以訪問到ModelMap中的內容。下面將對這些標籤一一介紹。  

html:表單標籤中的單選/複選框

單選框和複選框中的value和name是怎麼不一樣的並被後臺程式使用的? value是提交資料到伺服器的值，有了這個為什麼還需要name呀？ 1.aaaaa? A.***(name=“name1” value=“a”) B.****(name=“name1” v

表單標籤，表單域

表單標籤：表單控制（包含了具體的表單功能項，如單行文字輸入框，複選框，提交按鈕，重置按鈕等）；提示資訊（一個表單中通常還需要包含一些說明性的文字，提示使用者進行填寫和操作）；表單域（相當於一個容器，用來容納所有的表單控制和提示資訊，如果不定義表單域，表單中的資料就無法傳送到後臺伺服器） &nbs

Springboot之Thymeleaf 表單標籤（表單驗證）|第三章-yellowcong

上一節剛剛講解了，如何通過Thymeleaf 來使用表單提交，現在我們這一節，講解如何使用表單驗證。Thymeleaf 表單驗證的步驟：1、新增hibernate-validator的依賴包。2、建立表單類，裡面添加註解說明欄位的資訊，3、建立介面控制器，

SpringMvc表單標籤庫

HTML密碼框 <td><form:label path="password">密碼：</form:label></td><td><form:password path="password" /></td> &n

jquery實現from表單封裝成json物件

經常會有這樣的需求，就是使用ajax非同步提交表單資料，我們往往會將他們封裝成json傳送。 那麼如何簡單而又快速的將表單封裝成json呢？ 我們先來看jquery給我們提供的一個方法：serializeArray() 該方法的用途就是將表單封裝成一個數組。 所以，我們只需

SpringMVC學習系列（11） 之 表單標籤

本篇我們來學習Spring MVC表單標籤的使用，藉助於Spring MVC提供的表單標籤可以讓我們在檢視上展示WebModel中的資料更加輕鬆。 一.首先我們先做一個簡單了例子來對Spring MVC表單表單標籤的使用有一個大致的印象，然後再結合例子對各個標籤介紹一下如何使用。 1.首先，在com.de

【jQuery】jQuery的serializeArray封裝表單資料為JSON並提交到SpringMVC伺服器

表單 設定表單的id，點選提交按鈕後，將表單id和URL作為引數呼叫sendJSON()函式 <form id="adressForm"> <table> <tr> &l

通過@ModelAttribute註解封裝客戶端提交表單引數為一個業務物件

業務物件： public class Student { String studentName; String studentHobby; public String getStudentName() { return stude

Springmvc知識三------重定向&表單標籤&靜態資源的處理

重定向 在一般情況下，我們的控制器方法返回字串型別值，會被封裝成一個ModelAndView，然後被當做邏輯檢視名稱進行處理。但是如果返回的字串中以“forward：”和“redirect：”開頭時，Springmvc將會對他們做特殊處理，將redirect當

springMVC學習（三）表單提交之資料封裝

結合springmvc學習（一）和（二），我們可以讓伺服器啟動時，首先訪問hello.jsp,然後頁面提交後到TestController中，接著返回到hello.jsp頁面。專案結構如下： 配置如下： ①web.xml中配置如下： <?xml version="

springmvc form表單標籤使用

SpringMVC表單標籤簡介    在使用SpringMVC的時候我們可以使用Spring封裝的一系列表單標籤，這些標籤都可以訪問到ModelMap中的內容。下面將對這些標籤一一介紹。    在正式介紹SpringMVC的表單標籤之前，我們需要先在JSP中宣告使用的標籤，

SpringMVC 表單標籤中 htmlEscape 屬性的作用

一、SpringMVC 表單元素標籤 如下： <form:textarea path="remarks" htmlEscape="false" class="input-xlarge"/> 其中的屬性 htmlEscape的作用是? 大致的意思是起轉義作用。

SpringMVC 完美解決PUT請求參數綁定問題(普通表單和文件表單)

rand callback 方案 url web 觀察 alc gmv nag 一 解決方案 修改web.xml配置文件 將下面配置拷貝進去(在原有的web-app節點裏面配置 其它配置不變) <!-- 處理PUT提交參數(只對基礎表單生效) --> <

三大框架（ssh）學習——表單資料封裝

Model-Driven和Property-Driven Struts1中我們可以將提交表單的引數使用FormBean進行封裝傳遞給我們的Action。在struts2中我們可以使用Model-Driven和Property-Driven進行表單資料的封裝，便於我們在Action中直接使用。

python學習第二十七天（HTML之表單標籤）

form表單標籤 表單用於向伺服器傳輸資料。 表單能夠包含 input 元素，比如文字欄位、複選框、單選框、提交按鈕等等。 表單還可以包含textarea、select、fieldset和 label 元素。 表單屬性 HTML 表單用於接收不同型別的使用者輸入，使用

SpringMVC表單和HTML表單

SpringMVC表單和HTML表單 HTML表單 編寫action，返回adduser.jsp @RequestMapping(value = "/addUser",method = RequestMethod.GET) public String ad

HTML+CSS第四課：表單標籤的使用-製作登錄檔單

知識點：表單標籤、表單元素 表單在網頁中應用比較廣泛，如申請qq賬號、電子郵箱等，使用者需要首先填寫註冊資訊，然後才能提交；通俗講，表單就是一個將使用者資訊組織起來的容器，將使用者填寫的內容放置在表單容器中，當用戶單擊提交按鈕的時候，表單會將資料統一發送給伺服器！ 表單的作用