Spring MVC的标签库

柔光的暖阳◎ 2022-05-16 08:05 119阅读 0赞

Spring MVC表单标签库的实现类在spring-webmvc.jar文件中，标签库描述文件是spring-form.tld。要使用Spring MVC的表单标签库，必须在JSP页面的开头处声明taglib指令：

<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td style="width:193px;"><strong>标签</strong></td> 
   <td style="width:306px;"><strong>描述</strong></td> 
  </tr> 
  <tr> 
   <td style="width:193px;">form</td> 
   <td style="width:306px;">渲染表单元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">input</td> 
   <td style="width:306px;">渲染&lt;inpt type="text"&gt;元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">password</td> 
   <td style="width:306px;">渲染&lt;inpt type="password"&gt;元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">textarea</td> 
   <td style="width:306px;">渲染textarea元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">checkbox</td> 
   <td style="width:306px;">渲染&lt;inpt type="checkbox"&gt;元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">radiobutton</td> 
   <td style="width:306px;">渲染&lt;inpt type="radio"&gt;元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">select</td> 
   <td style="width:306px;">渲染一个选择元素</td> 
  </tr> 
  <tr> 
   <td style="width:193px;">option</td> 
   <td style="width:306px;">渲染一个可选元素</td> 
  </tr> 
 </tbody> 
</table>

如果Model中存在一个属性名称为“command”的javabean，且它的userName、passWord、sex属性值分别为“baixue”、“123”、“女”，则在浏览器页面【查看源代码】，可以看到spring mvc的form标签和input标签渲染时生成的html代码如下：

**示例：表单标签的使用**

创建User

package com.po;
    import java.util.List;
    public class User {
    	private String userName;			//用户名
    	private String passWord;			//密码
    	private String sex;					//性别
    	private List<String> hobby;			//爱好
    	private int deptId;					//部门
    	private String brief;				//简介
    	public User() {}
    	public User(String userName,String passWord,String sex,int deptId) {
    		this.userName=userName;
    		this.passWord=passWord;
    		this.sex=sex;
    		this.deptId=deptId;
    	}
    	public String getUserName() {
    		return userName;
    	}
    	public void setUserName(String userName) {
    		this.userName = userName;
    	}
    	public String getPassWord() {
    		return passWord;
    	}
    	public void setPassWord(String passWord) {
    		this.passWord = passWord;
    	}
    	public String getSex() {
    		return sex;
    	}
    	public void setSex(String sex) {
    		this.sex = sex;
    	}
    	public List<String> getHobby() {
    		return hobby;
    	}
    	public void setHobby(List<String> hobby) {
    		this.hobby = hobby;
    	}
    	public int getDeptId() {
    		return deptId;
    	}
    	public void setDeptId(int deptId) {
    		this.deptId = deptId;
    	}
    	public String getBrief() {
    		return brief;
    	}
    	public void setBrief(String brief) {
    		this.brief = brief;
    	}	
    }

创建register.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>用户注册</title>
    </head>
    <body>
    	<form:form method="post" action="register">
    		<table>
    			<tr>
    				<td>用户名：</td>
    				<td><form:input path="userName"/></td>
    			</tr>
    			<tr>
    				<td>密码：</td>
    				<td><form:password path="passWord" showPassword="true"/></td>
    			</tr>
    			<tr>
    				<td>性别：</td>
    				<td><form:radiobutton path="sex" value="男"/>男 
    					<form:radiobutton path="sex" value="女"/>女 
    				</td>
    			</tr>
    			<tr>
    				<td>爱好：</td>
    				<td><form:checkbox path="hobby" value="看书" label="看书" /> 
    					<form:checkbox path="hobby" value="听音乐" label="听音乐" /> 
    					<form:checkbox path="hobby" value="跑步" label="跑步" /> 
    					<form:checkbox path="hobby" value="爬山" label="爬山" /> 
    				</td>
    			</tr>
    			<tr>
    				<td>部门：</td>
    				<td><form:select path="deptId">
    						<form:option value="1">财务部</form:option>
    						<form:option value="2">开发部</form:option>
    						<form:option value="3">销售部</form:option>
    					</form:select>
    				</td>
    			</tr>
    			<tr>
    				<td>简介：</td>
    				<td><form:textarea path="brief" rows="5" cols="25" /></td>
    			</tr>
    		</table>
    	</form:form>
    </body>
    </html>

创建UserController

package com.controller;
    import java.util.ArrayList;
    import java.util.List;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import com.po.User;
    @Controller
    public class UserController {
    	@RequestMapping("/register")
    	public String register(Model model) {
    		User user=new User("baixue","pdk5223","女",2);
    		user.setBrief("大家好，我叫白雪。");
    		List<String> hobby=new ArrayList<String>();
    		hobby.add("看书");
    		hobby.add("跑步");
    		user.setHobby(hobby);
    		model.addAttribute("command", user);
    		return "register";
    	}
    }

启动Tomcat访问register

![70][]

右键查看源代码

![70 1][]

[70]: /images/20220516/3bde54c4a22245409a8969c55cac0324.png
[70 1]: /images/20220516/4347eee344584820980f9b5745af106e.png