MVC简述

MVC简述

以前用Java Swing和Flex的时候常常听说MVC,现在做WPF才听说MVP、MVVM等等。哈哈,有点out了。所以借这篇文章先把MVC搞清楚,然后再探究MVP等等。为了达到这个目的，可以试图弄清楚下面几个问题:

1.        MVC 是什么?

2.        MVC原始是为了解决什么问题产生的?

3.        MVC结构是什么样子?

4.        MVC参与者有哪些，是怎么协作的?

5.        使用MVC达到了什么效果?

MVC是什么?

首先MVC是一个软件架构模式，最初是由Trygve Reenskaug 1979年在施乐帕克研究中心的时候正式提出，不过那个时候的MVC有四基本部分组成：模型（Model）、视图（View）、控制器（Controller）和编辑器(Editor)，如下图所示：

 

图1：MVC 1979

其中有几个地方可能要说明一下，和现在大家常说的MVC还是有点不一样的：

1，      用户输入比如鼠标、键盘等等是由控制器分发的，这是由于那个时候视图系统和现在不一样，现在的视图系统里的视图已经自己可以负责用户输入了。

2，      编辑器可以认为是控制器的扩展，当没有编辑的时候，编辑器是不存在的。

3，      控制器不更改模型,但可以选择或者创建模型,并且把模型给视图或者编辑器。

后来，TrygveReenskaug离开了施乐帕克研究中心, Jim Althoff实现另一个版本的MVC：MVC1980（也可以称之为Smalltalk-80MVC）。

图2：MVC 1980

这个时候的MVC已经很像现在的MVC了。但是用户输入还是从控制器截获，当新一代用户界面出来之后，视图自己本身就具备了截获用户输入的功能，因为控制器很大一部分功能是用于用户交互,所以每个视图都具备自己的控制器就没那么必要了，然后出现了现在的MVC：

图3：现在的MVC

是不是很眼熟了？我找了好久，也没找到它最早出现在哪里，如果谁知道，告诉我那真是不胜感激拉! 下面我们将讨论的MVC就是现在的版本，不再特别说明了。

MVC原始是为了解决什么问题产生的?

在smallltalk-80中，需要设计一个编辑器用于编辑业务对象，但是编辑器的输入和输出非常不同，并且很少相互依赖，如果放在同一对象里面，会显得非常复杂，所以Trygve Reenskaug把编辑器分成两部分，控制器和视图。视图负责展示,控制器负责接收和解释用户行为。不过这三个部分不一定要分得很清,尤其是控制器和视图,如果很简单的话,可以放在一个对象里面。

当时，有一个重要的概念就是，人对事物有一个心智模型，对应计算机系统里就是数据模型，为了使心智模型在大脑中的变化能投射到计算机里，需要一个工具来操作计算机里的模型，这个工具就是视图和控制器。

MVC结构

图4：类图

我总觉得画这个类图有点多余，因为MVC并没有严格定义各部分之间的依赖关系，并且实现方式也千差万别，比如View怎么知道Model的变化，我这里用了观察者，但是别的地方可能用绑定阿什么的，所以这里只是给一个参考。

MVC参与者有哪些，是怎么协作的?

View(视图)

用于展示模型，视图读取模型的数据，用于展示，同时把用户的操作抛给控制器。尤其是现在为了方便设计师设计界面，视图越来越独立于逻辑，所以视图功能越单一越好，就只是显示。

Controller(控制器)

控制器是用户和系统的纽带，用于了解用户的意图，然后把这些意图分发到视图或者模型上面。所以说控制器有两个主要功能：

1，  理解用户行为；

2，  改变视图或者模型来实现这种行为。

由于现在视图控件天然支持了用户操作，所以1有时候显得没那么必要，但是复杂的操作，比如说android上的触控操作，自定义手势还有控制器的必要的。

至于功能2，为什么要改变视图而不是全部通过改变模型来实现，主要是因为有些时候，并不希望有模型的参与，比如说，视图上有一个列表，选中不同项，可能希望警告栏，有不同的提示效果等等。

Model(模型)

模型代表了知识，它可以是一个对象，也可能是很多对象的一个组合。模型应该独立于视图和控制器，通过事件或者其他方式告知自己的变化。

使用MVC达到了什么效果?

1)      它使得视图里的展示部分和控制部分更独立。这样展示部分和逻辑分开，易于设计；同时控制部分容易测试和重用。

2)      模型与视图分离。这样模型数据可以应用任何的显示技术，并且一个模型可以对应多个视图，支持视图多样性。

3)       降低耦合，尤其是模型完全不需要知道视图和控制器的存在。

4)      控制器的引入，可以为统一处理提供可能。比如，可以把有些用户处理转发给最高层的视图控制器，由它来决定是否继续做下去，比如根据用户权限等等。

 

参考资料

http://st-www.cs.illinois.edu/users/smarch/st-docs/mvc.html

http://heim.ifi.uio.no/~trygver/

http://aspiringcraftsman.com/2007/08/25/interactive-application-architecture/