表單標簽 · Java后端框架Ⅰ

Spring框架有一套表單標簽庫，可在jsp頁面（只能在.jsp中使用）中渲染HTML元素標簽。 :-: ![](https://img.kancloud.cn/d3/f5/d3f51e1f52f1cf680dfd15072555652d_1205x409.jpg) Spring提供的全部表單標簽上面這些Spring標簽庫，它們與普通的HTML元素是一樣，只是添加了一些Spring自身提供的屬性，簡化了編碼。 <br/> [TOC] # 1. Spring表單標簽使用步驟 **1. controller層** ```java @Controller public class UserController { /** * 1. 進入表單標簽所在的 user.jsp 頁面時，必須綁定一個User對象，綁定方式可以使用 @ModelAttribute("user") * 、或者Model.addAttribute("user", new User())、或者ModelAndView.addObject("user", new User()) */ @RequestMapping(value = "/touser.html", method = RequestMethod.GET) public String toUserPage(@ModelAttribute("user") User user) { user.setName("姓名"); user.setPassword("密碼"); user.setNickname("別名"); user.setAvator("頭像"); //2. 必須是進入表單標簽所在的 user.jsp 頁面 return "user"; } /** * 3. 這個是表單提交地址，也必須綁定User對象，并且綁定的命名也必須是user */ @RequestMapping(value = "/user/insert2", method = RequestMethod.POST) public String insert2(@ModelAttribute("user") User user) { System.out.println(user); return ""; } } ``` **2. 視圖層** *`webapp/WEB-INF/views/user.jsp`* ```html <%@ page contentType="text/html;charset=UTF-8" language="java" %>  <%@ taglib prefix="fm" uri="http://www.springframework.org/tags/form"%> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>USER</title> </head> <body>  <fm:form method="post" modelAttribute="user" action="${pageContext.request.contextPath }/user/insert2">  <fm:input path="name" /> <fm:password path="password" /> <fm:input path="nickname" /> <fm:input path="avator" /> <input type="submit" value="提交" /> </fm:form> </body> </html> </body> </html> ``` **3. 測試** （1）啟動項目后訪問 http://localhost:8080/mvc/touser.html 進入 user.jsp 頁面，得到結果如下。 ![](https://img.kancloud.cn/72/46/72468ca0f6b18024cda2f712c500c51e_1405x166.jpg) （2）填寫表單后提交表單，會將數據傳遞到后端。 ![](https://img.kancloud.cn/5f/6a/5f6a3e5341de836007203a5a3a0c29b3_1394x178.jpg) <br/> # 2. 表單省略`action`屬性 ```html <fm:form method="post" modelAttribute="user"> ``` 表單是可以省略`action`屬性的，條件是：進入 user.jsp 頁面的 url 與提交表單的 url 一樣時，就可以省略`action`屬性。 <br/> 假如進入 user.jsp 頁面的 url 為： ```java @RequestMapping(value = "/adduser.html", method = RequestMethod.GET) ``` 表單提交的url為： ```java @RequestMapping(value = "/adduser.html", method = RequestMethod.POST) ``` 當 url 地址一樣時，Spring 會根據 method 自動匹配到正確的url地址。