码迷,mamicode.com
首页 > Web开发 > 详细

MVC-MVP-MVVM

时间:2017-12-15 22:38:07      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:pre   控制器   逻辑   mvc   数据保存   业务   control   控制   .com   

### MVC
![](http://p0zfk1qh0.bkt.clouddn.com/markdownmvc.png)
+ 视图(View):用户界面。
+ 控制器(Controller):业务逻辑
+ 模型(Model):数据保存
+ ** View 传送指令到 Controller
Controller 完成业务逻辑后,要求 Model 改变状态
Model 将新的数据发送到 View,用户得到反馈 **


### MVP
![](http://p0zfk1qh0.bkt.clouddn.com/markdownmvp.png)
> MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。

+ **各部分之间的通信,都是双向的。
View 与 Model 不发生联系,都通过 Presenter 传递。
View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性,而 Presenter非常厚,所有逻辑都部署在那里。**


### MVVM

![](http://p0zfk1qh0.bkt.clouddn.com/markdownmvvm.png)
> MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。

+ **唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。Angular 和 Ember 都采用这种模式。**

MVC-MVP-MVVM

标签:pre   控制器   逻辑   mvc   数据保存   业务   control   控制   .com   

原文地址:http://www.cnblogs.com/keyubin/p/8044907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!