Spring MVC开发技术指南第5章 数据绑定和表单标签库.ppt

1、第第5 5章章 数据绑定和表单标签库数据绑定和表单标签库主要内容主要内容 数据绑定数据绑定 表单标签库表单标签库 数据绑定应用数据绑定应用 JSON JSON数据交互数据交互5.1 5.1 数据绑定数据绑定 在在Spring MVCSpring MVC框架中，数据绑定有以下几层含义：框架中，数据绑定有以下几层含义：绑定请绑定请求参数输入值到领域模型求参数输入值到领域模型（如（如3.23.2节）、节）、模型数据到视图的绑模型数据到视图的绑定定（输入验证失败时）、（输入验证失败时）、模型数据到表单元素的绑定模型数据到表单元素的绑定（如下拉（如下拉列表选项值由控制器初始化）。列表选项值由控制器初始化

2、）。主要内容主要内容 数据绑定数据绑定 表单标签库表单标签库 数据绑定应用数据绑定应用 JSON JSON数据交互数据交互5.2 Spring5.2 Spring的表单标签库的表单标签库 JSP JSP页面使用页面使用SpringSpring表单标签库时，必须在表单标签库时，必须在JSPJSP页面开头处声页面开头处声明明taglibtaglib指令，指令代码如下：指令，指令代码如下：%taglib prefix=form uri=http:/www.springframework.org/tags/form%5.2.1 5.2.1 表单标签表单标签 modelAttribute modelAt

3、tribute：暴露：暴露form backing objectform backing object的模型属性的模型属性名称，缺省为名称，缺省为commandcommand。RequestMapping(value=/input)public String inputUser(Model model)model.addAttribute(user,new User();return userAdd;5.2.2 input5.2.2 input标签标签 input input标签，语法格式如下：标签，语法格式如下：path path属性将文本框输入值绑定到属性将文本框输入值绑定到form ba

4、cking objectform backing object的一的一个属性。个属性。5.2.3 password5.2.3 password标签标签5.2.4 hidden5.2.4 hidden标签标签5.2.5 textarea5.2.5 textarea标签标签5.2.6 checkbox5.2.6 checkbox标签标签 checkbox checkbox标签，语法格式如下：标签，语法格式如下：多个多个pathpath相同的相同的checkboxcheckbox标签，它们是一个选项组，允许标签，它们是一个选项组，允许多选。选项值绑定到一个数组属性。示例代码如下：多选。选项值绑定到一

5、个数组属性。示例代码如下：form:checkbox path=friends value=/张三张三form:checkbox path=friends value=/李四李四form:checkbox path=friends value=/王五王五form:checkbox path=friends value=/赵六赵六5.2.7 checkboxes5.2.7 checkboxes标签标签 checkboxes checkboxes标签渲染多个复选框，是一个选项组，等价于标签渲染多个复选框，是一个选项组，等价于多个多个pathpath相同的相同的checkboxcheckbox标签。

6、它有标签。它有3 3个非常重要的属性：个非常重要的属性：itemsitems、itemLabelitemLabel和和itemValueitemValue。itemsitems：用于生成：用于生成inputinput元素的元素的CollectionCollection、MapMap或或ArrayArray。itemLabelitemLabel：itemsitems属性中指定的集合对象的属性，为每个属性中指定的集合对象的属性，为每个inputinput元素提供元素提供labellabel。itemValueitemValue：itemsitems属性中指定的集合对象的属性，为每个属性中指定的集合

7、对象的属性，为每个inputinput元素提供元素提供valuevalue。checkboxes checkboxes标签语法格式如下：标签语法格式如下：示例代码如下：示例代码如下：5.2.8 radiobutton5.2.8 radiobutton标签标签 radiobutton radiobutton标签，语法格式如下：标签，语法格式如下：多个多个pathpath相同的相同的radiobuttonradiobutton标签，它们是一个选项组，标签，它们是一个选项组，只允许单选。只允许单选。5.2.9 radiobuttons5.2.9 radiobuttons标签标签 radiobutto

8、ns radiobuttons标签渲染多个标签渲染多个radioradio，是一个选项组，等价于，是一个选项组，等价于多个多个pathpath相同的相同的radiobuttonradiobutton标签。标签。radiobuttonsradiobuttons标签，语法格标签，语法格式如下：式如下：该标签的该标签的itemLabelitemLabel和和itemValueitemValue属性与属性与checkboxescheckboxes标签的标签的itemLabelitemLabel和和itemValueitemValue属性完全一样，但只允许单选。属性完全一样，但只允许单选。5.2.10

9、select5.2.10 select标签标签或或xxxxxx或或 该标签的该标签的itemLabelitemLabel和和itemValueitemValue属性与属性与checkboxescheckboxes标签标签的的itemLabelitemLabel和和itemValueitemValue属性完全一样。属性完全一样。5.2.11 options5.2.11 options标签标签 options options标签生成一个标签生成一个selectselect标签的选项列表。因此，需要标签的选项列表。因此，需要与与selectselect标签一同使用，具体用法参见标签一同使用，具体用法

10、参见5.2.10 select5.2.10 select标签。标签。5.2.12 errors5.2.12 errors标签标签 errors errors标签渲染一个或者多个标签渲染一个或者多个spanspan元素，每个元素，每个spanspan元素包元素包含一个错误消息。它可以用于显示一个特定的错误消息，也可含一个错误消息。它可以用于显示一个特定的错误消息，也可以显示所有错误消息。语法如下：以显示所有错误消息。语法如下：form:errors path=/或或 其中，其中，“*”表示显示所有错误消息；表示显示所有错误消息；“xxxxxx”表示显示由表示显示由“xxxxxx”指定的特定错误消

11、息。指定的特定错误消息。主要内容主要内容 数据绑定数据绑定 表单标签库表单标签库 数据绑定应用数据绑定应用 JSON JSON数据交互数据交互5.3 5.3 数据绑定应用数据绑定应用 【例【例5-15-1】ch5_1ch5_1应用中实现了应用中实现了UserUser类属性和类属性和JSPJSP页面中表页面中表单参数的绑定，同时在单参数的绑定，同时在JSPJSP页面中分别展示了页面中分别展示了inputinput、textareatextarea、checkboxcheckbox、checkboxscheckboxs、selectselect等标签。等标签。5.3.1 5.3.1 创建创建Mav

12、enMaven项目并添加相关依赖项目并添加相关依赖 在在ch5_1ch5_1应用中需要使用应用中需要使用JSTLJSTL，因此，不仅需要将，因此，不仅需要将Spring Spring MVCMVC相关依赖添加到相关依赖添加到pom.xmlpom.xml文件中，还需要将文件中，还需要将JSTLJSTL相关依赖添相关依赖添加到加到pom.xmlpom.xml文件中。文件中。5.3.2 Spring MVC5.3.2 Spring MVC及及WebWeb相关配置相关配置ConfigurationEnableWebMvc/开启spring mvc的支持ComponentScan(basePackage

13、s=controller,service)/扫描基本包public class SpringMVCConfig implements WebMvcConfigurer/*配置视图解析器*/Beanpublic InternalResourceViewResolver getViewResolver()InternalResourceViewResolver viewResolver=new InternalResourceViewResolver();viewResolver.setPrefix(/WEB-INF/jsp/);viewResolver.setSuffix(.jsp);retur

14、n viewResolver;/*注册Spring MVC的DispatcherServlet*/Dynamic servlet=arg0.addServlet(dispatcher,new DispatcherServlet(ctx);servlet.addMapping(/);servlet.setLoadOnStartup(1);/*注册字符编码过滤器*/javax.servlet.FilterRegistration.Dynamic filter=arg0.addFilter(characterEncodingFilter,CharacterEncodingFilter.class);

15、filter.setInitParameter(encoding,UTF-8);filter.addMappingForUrlPatterns(null,false,/*);5.3.3 5.3.3 领域模型领域模型public class User private String userName;private String hobby;/兴趣爱好private String friends;/朋友private String carrer;private String houseRegister;private String remark;/省略setter和getter方法5.3.3 Se

16、rvice5.3.3 Service层层 应用中使用了应用中使用了ServiceService层，在层，在ServiceService层使用层使用静态集合变量静态集合变量usersusers模拟数据库存储用户信息模拟数据库存储用户信息，包括添加用户和查询用户两个，包括添加用户和查询用户两个功能方法。功能方法。5.3.4 Controller5.3.4 Controller层层 在在ControllerController类类UserControllerUserController中定义了请求处理方法，中定义了请求处理方法，其中包括处理其中包括处理user/inputuser/input请求的请求的inputUserinputUser方法，以及方法，以及user/saveuser/save请求的请求的addUseraddUser方法，其中在方法，其中在addUseraddUser方法中用到了方法中用到了重定向。在重定向。在UserControllerUserController类中，通过类中，通过AutowiredAutowired注解在注解在UserControllerUserCont