作者：best.lei
数据绑定和表单标签
数据绑定数据绑定是将用户输入绑定到领域模型的一种特性，在Spring MVC的controller和view数据通报中，基于HTTP要求的特性，所有HTTP要求参数的类型均为字符串，如果模型领域须要绑定的类型为double或int，则须要手动进行类型转换，而有了数据绑定后，就不须要手动将HTTP要求中的String类型转换为模型须要的类型了，数据绑定的另一个好处是，当输入验证失落败时，会重新天生一个HTML表单，无需重新填写输入字段。
表单标签库中包含了可以用在JSP页面中渲染HTML元素的标签。为了利用这些标签，必须在JSP页面开头处声明taglib指令。
<%@ taglib prefix=\"大众form\公众 uri=\公众http://www.springframework.org/tags/form\"大众 %>
表单标签库中有input、password、hidden、textarea、checkbox、checkboxes、radiobutton、radiobuttons、select、option、options、errors。表单标签有acceptCharset、commandName、cssClass、cssStyle、htmlEscape、modelAttribute等属性。
input标签：input标签渲染<input type=\"大众text\"大众/>元素，这个标签最主要的是path属性，该字段将输入绑定到form backing object的一个属性。如下所示，这个input标签被绑定到了user工具的userName属性上<form:form modelAttribute=\"大众user\"大众 method=\"大众post\"大众 action=\公众userSave\公众> <fieldset> <p> <label for=\"大众name\"大众>用户名:</label> <form:input path=\公众userName\公众/> </p> </fieldset></form:form>password标签：渲染<input type=\公众password\公众/>元素，password标签与input标签相似，只不过它有一个showPassword属性。textare标签：渲染一个HTML的textarea元素。textarea基本上便是支持多行输入的input元素。checkbox标签：渲染<input type=\"大众checkbox\"大众/>元素，同样是通过path属性实现数据绑定，同时checkboxes渲染多个checkbox元素。radiobutton标签渲染<input type=\公众radio\"大众/>元素，radiobuttons渲染多个radio元素。select标签：渲染一个HTML的select元素，被渲染元素的选项可能来自授予其items属性的Collection、Map、Array，或者来自一个嵌套的option或options标签。数据绑定范例
如上分别先容了数据绑定的定义和上风，以及一些表单标签，为了让大家能进一步理解上面的内容，范例中实现了用户类属性和JSP中表单的绑定，同时在JSP等分别展示了input、password、textarea、checkbox、select标签。
我们首先看一下User类，类中包含User的属性，以及对属性字段的get和set方法：
public class User { private String userName; //用户名 private String password; //密码 private Integer sex; //性别 private boolean marriage; //是否结婚 private ArrayList<String> hobby; //兴趣爱好 private ArrayList<String> contacts;//人脉 private String carrer; //职业 private String houseRegister; //户籍 private String remark; //个人描述 public String getRemark() { return remark; } public void setRemark(String remark) { this.remark = remark; } public String getHouseRegister() { return houseRegister; } public void setHouseRegister(String houseRegister) { this.houseRegister = houseRegister; } public String getCarrer() { return carrer; } public void setCarrer(String carrer) { this.carrer = carrer; } 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 Integer getSex() { return sex; } public void setSex(Integer sex) { this.sex = sex; } public boolean isMarriage() { return marriage; } public void setMarriage(boolean marriage) { this.marriage = marriage; } public ArrayList<String> getHobby() { return hobby; } public void setHobby(ArrayList<String> hobby) { this.hobby = hobby; } public ArrayList<String> getContacts() { return contacts; } public void setContacts(ArrayList<String> contacts) { this.contacts = contacts; }}
我们的Controller类中定义映射要求的方法，个中包括处理userInput要求的inputUser方法，以及userSave要求的addUser方法，个中在addUser方法中用到了重定向。个中通过@Autowired注释在ProductController工具中主动注入UserService工具，实现对user工具的保存和查询等操作；通过model的addAttribute方法将User类工具、HashMap类型的hobbys工具、String[]类型的carrers工具通报给View（JSP），代码如下:
同时，为了避免中文乱码的问题，须要在web.xml文件中增加编码过滤器，同时JSP页面编码设置为UTF-8，form表单的提交办法必须为post，我们先看web.xml文件的配置信息：
UserAddJSP文件格式如下，个中将Map类型的hobbys绑定到了checkboxes上，将String[]类型的carrer绑定到了select上，实现了通过option标签对select添加选项，同时method方法需指定为post来避免中文乱码的问题。
<%@ page language=\公众java\"大众 contentType=\"大众text/html; charset=UTF-8\"大众 pageEncoding=\"大众UTF-8\"大众%><!DOCTYPE html PUBLIC \"大众-//W3C//DTD HTML 4.01 Transitional//EN\公众 \"大众http://www.w3.org/TR/html4/loose.dtd\"大众><%@ taglib prefix=\"大众form\"大众 uri=\公众http://www.springframework.org/tags/form\"大众 %><html><head><meta http-equiv=\公众Content-Type\"大众 content=\"大众text/html; charset=UTF-8\公众><title>Add a User</title></head><body><div id=\公众global\"大众><form:form modelAttribute=\公众user\"大众 method=\"大众post\"大众 action=\公众userSave\"大众> <fieldset> <legend>Add a User</legend> <p> <label>用户名:</label> <form:input path=\"大众userName\"大众/> </p> <p> <label>密码:</label> <form:password path=\"大众password\公众/> </p> <p> <label>婚姻:</label> <form:checkbox path=\公众marriage\公众 value=\公众已婚\"大众/> </p> <p> <label>爱好:</label> <form:checkboxes items=\公众${hobbys}\公众 path=\"大众hobby\"大众/> </p> <p> <label>人脉:</label> <form:checkbox path=\"大众contacts\"大众 value=\"大众张三\"大众/>张三 <form:checkbox path=\公众contacts\"大众 value=\公众李四\"大众/>李四 <form:checkbox path=\公众contacts\"大众 value=\"大众王五\"大众/>王五 <form:checkbox path=\"大众contacts\"大众 value=\"大众赵六\公众/>赵六 </p> <p> <label>职业:</label> <form:select path=\公众carrer\"大众> <option/>请选择职业 <form:options items=\"大众${carrers }\公众/> </form:select> </p> <p> <label>户籍:</label> <form:select path=\公众houseRegister\"大众> <option>请选择户籍</option> <option value=\"大众1\"大众>北京</option> <option value=\"大众2\"大众>上海</option> <option value=\"大众3\"大众>广州</option> <option value=\公众4\"大众>深圳</option> <option value=\公众5\公众>其它</option> </form:select> </p> <p> <label>个人描述:</label> <form:textarea path=\"大众remark\"大众 rows=\公众5\"大众/> </p> <p id=\"大众buttons\"大众> <input id=\"大众reset\"大众 type=\"大众reset\"大众> <input id=\"大众submit\"大众 type=\公众submit\公众 value=\"大众Add User\"大众> </p> </fieldset></form:form></div></body></html>
UserList.JSP文件实现对保存的user信息的遍历展示。
由于该工程是在上一篇工程中增加的，因此其他的配置文件与上一篇工程中相同，这里不再做过多的赘述，希望读者见谅。
运行该程序在浏览器中输入http://localhost:8081/SpringMVC/userInput可以看到左图，填写表单完成，点击Add User按钮，即可看到右图的输出信息，不知道读者是否创造输出信息中存在问题，兴趣爱好为[1]，户籍也为1，输出的为表单中选择的索引位置，还有彷佛保单中忘了指定User的性别了，导致输入性别列为空。这些问题是由于本文的轻忽造成的，有兴趣的读者可以对这篇博客做更加完善的改正，感激阅读！
