0%

【设计模式】复合模式

本篇介绍了由多种设计模式组合而成的复合设计模式,其中最经典的三个模式分别为 MVC、MVP 和 MVVM 模式。

1 MVC 模式

MVC 模式是最经典的复合设计模式之一,其中:

  • M : Model,负责存储页面的业务数据,以及对相应数据的操作。
  • V : View,负责页面的显示逻辑。
  • C : Controller, 是 View 层和 Model 层的纽带,负责用户与应用的响应操作。

他们的关系如下图:

image-20230308140251789

在 MVC 模式中,通过分离 Model、View 和 Controller 的方式来组织代码结构。当用户与页面产生交互的时候,Controller 层的事件触发器就开始工作了,通过调用 Model 层,来完成对 Model 的修改,然后 Model 层再去通知 View 层更新。

回顾之前的设计模式,实际上 MVC 模式包含了观察者模式、策略模式和和组合模式等多种模式:

image-20230308140450568

image-20230308140524872

image-20230308140540315

当然,在模型、视图、控制器的具体实现过程中,肯定还会使用到其他的设计模式,但 MVC 的整体框架中涉及到的基本就是以上三种模式。MVC 模式将程序中的对象、显示、控制分离以提高软件的的灵活性和复用性,可以使程序具有对象化的特征,也更容易维护。

2 MVP 模式

MVP 模式是 MVC 模式的一种变体,其中:

  • M : Model,负责存储页面的业务数据,以及对相应数据的操作。
  • V : View,负责页面的显示以及与用户交互。
  • P : Presenter, 负责完成 View 与 Model 之间的交互。

8a122cedc7034ff4b34c5512658cb667

MVP 与 MVC 有着一个重大的区别:在 MVP 中 View 并不直接使用 Model,它们之间的通信是通过 Presenter (MVC 中的 Controller) 来进行的,所有的交互都发生在 Presenter 内部,而在 MVC 中 View 会直接从 Model 中读取数据而不是通过 Controller。

MVP 模式通过使用 Presenter 实现了对 View 层和 Model 层的解耦。MVC 中的Controller 只知道 Model 的接口,因此它没有办法控制 View 层的更新,而在MVP 模式中,View 层的接口暴露给了 Presenter 因此可以在 Presenter 中将 Model 的变化和 View 的变化绑定在一起,以此来实现 View 和 Model 的同步更新。

在 View 层通过 presenter 对象来调用 Model 层中数据请求的接口,而 Model 层中数据请求的结果会通过 presenter 中定义的接口回调给 presenter ,然后 presenter 再通知给 View 层。

3 MVVM 模式

MVVM 是对 MVC 的进一步改进,其中:

  • M : Model,负责存储页面的业务数据和业务逻辑。
  • V : View,负责页面的显示。
  • VM : ViewModel,负责监听 Model 中数据的改变并且控制视图的更新,处理用户交互操作。

bad4a11617954c68bc3f5c5070f630b4

MVVM 将数据双向绑定(data-binding)作为核心思想,View 和 Model 之间没有联系,它们通过 ViewModel 这个桥梁进行交互。Model 和 ViewModel 之间的交互是双向的,因此 View 的变化会自动同步到 Model,而 Model 的变化也会立即反映到 View 上显示。当用户操作 View,ViewModel 感知到变化,然后通知 Model 发生相应改变;反之当 Model 发生改变,ViewModel 也能感知到变化,使 View 作出相应更新。

通过上面的模型图来看,MVP 和 MVVM 模式似乎是相同的,其实不然。它们是相似的,唯一区别在于 MVVM 模式采用了双向数据绑定。开发者只需要更改 View 层或者 Model 层中的数据值,不需要进行同步 Model 层和 View 层的操作,因为数据的同步会由 ViewModel 层自动完成。而 MVP 模式中,开发者需要进行处理接收事件和 View 更新的工作。

---- 本文结束 知识又增加了亿点点!----

文章版权声明 1、博客名称:LycTechStack
2、博客网址:https://lz328.github.io/LycTechStack.github.io/
3、本博客的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系博主进行删除处理。
4、本博客所有文章版权归博主所有,如需转载请标明出处。