SpringMVC的架构有什么优势？——视图与模型（二）

小咪咪 2023-10-14 16:20 9阅读 0赞

# 前言 #

![在这里插入图片描述][0422b4369a3549b3a39da19588ab88f4.png]  
「作者主页」：[雪碧有白泡泡][Link 1]  
「个人网站」：[雪碧的个人网站][Link 2]  
「推荐专栏」：

> ★[java一站式服务][java] ★  
> ★ [React从入门到精通][React]★  
> ★[前端炫酷代码分享][Link 3] ★  
> ★ [从0到英雄，vue成神之路][0_vue]★  
> ★ [uniapp-从构建到提升][uniapp-]★  
> ★ [从0到英雄，vue成神之路][0_vue 1]★  
> ★ [解决算法，一个专栏就够了][Link 4]★  
> ★ [架构咱们从0说][0]★  
> ★ [数据流通的精妙之道][Link 5]★  
> ★[后端进阶之路][Link 6]★

![请添加图片描述][c7f3e6b8a7624a9eabbea77dbcbca119.jpeg]

### 文章目录 ###

*  前言
 *  视图(View)
 *   *  1. 视图解析器(View Resolver)：
     *  2. JSP视图(JSP View)：
     *  3. Thymeleaf视图(Thymeleaf View)：
     *  4. JSON视图(JSON View)：
 *  模型(Model)
 *   *  1. 模型数据(Model Data)：
     *  2. 加载模型数据(Load Model Data)：
     *  3. 将模型数据传递给视图(Pass Model Data to View)：

![在这里插入图片描述][5e44223243184742ad0877d88480b81a.png]

# 视图(View) #

视图是展示结果的组件，它们负责渲染模型数据并生成HTML输出。Spring MVC支持多种视图技术，包括JSP、Thymeleaf等。  
视图(View)是Spring MVC中渲染并呈现结果的组件，它们负责将模型数据渲染成HTML输出。Spring MVC支持多种视图技术，包括JSP、Freemarker、Velocity和Thymeleaf等。下面我们将深入探讨Spring MVC视图的核心概念和相应Java代码示例。

## 1. 视图解析器(View Resolver)： ##

视图解析器负责将逻辑视图名称解析为实际的视图实现。在Spring MVC中，可以使用 InternalResourceViewResolver 作为默认的视图解析器，它将逻辑视图名称映射到JSP文件。

在上面的示例中，我们配置了一个InternalResourceViewResolver作为视图解析器，并将前缀设置为"/WEB-INF/views/“，后缀设置为”.jsp"。这意味着所有JSP文件都存储在"/WEB-INF/views/“目录下，并且必须以”.jsp"作为文件扩展名。

## 2. JSP视图(JSP View)： ##

JSP视图是最常用的视图类型之一，它允许开发人员通过JSP标签来渲染模型数据并生成HTML输出。

@Controller
    public class UserController {
        
        @RequestMapping(value = "/users/{id}", method = RequestMethod.GET)
        public ModelAndView getUser(@PathVariable("id") Long id) {
        
            User user = userService.getUserById(id);
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.addObject("user", user);
            modelAndView.setViewName("user");
            return modelAndView;
        }
    }

在上面的示例中，getUser()方法使用ModelAndView对象来返回一个视图，并将一个用户对象添加到该视图的模型中。Spring MVC框架将自动使用 InternalResourceViewResolver 将"user"逻辑视图名称映射到"/WEB-INF/views/user.jsp" JSP文件。

## 3. Thymeleaf视图(Thymeleaf View)： ##

Thymeleaf视图是一种流行的视图技术，它允许开发人员使用HTML标签来渲染模型数据并生成HTML输出。

<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

在上面的示例中，我们向Maven配置文件添加了spring-boot-starter-thymeleaf依赖项，以引入Thymeleaf视图技术。

@Controller
    public class UserController {
        
        @RequestMapping(value = "/users/{id}", method = RequestMethod.GET)
        public String getUser(@PathVariable("id") Long id, Model model) {
        
            User user = userService.getUserById(id);
            model.addAttribute("user", user);
            return "user";
        }
    }

在上面的示例中，getUser()方法使用Spring的Model接口将一个用户对象添加到模型中，并返回一个"user"视图名称。Spring MVC框架将使用Thymeleaf视图解析器将"user"逻辑视图名称映射到"/templates/user.html" Thymeleaf模板文件。

## 4. JSON视图(JSON View)： ##

JSON视图是一种轻量级的视图类型，它允许开发人员将数据渲染成JSON格式并发送给客户端。

@Controller
    public class UserController {
        
        @RequestMapping(value = "/users/{id}", method = RequestMethod.GET, produces = "application/json")
        public ResponseEntity<User> getUser(@PathVariable("id") Long id) {
        
            User user = userService.getUserById(id);
            return new ResponseEntity<User>(user, HttpStatus.OK);
        }
    }

在上面的示例中，getUser()方法使用 ResponseEntity 对象来返回一个用户对象，并将其设置为“application/json”格式。这意味着Spring MVC将自动将用户对象序列化为JSON字符串，并将其作为HTTP响应发送回客户端。

通过以上的介绍，我们了解了Spring MVC视图的核心概念和相应Java代码示例。总体而言，Spring MVC提供了丰富多样的视图技术，使开发人员能够根据需求选择最适合自己的视图类型。此外，Spring MVC还提供了强大的视图解析器机制，使开发人员能够轻松地进行视图名称和实际视图之间的映射。这些特性让Spring MVC成为一款流行的Web框架，深受众多开发人员和企业用户的喜爱。

需要注意的是，在使用Spring MVC视图时，开发人员应该重视数据安全性和性能问题。例如，在使用JSP视图时，开发人员应该避免在JSP页面中编写JavaScript代码，以防止跨站脚本攻击(XSS)。同时，开发人员还应该考虑缓存和压缩等机制，以优化视图的性能表现。

# 模型(Model) #

模型代表了应用程序中的数据，是控制器和视图之间进行通信的桥梁。Spring MVC通过ModelAndView对象将模型数据传递给视图。  
模型(Model)是Spring MVC框架中的一个核心概念，它代表了应用程序中的数据。模型对象可以被控制器使用，并且可以传递给视图进行展示。在Spring MVC中，我们通常使用ModelAndView对象来封装模型数据并将其传递给视图。

下面我们将深入探讨Spring MVC模型的核心概念和相应Java代码示例。

## 1. 模型数据(Model Data)： ##

模型数据是指应用程序中需要在视图中呈现的数据。在Spring MVC中，我们通常使用Java Bean来表示模型数据，也就是所谓的模型对象。

public class User {
        
        private Long id;
        private String name;
        private Integer age;
    
        // Getter and Setter methods
    }

在上面的示例中，我们定义了一个简单的User类作为模型对象，该类包含id、name和age三个属性。

## 2. 加载模型数据(Load Model Data)： ##

加载模型数据是指从应用程序中获取模型数据的过程。在Spring MVC中，我们通常使用控制器来加载模型数据。

@Controller
    public class UserController {
        
        @Autowired
        private UserService userService;
    
        @RequestMapping(value = "/users/{id}", method = RequestMethod.GET)
        public ModelAndView getUser(@PathVariable("id") Long id) {
        
            User user = userService.getUserById(id);
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.addObject("user", user);
            modelAndView.setViewName("user");
            return modelAndView;
        }
    }

在上面的示例中，getUser()方法使用 UserService 对象来获取指定id的用户对象，并将其添加到ModelAndView对象中。这样就完成了模型数据的加载过程。

## 3. 将模型数据传递给视图(Pass Model Data to View)： ##

将模型数据传递给视图是指将封装了模型数据的ModelAndView对象传递给视图进行展示的过程。

在上面的示例中，getUser()方法返回一个封装了模型数据的ModelAndView对象。其中，addObject()方法用于向模型中添加一个名为"user"的属性，该属性值是从数据库中查询得到的User对象。setViewName()方法设置了视图名称为"user"，Spring MVC框架将根据视图名称自动查找并渲染对应的JSP文件。

通过以上的介绍，我们可以看出，模型(Model)是Spring MVC框架中非常重要的一个组件，它代表了应用程序中的数据，并且充当了控制器和视图之间的桥梁。只有深入理解模型的概念，并熟练掌握相应的Java代码技巧，才能够在实际开发中灵活运用Spring MVC框架，构建高效、可靠、易于维护的Web应用程序。

[0422b4369a3549b3a39da19588ab88f4.png]: https://img-blog.csdnimg.cn/0422b4369a3549b3a39da19588ab88f4.png
[Link 1]: https://blog.csdn.net/Why_does_it_work?spm=1011.2415.3001.5343
[Link 2]: https://sprite.inscode.cc/
[java]: https://blog.csdn.net/why_does_it_work/category_12379581.html
[React]: http://t.csdn.cn/69y5b
[Link 3]: https://blog.csdn.net/why_does_it_work/category_12378617.html
[0_vue]: http://t.csdn.cn/X1kpw
[uniapp-]: https://blog.csdn.net/why_does_it_work/category_12363697.html
[0_vue 1]: https://blog.csdn.net/why_does_it_work/category_12376654.html
[Link 4]: https://blog.csdn.net/why_does_it_work/category_12381051.html
[0]: https://blog.csdn.net/why_does_it_work/category_12381055.html
[Link 5]: https://blog.csdn.net/why_does_it_work/category_12381058.html
[Link 6]: https://blog.csdn.net/why_does_it_work/category_12397959.html?spm=1001.2014.3001.5482
[c7f3e6b8a7624a9eabbea77dbcbca119.jpeg]: https://img-blog.csdnimg.cn/c7f3e6b8a7624a9eabbea77dbcbca119.jpeg
[5e44223243184742ad0877d88480b81a.png]: https://img-blog.csdnimg.cn/5e44223243184742ad0877d88480b81a.png