MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

在项目开启阶段,其中一个很重要的环节就是选架构。

那么面对目前已知的这么多架构模式我们该怎么选择呢?这确实是个很让人头疼的问题!

下面我就在这里梳理一下目前常见的一些架构模式。

先逐个对它们的分析,然后在从中找到它们的规律,之后就可以以不变应万变,不会再被这些虚头巴脑的名词所迷惑。

本篇文章主要从两个维度进行分析:

一、任务分配方式

二、逻辑分层方式

先看一下MVC、MVCS、MVVM、MVP、VIPER架构模式的任务分配方式

MVC

MVC是最经典的架构模式,它出现的时间非常早,也是最被人所熟知的。

MVC架构的任务分工为:

M-model:

1.数据结构表示

2.读取本地数据

3.写数据到本地

4.处理弱业务

C-Controller:

1.处理主要业务逻辑

2.处理交互事件

3.协调V-M数据流

V-View:

1.展示数据

2.处理非逻辑交互事件。

根据上面描述,总之一句话概括:

M:管理数据, C:处理数据, V:展示数据。

MVCS

看名字就感觉这个MVCS架构模式是从MVC中分化出来的,事实上也确实如此。

S为Store的简称,意思为“存储,保存”。

下面来看一下多出一个S后,它们的分工有什么变化呢?

S-Store:

1.负责数据的存储,数据本地持久化。

M-Model:

1.数据结构表示

2.读取本地数据

3.处理弱业务

C-Controller:

1.处理主要业务逻辑

2.处理交互事件

3.协调V-M数据流

V-View:

1.展示数据

2.处理非逻辑交互事件。

从上面的分工可知C,V同MVC架构是完全一样的,只有M的数据存储任务被分离了出来。即:S分担了M的数据管理任务,那么M和S其实都是数据管理的逻辑范畴了。

根据上面描述,总之一句话概括:

(M+S):管理数据, C:处理数据, V:展示数据。

MVVM

MVVM为了解决前端的响应式编程而生,由于前端网页混合了HTML、CSS和JavaScript,而且页面众多,代码的组织和维护难度复杂,所以通过ViewModel实现View和Model的双向绑定。

但是移动端不是前端,从业务处理逻辑上讲,移动端要比前端处理的逻辑更多,你问我有啥依据。你可以把手机的网断掉,进入带有离线功能的APP,一套业务走下来,没啥问题。但是用浏览器打开呢,纵然添加了缓存,也是不能将一套业务走完的。

所以说,移动端要比前端处理的逻辑多!

看到MVVM你会有疑问,为啥没有C了,是不是用这个MVVM就不需要C了呢?如果你是移动端的同学,我给你讲是有C的。

MVVM架构在移动端的完整叫法是:M-V-C-VM。

MVVM架构的任务分工为:

M-model:

1.数据结构表示

2.读取本地数据

3.写数据到本地

4.处理弱业务

C-Controller:

1.处理交互事件

2.协调V-M数据流

VM-ViewModel:

1.处理主要业务逻辑

V-View:

1.展示数据

2.处理非逻辑交互事件。

从上面的分工可知,VM分担了C中的数据加工任务,将业务处理放到了ViewModel中,其他的M,V同MVC架构完全一样。

总之一句话概括:

M:管理数据, (C+VM):处理数据, V:展示数据。

MVP

MVP从MVC衍生而来,从名称上看只是将C换成了P。其他都一样。而事实上呢?

它们也确实这样,P承担了C的任务而已。

区别是:它们两个的数据流向不一样

MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

MVC的数据流向图

MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

MVP的数据流向图

对比一下,就可以一样看出了。

MVC框架中,V的数据从Model中拿

MVP框架中,V的数据从Presenter中拿。

MVP架构的任务分工为:

M-model:

1.数据结构表示

2.读取本地数据

3.写数据到本地

4.处理弱业务

P-Presenter:

1.处理主要业务逻辑

2.处理交互事件

3.协调V,M数据流,从M读取数据,将数据通过接口供V调用。

V-View:

1.展示数据

2.处理非逻辑交互事件。

根据上面描述,总之一句话概括:

M:管理数据, P:处理数据, V:展示数据。

VIPER

VIPER是责任粒度划分比较细的一个架构模式,是按照“责任单一原则”的标志来走的,每个类所承担的任务更简单。

VIPER架构的任务分工为:

E-Entity:

1.数据结构表示

2.读取本地数据

3.写数据到本地

I-Interactor:

1.处理主要业务逻辑

P-Presenter:

1.处理弱业务

2.处理交互事件

R-Routing:

1.处理视图的展示顺序逻辑或者说是控制器的跳转控制

V-View:

1.展示数据

2.处理非逻辑交互事件。

根据上面描述,可粗略的概括为:

E:管理数据, (I+P+R):处理数据, V:展示数据。

架构从逻辑分层上讲,常见有两种:

三层架构:展示层,业务层,数据层。

四层架构:展示层,业务层,网络层,本地数据层。

架构从任务分配上讲,常见有五种:

MVC、MVCS、MVVM、MVP、VIPER

而通常在工程中,这两个维度的思想是同时存在的。

比如:三层MVC架构,四层MVC架构。

前面的层级表示逻辑分层方式

后面的形式表示任务分配方式

对于上面讲的五种任务分配方式,因为是已经被人熟知,所有被大工程所采用。

但是目前有个疑惑

如果有时候一个业务模块很负责时,会不断的讲业务分拆。会产生很多种目录与文件。

如果模块内视图控制器跳转逻辑负责时,会引入中介者模式进行统一管理跳转。

这时,模块内的任务分配文件相对于这五种架构模式,显得有点四不像了。

这时就会疑惑,我这到底用的是什么架构模式啊?

通过上面五种架构责任划分的介绍,我们可以知道

无论是什么架构模式,它们的区别是:任务的分配方式不同罢了。

虽然我们在任务分配后的文件和目录四不像,但是可以满足我们的业务需求和功能扩展,这就够了。

不要被形式上所限制。

那么什么是好的架构模式呢?

个人认为比较好的架构模式为:三层MVC架构

任务分配方法是以MVC任务分配方案为基础,按照一定的原则进行个性化分配。

采用如下分配原则:

1.保留当前角色的主要功能,拆分次要功能。

2.弱业务功能放到Model中,尽量不要放到Controller里去。

3.拆分出去的业务功能尽量封装成可复用组件、对象或协议。

4.控制好拆分粒度,调用接口少参或无参。

这样不管形式如何变化,只有架构逻辑分层在,同时满足业务需要和功能扩展就是好架构。

相关推荐