Java入门教程：掌握Spring MVC的双向数据绑定技术

2023 年 12 月 25 日

122 次浏览

3575字数

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 实现双向数据绑定：从显示表单、提交表单、验证输入、直至返回结果页面都涉及到不同层次间交互过程，在整个过程都无需手动去编写繁琐代码去手动获取或设置每一项值。