MVC 和 MVVM 的设计模式

SobaNoodles1

已于 2023-07-14 21:24:22 修改

阅读量351

点赞数 1

分类专栏：面试文章标签：设计模式

于 2023-06-15 12:20:25 首次发布

本文链接：https://blog.csdn.net/weixin_51716058/article/details/131225305

版权

面试专栏收录该内容

4 篇文章 0 订阅

订阅专栏

MVC 的设计模式：

MVC（Model-View-Controller）是一种软件设计架构模式，用于将应用程序逻辑分成三个独立的组件：模型（Model）、视图（View）和控制器（Controller）。这种分层结构可以帮助开发人员更好地组织和管理代码，并实现高度可维护和可扩展的应用程序。

以下是 MVC 架构中各个组件的职责：

模型（Model）：模型负责处理数据和业务逻辑。它表示应用程序的核心功能，通常包含与数据库交互、数据验证和处理等相关操作。模型部分独立于界面和用户体验，因此可以在不影响其他组件的情况下进行修改或重用。
视图（View）：视图负责呈现给用户的界面。它接收模型提供的数据并将其以可视化的方式展示给用户。视图通常是用户能够看到和与之交互的组件，如网页、图形界面等。
控制器（Controller）：控制器负责协调模型和视图之间的交互。它接收用户输入并触发相应的操作，例如读取/更新数据、调用模型方法或向视图发送更新请求。控制器还负责处理来自模型和视图的信息传递，并确保它们之间的相互独立性。

MVC 的核心思想是分离关注点，使代码更易于理解、修改和测试。通过明确定义模型、视图和控制器之间的职责和交互方式，MVC 架构提供了一种结构化方法来开发应用程序，促进团队合作并提高软件的可维护性和扩展性。尽管最初被广泛应用于桌面应用程序和Web应用程序的开发中，但 MVC 架构现在也适用于其他类型的应用程序开发，包括移动应用程序和服务端应用程序等。

MVVM 的设计模式：

MVVM（Model-View-ViewModel）设计模式，它将应用程序UI的开发与业务逻辑和数据进行分离。在这个模型中，视图、绑定器（Binder）和 ViewModel 三者按照一定规则协同工作，以便获得更好的代码可测试性、重用性、并且能够增强应用程序UI的响应速度。

Model：指的是我们应用程序的数据相关部分。可以是获取远程数据或者读取本地数据库等操作。
View：表示视图层，负责用户界面元素的呈现，例如按钮、标签、列表等。
ViewModel：替代了MVC中常见的Controller，并提供Model到View之间数据转换的处理。同时也是数据绑定的核心所在，ViewModel会监听Model的变更情况，在更新后自动通知 View 执行相应的渲染操作。

在 MVVM 的实践中，View 中定义了 UI 控件，其中 User Events 会被发送给 ViewModel，在此之前需要由 Data Binding 将两者连接起来；ViewModel 中管理着 View 的状态并保存涉及该视图上的所有业务逻辑集合的信息，同时也持有一个 Model 的引用；Model 层仅负责处理存储、网络访问等数据操作。

优点：

1.解耦: MVVM 模式将 View 和 Model 均抽象化，使其只通过 ViewModel 进行联系
2. 可测试性好: 使得 View 层和业务逻辑分离，ViewModel 中的大部分Model层的操作便可以直接借助单元测试来进行简单测试。
3. 支持数据绑定：在WPF、 Silverlight等技术中提供了双向数据绑定，实现简化代码。任何一个方向上Model或View值的改变都会自动应用到对方（当然，自从Vue.js出世后前端开发者也拥有了同样方便易用的框架）

两者的区别和联系：

MVC（Model-View-Controller）和 MVVM（Model-View-ViewModel）的软件架构模式都是用于组织应用程序的代码和逻辑。虽然它们在概念上有一些相似之处，但也存在一些关键区别。

MVC 和 MVVM 的主要区别和联系：

视图层与数据绑定方式不同：在 MVC 中，视图直接从模型中获取数据并将其呈现给用户，在用户交互时触发控制器执行业务逻辑。而在 MVVM 中，视图通过双向数据绑定与 ViewModel 关联，ViewModel 从模型中获取数据并对视图进行更新。
控制器与 ViewModel 的职责不同：在 MVC 中，控制器负责处理用户输入和协调模型和视图之间的交互，而在 MVVM 中，这个角色由 ViewModel 扮演。ViewModel 负责提供视图所需的数据和命令，并响应视图的事件或用户操作。
数据维护方式不同：在 MVC 中，数据通常存储在模型中，控制器会根据用户的输入来更新模型，并将新的数据传递给视图进行展示。而在 MVVM 中，数据主要由 ViewModel 维护和处理，它可以从模型中获取数据并将其暴露给视图进行显示和修改。
对测试的支持程度不同：由于 MVC 中的控制器和模型之间是松散耦合的，因此可以相对容易地对其进行单元测试。而在 MVVM 中，ViewModel 的主要逻辑位于视图中（如数据绑定、命令等），这使得对 ViewModel 进行测试更为困难。

尽管有上述区别，但也有一些共同点：