聊聊iOS中的 MVC、MVP、MVVM以及 VIPER等代码组织方式

2018-09-12 16:56:39 浏览数 (1)

前言

本文下面所谈的所谓架构二字，核心即是对于客户端的代码组织/职责划分。

代码语言：javascript复制
现在我们面对架构设计模式的时候有了很多选择：
- MVC
- MVP
- MVVM
- VIPER

首先前三种模式都是把所有的实体归类到了下面三种分类中的一种：

- Models（模型）数据层，或者负责处理数据的 数据接口层。
- Views（视图） - 展示层(GUI)。对于 iOS理论上来来说所有以 UI 开头的类基本都属于这层。
- Controller/Presenter/ViewModel（控制器/展示器/视图模型）
  它是 Model 和 View 之间的胶水或者说是中间人。
  一般来说，当用户对 View 有操作时它负责去修改相应 Model；当 Model 的值发生变化时它负责去更新对应 View。

一、MVC“架构”

（1）MVC - 它原来的样子

代码语言：javascript复制
经典MVC模式在提出时，大致是上图这样的。更贴近现时代得说，在这种架构下，View 是无状态的，
在Model变化的时候它只是简单的被 Controller重绘，
尽管这种架构可以在应用里面实现，但是由于 MVC 的三种实体被紧密耦合着，每一种实体都和其他两种有着联系，
所以即便是实现了也没有什么意义。

（2）理想化的MVC

代码语言：javascript复制
View 和 Model 之间是相互独立的，它们只通过 Controller 来相互联系。这样的设计，使得View 和 Model 直接解耦合了。

但是现实中我们的View依然跟Model耦合，因为如果完全按照这个理想化的MVC的话，View（cell）层的设置都应该在 Controller中，这样的话，Controller会更臃肿。

（3）现实中的MVC

代码语言：javascript复制
Cocoa MVC 鼓励你去写重控制器是因为 View 的整个生命周期都需要它去管理，
Controller 和 View 很难做到相互独立。虽然你可以把控制器里的一些业务逻辑和数据转换的工作交给 Model，
但是你再想把负担往 View 里面分摊的时候就没办法了；
因为 View 的主要职责就只是讲用户的操作行为交给 Controller 去处理而已。

于是 ViewController 最终就变成了所有东西的代理和数据源，甚至还负责网络请求的发起和取消。最后变得臃肿不堪。

另一方面UIViewController负责了界面跳转的操作，界面跳转的相关配置是直接在对应的UIViewController实例上设置的，这样就很容易把源界面和目的界面耦合起来，表现在导入很多其他头文件。

二、MVP“架构”

代码语言：javascript复制
MVC的缺点在于并没有区分`业务逻辑和业务展示`, 这对单元测试很不友好. MVP针对以上缺点做了优化, 
它将业务逻辑和业务展示也做了一层隔离, 对应的就变成了MVCP. 
M和V功能不变, 原来的C现在只负责布局, 而所有的业务逻辑全都转移到了P层。
P层处理完了业务逻辑，如果要更改view的显示，那么可以通过回调来实现，这样可以减轻耦合，同时可以单独测试P层的业务逻辑。

在 MVP 中，Presenter 可以理解为松散的控制器，其中包含了视图的 UI 业务逻辑，
所有从视图发出的事件，都会通过代理给 Presenter 进行处理；
同时，Presenter 也通过视图暴露的接口与其进行通信。`而这一般是在 Controller中处理的。`

- View负责界面展示和布局管理，向Presenter暴露视图更新和数据获取的接口 - Presenter负责接收来自View的事件，通过View提供的接口更新视图，并管理Model - Model和MVC中的一样，提供数据模型

代码语言：javascript复制
 这个流程看起来确实很像 Apple 的 理想化的MVC，它的名字是 MVP（被动变化的 View）。
Apple 的 MVC 实际上是 MVP 吗？不是的，

区别就是IOS中： （1）苹果的理想MVC中UIView相当于View，UIController是Controller，而在MVP中，UIView和UIController都相当于View，所以在 Presenter 里面基本没什么布局相关的代码，它的职责只是通过数据和状态更新 View。 （2）持有关系也不一样，MVC中 C 持有 M和V，但是在MVP中 V 持有 P，P 持有M 。

代码语言：javascript复制
在 MVP 架构里面，UIViewController 的那些子类其实是属于 View 的，而不是 Presenter。
这种区别提供了极好的可测性，但是这是用开发速度的代价换来的，因为你必须要手动的去创建数据和绑定事件

三、MVVM“架构”

代码语言：javascript复制
iOS 里面的 ViewModel 到底是个什么东西呢？本质上来讲，他是独立于 UIKit 的， 
View 和 View 的状态的一个呈现（representation）。ViewModel 能主动调用对 Model 做更改，
也能在 Model 更新的时候对自身进行调整，然后通过 View 和 ViewModel 之间的绑定，对 View 也进行对应的更新。
代码语言：javascript复制
在ios中，MVVM编码可能会成这样
代码语言：javascript复制
这个图解准确地描述了什么是 MVVM：一个 MVC 的增强版，
我们正式连接了视图和控制器，并将表示逻辑从 Controller 移出放到一个新的对象里，
即 View Model。MVVM 听起来很复杂，但它本质上就是一个精心优化的 MVC 架构。

四、VIPER“架构”

代码语言：javascript复制
到目前为止，你可能觉得我们把职责划分成三层，这个颗粒度已经很不错了。
现在 VIPER 从另一个角度对职责进行了划分，这次划分了五层。

VIPER并不复杂，它是将原来MVC中的Controller中的各种任务进行了清晰的分解，在写代码时，你会很清楚你正在做什么。
事实上，它比使用了数据绑定技术的MVVM更加简单，就是因为它职责明确。从MVC转到VIPER的过程同样是很清晰的，
它甚至把重构的思路都体现出来了。而MVVM则留下了许多尚未明确的责任，导致不同的人会在某些地方有不同的实现。

*  View
         提供完整的视图，负责视图的组合、布局、更新
         向Presenter提供更新视图的接口
         将View相关的事件发送给Presenter
*   Interactor（交互器） 
          维护主要的业务逻辑功能，向Presenter提供现有的业务用例
          维护、获取、更新Entity
          当有业务相关的事件发生时，处理事件，并通知Presenter
*   Presenter（展示器） 
          接收并处理来自View的事件
          向Interactor请求调用业务逻辑
          向Interactor提供View中的数据
          接收并处理来自Interactor的数据回调事件
          通知View进行更新操作
          通过Router跳转到其他View
*   Entities（实体） 
          纯粹的数据对象。不包括数据访问层，因为这是 Interactor 的职责。
*   Router（路由）
          负责 VIPER 模块之间的转场
          提供View之间的跳转功能，减少了模块间的耦合
          初始化VIPER的各个模块

和MVX的区别

代码语言：javascript复制
VIPER把MVC中的Controller进一步拆分成了Presenter、Router和Interactor。
和MVP中负责业务逻辑的Presenter不同，VIPER的Presenter的主要工作是在View和Interactor之间传递事件，
并管理一些View的展示逻辑，主要的业务逻辑实现代码都放在了Interactor里。
Interactor的设计里提出了”用例”的概念，也就是把每一个会出现的业务流程封装好，这样可测试性会大大提高。
而Router则进一步解决了不同模块之间的耦合。

优点

代码语言：javascript复制
VIPER的特色就是`职责明确，粒度细，隔离关系明确`，这样能带来很多优点：
  *   可测试性好。UI测试和业务逻辑测试可以各自单独进行。
  *   易于迭代。各部分遵循单一职责，可以很明确地知道新的代码应该放在哪里。
  *   隔离程度高，耦合程度低。一个模块的代码不容易影响到另一个模块。
  *   易于团队合作。各部分分工明确，团队合作时易于统一代码风格，可以快速接手别人的代码。

缺点

代码语言：javascript复制
*   一个模块内的类数量增大，代码量增大，在层与层之间需要花更多时间设计接口。
*   模块的初始化较为复杂，打开一个新的界面需要生成View、Presenter、Interactor，并且设置互相之间的依赖关系。

MVC、MVP、MVVM之间的区别

MVC和MVP的关系

代码语言：javascript复制
我们都知道MVP是从经典的模式MVC演变而来，它们的基本思想有相通的地方：
Controller/Presenter负责逻辑的处理，Model提供数 据，View负责显示。作为一种新的模式，
MVP与MVC有着一个重大的区别：在MVP中View并不直接使用Model，
它们之间的通信是通过 Presenter (MVC中的Controller)来进行的，所有的交互都发生在Presenter内部，
而在现实中的MVC中View会直接从Model中读取数据而不是通过 Controller。

MVVM和MVP的关系

代码语言：javascript复制
而 MVVM 模式将 Presenter 改名为 ViewModel，基本上与 MVP 模式完全一致。
唯一的区别是，它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。
这样开发者就不用处理接收事件和View更新的工作，框架已经帮你做好了。

总结

在简单了解了几种架构模式，对于那些让你困惑的问题，我希望你已经找到了答案。但是本文可能也存在错误之处，或者不足之处，希望大家看到有问题的地方在下方留言一起谈论学习，后续可能会持续更新更正本文。

参考文章： 设计框架（MVC、MVP、MVVM、VIPER）的演化说明总结 iOS VIPER架构实践(一)：从MVC到MVVM到VIPER 深入分析MVC、MVP、MVVM、VIPER 浅谈开发中的MVVM模式及与MVP和MVC的区别 MVC，MVP，MVVM区别

ios mvc 架构设计 gui cocoa

0 人点赞