MVC结构是什么？怎么运用MVC结构？

非非从零学IT

于 2024-04-03 09:36:33 发布

阅读量587

点赞数 7

文章标签： mvc 开发语言

本文链接：https://blog.csdn.net/wangyufei0815/article/details/137328535

版权

一、MVC结构是什么？

MVC（Model-View-Controller）是一种广泛应用于软件工程尤其是Web开发领域的软件架构设计模式。它的核心理念是将应用程序划分为三个相互独立又协同工作的部分：

模型（Model）：
- 模型代表着应用程序的核心数据结构和业务逻辑。它通常处理数据的存储、检索、验证以及与数据库或外部服务的交互。模型应当封装应用程序的所有数据和业务规则，确保数据的一致性和完整性。
视图（View）：
- 视图是用户界面层，它负责呈现模型的内容给用户，通常包括HTML页面、图表、表格或其他任何形式的用户界面元素。视图是从模型那里获取数据，并根据数据状态的变化动态更新展示。
控制器（Controller）：
- 控制器负责处理用户的输入和请求，它介于模型和视图之间，起到了协调和调度的角色。当用户通过界面进行操作时，控制器接收请求并调用相应的模型方法来处理业务逻辑，然后根据模型的更新通知视图进行刷新。

这三个部分各自承担不同的职责，并通过松散耦合的方式协同工作。MVC架构的优势在于它促进了模块化、可复用性、易于测试和维护，同时也方便团队分工合作。当模型发生变化时，视图和控制器可以相对独立地进行更改，反之亦然，降低了代码改动引起的连锁反应，增强了整体系统的灵活性和可扩展性。

二、怎么运用MVC结构？

让我们通过一个简单的Web应用程序（如博客系统）的例子来理解MVC架构的三个部分：

模型（Model）：

想象我们有一个BlogPost模型，它代表了博客文章的数据结构和业务逻辑。这个模型可能包含标题、正文、作者、发布时间等属性，还会有CRUD（Create, Read, Update, Delete）方法来处理博客文章的增删改查操作。例如，模型类可能与数据库交互，保存或加载一篇博客文章的数据。

public class BlogPost {
    private String title;
    private String content;
    private String author;
    private Date publishTime;

    // Getter and Setter methods...

    public BlogPost save() {
        // 与数据库交互，保存博客文章数据
    }

    public BlogPost update() {
        // 更新数据库中的博客文章数据
    }

    public BlogPost delete() {
        // 从数据库中删除博客文章
    }

    // 其他业务逻辑方法...
}

视图（View）：

视图是用户看到并与之交互的部分。对于我们的博客系统，视图可能是一个HTML页面，展示博客文章的列表或者单篇文章的详细内容。当用户点击一篇文章的标题时，视图会显示文章的详细内容，包括标题、正文、作者和发布时间。

<!-- 单篇博客文章视图 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>{{ post.title }}</title>
</head>
<body>
    <h1>{{ post.title }}</h1>
    <p>作者：{{ post.author }}</p>
    <p>发布日期：{{ post.publishTime }}</p>
    <div>{{ post.content }}</div>
    <!-- ...其他视图元素... -->
</body>
</html>

控制器（Controller）：

控制器处理用户的请求并决定如何响应。例如，当用户提交新建或编辑博客文章的表单时，控制器接收请求并调用模型层的方法来处理业务逻辑，然后根据处理结果更新视图。对于博客系统，可能存在一个BlogPostController类。

@Controller
@RequestMapping("/posts")
public class BlogPostController {

    private final BlogPostService blogPostService;

    @Autowired
    public BlogPostController(BlogPostService blogPostService) {
        this.blogPostService = blogPostService;
    }

    @GetMapping("/{id}")
    public String showPostDetails(@PathVariable Long id, Model model) {
        BlogPost post = blogPostService.findById(id);
        model.addAttribute("post", post);
        // 将博客文章对象传递给视图渲染
        return "blog-post-details"; // 返回一个视图名称，该名称与视图解析器关联
    }

    @PostMapping("/create")
    public String createPost(@ModelAttribute("blogPost") BlogPost blogPost) {
        BlogPost savedPost = blogPostService.save(blogPost);
        // 保存成功后，可能重定向到博客文章详情页
        return "redirect:/posts/" + savedPost.getId();
    }

    // 其他处理用户请求的方法...
}

在这个例子中，用户与视图交互，视图通过控制器与模型交互，模型处理数据后再次通过控制器反馈到视图上。这就是MVC架构的简单运作过程。