MV*模式总结

开发应用程序时，以求更好的管理应用程序的复杂性，基于职责分离的思想对应用程序进行分层：

• view: 管理用户界面的层次
• Model: 应用程序的数据

MVC

MVC 把应用程序分红View、Model、Controller层。

• Controller: 进行Model和View之间的协做（路由、输入预处理）的应用逻辑
• Model： 进行处理业务逻辑（对比Spring MVC 中的Dao层）

MVC的依赖关系

MVC出了把应用程序分红View、Model层，还额外的加了一个Controller层，它的职责为进行Model和View之间的协做（路由、输入预处理等）的应用逻辑（application logic）；Model进行处理业务逻辑。Model、View、Controller三个层次的依赖关系以下：

Controller和View都依赖Model层，Controller和View能够互相依赖。Controller和View的依赖关系都是为了把处理用户行为触发的事件处理权交给Controller。

MVC 的调用关系

1. 用户操做View ，View 把控制权移交给Controller, Controller执行应用程序相关的应用逻辑（对来自View数据进行预处理、决定调用哪一个Model的接口等等）。
2. Controller操做Model，Model执行业务逻辑对数据进行处理。但不会直接操做View，能够说它是对View无知的。
3. View和Model的同步消息是经过观察者模式进行，而同步操做是由View本身请求Model的数据而后对视图进行更新。

MVC 的优缺点

优势：

• 把业务逻辑和展现逻辑分离，模块化程度高。且当应用逻辑须要变动的时候，不须要变动业务逻辑和展现逻辑，只须要Controller换成另一个Controller就好了（Swappable Controller）。
• 观察者模式能够作到多视图同时更新。

缺点：

• ontroller测试困难。由于视图同步操做是由View本身执行，而View只能在有UI的环境下运行。在没有UI环境下对Controller进行单元测试的时候，应用逻辑正确性是没法验证的：Model更新的时候，没法对View的更新操做进行断言。
• View没法组件化。View是强依赖特定的Model的，若是须要把这个View抽出来做为一个另一个应用程序可复用的组件就困难了。由于不一样程序的的Domain Model是不同的

MVP

MVP模式是MVC模式的改良。

MVP模式有两种：

• Passive View
• Supervising Controller

大多数状况下讨论的都是Passive View模式

MVP（Passive View）的依赖关系

MVP模式把MVC模式中的Controller换成了Presenter。MVP层次之间的依赖关系以下：

MVP打破了View原来对于Model的依赖，其他的依赖关系和MVC模式一致。

MVP（Passive View）的调用关系

调用关系以下：

用户对View的操做都会从View交移给Presenter。Presenter会执行相应的应用程序逻辑，而且对Model进行相应的操做；而这时候Model执行完业务逻辑之后，也是经过观察者模式把本身变动的消息传递出去，可是是传给Presenter而不是View。Presenter获取到Model变动的消息之后，经过View提供的接口更新界面。

MVP（Passive View）的优缺点

优势：

• 便于测试。Presenter对View是经过接口进行，在对Presenter进行不依赖UI环境的单元测试的时候。能够经过Mock一个View对象，这个对象只须要实现了View的接口便可。而后依赖注入到Presenter中，单元测试的时候就能够完整的测试Presenter应用逻辑的正确性。
• view 能够进行组件化。在MVP当中，View不依赖Model。这样就可让View从特定的业务场景中脱离出来，能够说View能够作到对业务彻底无知。它只须要提供一系列接口提供给上层操做。这样就能够作到高度可复用的View组件。

缺点：

• Presenter中除了应用逻辑之外，还有大量的View->Model，Model->View的手动同步逻辑，形成Presenter比较笨重，维护起来会比较困难。

MVP（Supervising Controller）

Passive View模式，该模式下View很是Passive，它几乎什么都不知道，Presenter让它干什么它就干什么。Supervising Controller模式中，Presenter会把一部分简单的同步逻辑交给View本身去作，Presenter只负责比较复杂的、高层次的UI操做，因此能够把它当作一个Supervising Controller

Supervising Controller模式下的依赖和调用关系：

Supervising Controller用得比较少

MVVM

MVVM能够看做是一种特殊的MVP（Passive View）模式，或者说是对MVP模式的一种改良。

MVVM表明的是Model-View-ViewModel，ViewModel的含义就是 "Model of View"，视图的模型。它的含义包含了领域模型（Domain Model）和视图的状态（State）。
在图形界面应用程序当中，界面所提供的信息可能不只仅包含应用程序的领域模型。还可能包含一些领域模型不包含的视图状态，例如电子表格程序上须要显示当前排序的状态是顺序的仍是逆序的，而这是Domain Model所不包含的，但也是须要显示的信息。

能够简单把ViewModel理解为页面上所显示内容的数据抽象，和Domain Model不同，ViewModel更适合用来描述View。

MVVM的依赖

MVVM的依赖关系和MVP依赖，只不过是把P换成了VM。

MVVM的调用关系

MVVM的调用关系和MVP同样。可是，在ViewModel当中会有一个叫Binder，或者是Data-binding engine的东西。之前所有由Presenter负责的View和Model之间数据同步操做交由给Binder处理。你只须要在View的模版语法当中，指令式地声明View上的显示的内容是和Model的哪一块数据绑定的。当ViewModel对进行Model更新的时候，Binder会自动把数据更新到View上去，当用户对View进行操做（例如表单输入），Binder也会自动把数据更新到Model上去。这种方式称为：Two-way data-binding，双向数据绑定。能够简单而不恰当地理解为一个模版引擎，可是会根据数据变动实时渲染。

总结: MVVM把View和Model的同步逻辑自动化了。之前Presenter负责的View和Model同步再也不手动地进行操做，而是交由框架所提供的Binder进行负责。只须要告诉Binder，View显示的数据对应的是Model哪一部分便可。

MVVM 前端框架有： angular、vue.js

MVVM的优缺点

优势：

1. 提升可维护性。解决了MVP大量的手动View和Model同步的问题，提供双向绑定机制。提升了代码的可维护性。
2. 简化测试。由于同步逻辑是交由Binder作的，View跟着Model同时变动，因此只须要保证Model的正确性，View就正确。大大减小了对View同步更新的测试。

缺点：

1. 过于简单的图形界面不适用，或说牛刀杀鸡。
2. 对于大型的图形应用程序，视图状态较多，ViewModel的构建和维护的成本都会比较高。
3. 数据绑定的声明是指令式地写在View的模版当中的，这些内容是没办法去打断点debug的。

文章转载自： https://github.com/livoras/bl...