数据绑定和表单标签
数据绑定
数据绑定是将用户输入绑定到领域模型的一种特性,在Spring MVC的controller和view数据传递中,基于HTTP请求的特性,所有HTTP请求参数的类型均为字符串,如果模型领域需要绑定的类型为double或int,则需要手动进行类型转换,而有了数据绑定后,就不需要手动将HTTP请求中的String类型转换为模型需要的类型了,数据绑定的另一个好处是,当输入验证失败时,会重新生成一个HTML表单,无需重新填写输入字段。
表单标签库
表单标签库中包含了可以用在JSP页面中渲染HTML元素的标签。为了使用这些标签,必须在JSP页面开头处声明taglib指令。
表单标签库中有input、password、hidden、textarea、checkbox、checkboxes、radiobutton、radiobuttons、select、option、options、errors。表单标签有acceptCharset、commandName、cssClass、cssStyle、htmlEscape、modelAttribute等属性。
input标签:input标签渲染元素,这个标签最重要的是path属性,该字段将输入绑定到form backing object的一个属性。如下所示,这个input标签被绑定到了user对象的userName属性上
用户名:
password标签:渲染元素,password标签与input标签相似,只不过它有一个showPassword属性。
textare标签:渲染一个HTML的textarea元素。textarea基本上就是支持多行输入的input元素。
checkbox标签:渲染元素,同样是通过path属性实现数据绑定,同时checkboxes渲染多个checkbox元素。
radiobutton标签渲染元素,radiobuttons渲染多个radio元素。
select标签:渲染一个HTML的select元素,被渲染元素的选项可能来自赋予其items属性的Collection、Map、Array,或者来自一个嵌套的option或options标签。
数据绑定范例
如上分别介绍了数据绑定的定义和优势,以及一些表单标签,为了让大家能进一步了解上面的内容,范例中实现了用户类属性和JSP中表单的绑定,同时在JSP中分别展示了input、password、textarea、checkbox、select标签。
我们首先看一下User类,类中包含User的属性,以及对属性字段的get和set方法:
public classUser {private String userName; //用户名
private String password; //密码
private Integer sex; //性别
private boolean marriage; //是否结婚
private ArrayList hobby; //兴趣爱好
private ArrayList contacts;//人脉
private String carrer; //职业
private String houseRegister; //户籍
private String remark; //个人描述
publicString getRemark() {returnremark;
}public voidsetRemark(String remark) {this.remark =remark;
}publicString getHouseRegister() {returnhouseRegister;
}public voidsetHouseRegister(String houseRegister) {this.houseRegister =houseRegister;
}publicString getCarrer() {returncarrer;
}public voidsetCarrer(String carrer) {this.carrer =carrer;
}publicString getUserName() {returnuserName;
}public voidsetUserName(String userName) {this.userName =userName;
}publicString getPassword() {returnpassword;
}public voidsetPassword(String password) {this.password =password;
}publicInteger getSex() {returnsex;
}public voidsetSex(Integer sex) {this.sex =sex;
}public booleanisMarriage() {returnmarriage;
}public void setMarriage(booleanmarriage) {this.marriage =marriage;
}public ArrayListgetHobby() {returnhobby;
}public void setHobby(ArrayListhobby) {this.hobby =hobby;
}public ArrayListgetContacts() {returncontacts;
}public void setContacts(ArrayListcontacts) {this.contacts =contacts;
}
}
View Code
我们的Controller类中定义映射请求的方法,其中包括处理userInput请求的inputUser方法,以及userSave请求的addUser方法,其中在addUser方法中用到了重定向。其中通过@Autowired注释在ProductController对象中主动注入UserService对象,实现对user对象的保存和查询等操作;通过model的addAttribute方法将User类对象、HashMap类型的hobbys对象、String[]类型的carrers对象传递给View(JSP),代码如下:
@Controllerpublic classProductController {private static final Log logger = LogFactory.getLog(ProductController.class);
@AutowiredprivateUserService userService;
@RequestMapping(value="/userInput")publicString inputUser(Model model){
HashMap hobbys = new HashMap();
hobbys.put(1, "篮球");
hobbys.put(2, "羽毛球");
hobbys.put(3, "台球");
hobbys.put(4, "游泳");
model.addAttribute("user", newUser());
model.addAttribute("hobbys", hobbys);
model.addAttribute("carrers",new String[]{"教师","学生","医生","IT民工","其它"});return "UserAdd";
}
@RequestMapping(value="/userSave")publicString addUser(@ModelAttribute User user){
userService.addUser(user);return "redirect:/userList";
}
@RequestMapping(value="/userList")publicString listUsers(Model model){
List users =userService.getUsers();
model.addAttribute("users", users);return "UserList";
}
}
同时,为了避免中文乱码的问题,需要在web.xml文件中增加编码过滤器,同时JSP页面编码设置为UTF-8,form表单的提交方式必须为post,我们先看web.xml文件的配置信息:
springmvc
org.springframework.web.servlet.DispatcherServlet
contextConfigLocation
/WEB-INF/config/springmvc-config.xml
1
springmvc
/
characterEncodingFilter
org.springframework.web.filter.CharacterEncodingFilter
encoding
UTF-8
forceEncoding
true
characterEncodingFilter
/*
UserAddJSP文件格式如下,其中将Map类型的hobbys绑定到了checkboxes上,将String[]类型的carrer绑定到了select上,实现了通过option标签对select添加选项,同时method方法需指定为post来避免中文乱码的问题。
Add a UserAdd a User
用户名:
密码:
婚姻:
爱好:
人脉:
张三李四王五赵六
职业:
请选择职业
户籍:
请选择户籍
北京
上海
广州
深圳
其它
个人描述: