Spring MVC 是一个建立在Servlet API之上的模块化框架，它使用了Model-View-Controller（MVC）架构模式，并提供了一种分离关注点的方法来开发Web应用程序。在Spring MVC中，双向数据绑定是一个核心特性，它允许开发者将前端表单字段自动映射到后端的Java对象上，并且能够将后端对象的数据自动填充到前端视图中。这大大简化了表单处理和用户界面更新。
要掌握Spring MVC中双向数据绑定技术，请遵循以下步骤：
1. 理解ModelAndView
ModelAndView 是一个容器，包含模型和视图信息。控制器使用它返回响应时可以同时传递渲染视图所需的数据（model）以及确定要渲染哪个视图（view）。
2. 使用 @ModelAttribute
@ModelAttribute 注解用于方法参数级别或方法级别。当标记在方法参数上时，告诉Spring从请求中获取相应名称的属性并创建与之对应类型参数实例；当标记在方法上时，则表示该方法会为模型添加属性。
@RequestMapping(value = "/addUser", method = RequestMethod.POST)
public String addUser(@ModelAttribute("user") User user) {
// ...
}
3. 利用 @RequestParam
通过 @RequestParam, 可以将请求参数绑定到你控制器中处理请求方式里面具体某个变量：
@RequestMapping(value = "/addUser", method = RequestMethod.POST)
public String addUser(@RequestParam("username") String username, @RequestParam("age") int age) {
// ...
}
4. 理解BindingResult
紧跟 @ModelAttribute 后面放置 BindingResult, 它包含可能出现错误信息，在验证输入字段后可以检查是否有错误产生。
@RequestMapping(value = "/addUser", method = RequestMethod.POST)
public String submitForm(@Valid @ModelAttribute("user") User user, BindingResult result) {
if (result.hasErrors()) {
return "errorPage";
}
// ...
}
5. 使用Form标签库进行前端绑定
利用 Spring 的 form 标签库来确保前台页面与后台 model 的字段能够正确匹配：
<form:form modelAttribute="user">
<form:input path="username"/>
<form:input path="age"/>
</form:form>
这里 <form:input> 标签通过 path 属性与modelAttribute指定对象内部对应属性进行匹配和值传递。
实践案例：用户注册功能实现双向数据绑定
创建用户实体类(User.java)
首先定义一个简单用户类作为 Model 层组件:
public class User {
private String username;
private int age;
// getters and setters omitted for brevity
}
创建Controller(UserController.java)
然后创建 Controller 类并添加映射:
@Controller
@RequestMapping("/user")
public class UserController {
@GetMapping("/register")
public ModelAndView showRegistrationForm() {
ModelAndView mav = new ModelAndView("register");
mav.addObject("user", new User());
return mav;
}
@PostMapping("/submitRegistration")
public String submitRegistration(@Validated @ModelAttribute User user, BindingResult result) {
if (result.hasErrors()) {
return "register";
}
saveUser(user);
return "registrationSuccess";
}
private void saveUser(User user){
// 模拟保存操作。
}
}
创建注册页面(register.jsp)
最后是 JSP 页面使用 Spring form 标签库:
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<html>
<head><title>User Registration</title></head>
<body>
<form: form modelAttribute ="user" action="${pageContext.request.contextPath}/submitRegistration" method ="POST">
Username : < form : input path ="username"/><br/>
Age : < form : input path ="age"/><br/>
< input type= "submit"value= "Register"/>
</from>
</body>
</html>
以上步骤展示了如何利用 Spring MVC 实现双向数据绑定：从显示表单、提交表单、验证输入、直至返回结果页面都涉及到不同层次间交互过程，在整个过程都无需手动去编写繁琐代码去手动获取或设置每一项值。
