基于阮一峰对MVC,MVP,MVVM的图示自己的理解

最新推荐文章于 2025-06-14 14:51:26 发布
原创 最新推荐文章于 2025-06-14 14:51:26 发布 · 1.5k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了MVC、MVP和MVVM三种软件设计模式，详细解析了各部分职责和通信方式。在MVC中，View、Controller和Model通过单向通信交互；MVP模式中，Presenter作为中间者实现双向通信，View变得被动；而在MVVM模式下，双向绑定使得View和ViewModel同步变化，常见于Angular和Ember等框架。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

阮一峰大佬对架构的解释还是很到位的

一、MVC

  • 视图（View）：
  • 用户界面 控制器（Controller）：业务逻辑
  • 模型（Model）：数据保存

各部分之间通信方式

  1. View传送指令到Controller
  2. Controller完成业务逻辑后，要求Model改变状态
  3. Model将新的数据发送到View，用户得到反馈

所有通信都是单向的

二、互动模式

MVC通过两种方式接收用户指令

  • 通过View接收指令，传递给Controller
    在这里插入图片描述
  • 直接通过controller接受指令
    在这里插入图片描述

三、实例

实际项目往往采用更灵活的方式，这里举例的是Backbone，没怎么见过，不赘述，有兴趣了解的点最下方原文

四、MVP

MVP模式将Controller改名为Presenter，同时改变了通信方向
在这里插入图片描述

  1. 各部分之前通信是双向的
  2. View和Model不发生联系，都通过P
最低0.47元/天 解锁文章

200万优质内容无限畅学
Dreamer_WYL
关注
Android中对MVC,MVP,MVVM架构的理解
路宇的博客
05-07 2249
但是随着软件越来越来复杂，会发现这样的写法不是太好，有些缺陷，Controller和View越来越耦合了，Controller指挥View去显示，具体怎么显示Controller是不关注的，比如setContentView(R.layout.activity_m_v_c)，和具体的摆放逻辑全部是在xml中进行摆放布局的，但是Controller层要操控具体的数据应该放在哪个控件上，随着软件越来越大，Controller和View层的关系越来越紧密，所以引入了MVP架构。1、Model层对应的代码。
【前端学习笔记】MVC，MVP，MVVM的区别和各自原理
你好呀，欢迎你的到来。
04-16 692
http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html 学习自阮一峰的博客。 1，MVC-Model-View-Controller 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 单向通信。 1，View 传送指令到 Controller； 2，Controller 完成业务逻辑后，要求...
MVC, MVP 与 MVVM
Jingwen_molo的博客
11-24 751
前几天读了阮一峰老师的文章《MVC，MVP 和 MVVM 的图示》，觉得讲得十分清晰，所以在这里做一波复习和总结。 MVC, MVP 与 MVVM 是三种常见的软件架构,它们之间的特点与区别如下: 一、MVC : 1. MVC是模型( Model )，视图( View )，控制器( Controller )的缩写； -视图( View ) 负责用户界面 - 模型( Model )负责保存数据 - 控制器 ( Controller )负责业务逻...
MVC，MVP 和 MVVM 的图示
swust_chenpeng的专栏
02-13 1077
地址：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html 复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。 昨天晚上，我读了《Sc
MVVM、MVP、MVC
最新发布
2201_75883040的博客
06-14 1143
MVVM、MVP、MVC的三大核心部分、核心机制、工作流程以及优势
​MVC与MVVM区别？
FocusOnLovingFreedom的博客
11-18 691
​ 在MVC里，View是可以直接访问Model的！从而，View里会包含Model信息，不可避免的还要包括一些业务逻辑。 MVC模型关注的是Model的不变，所以，在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。 　　MVVM在概念上是真正将页面与数
阮一峰：MVC、MVP和MVVM的图示
weixin_30502965的博客
10-09 161
阮一峰：MVC、MVP和MVVM的图示：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html 转载于:https://www.cnblogs.com/hanxuming/p/5942073.html
软件架构分类(转载)
weixin_33916256的博客
09-04 3222
思维导图： 作者：阮一峰(以下内容) 日期：2016年9月 3日 软件架构（software architecture）就是软件的基本结构。 合适的架构是软件成功的最重要因素之一。大型软件公司通常有专门的架构师职位（architect），只有资深程序员才可以担任。 O'Reilly 出版过一本免费的小册子《Software Architecture Patterns》（PDF）...
mvc-mvp-mvvm:javascript简单实现mvc mvp mvvm
05-24
在软件开发领域，模型-视图-控制器（MVC）、模型-视图- presenter（MVP）和模型-视图-ViewModel（MVVM）是三种常见的设计模式，尤其是在JavaScript开发中广泛使用。这些模式主要用于分离应用程序的业务逻辑、数据...
MVCMVPMVVM实例demo.zip
05-12
压缩包中是6个实例demo,包括MVC,MVC的变种,MVP,MVP_login(实际开发中的使用),MVVM,FBKVO;demo对应着简书文章:https://www.jianshu.com/p/dc353e332b0e,如果你没有积分下载,也可以去简书给我留言,可以给你发
MVC和MVVM模式的区别
xm1037782843的博客
06-10 8306
1，MVC （Model-View-Controller）M - Model ：数据保存V - View : 用户界面C - Controller ： 业务逻辑MVC ，用户操作> View (负责接受用户的输入操作)>Controller（业务逻辑处理）>Model（数据持久化）>View（将结果通过View反馈给用户）MVC是最经典的开发模式之一，最早是后台那边来的，后...
mvvm模式和mvc的区别_MVC，MVP 和 MVVM 的图示
weixin_39541044的博客
12-05 281
来自：阮一峰的网络日志链接：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html复杂的软件必须有清晰合理的架构，否则无法开发和维护。MVC(Model-View-Controller)是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。昨天晚上，我读了《...
JavaScript标准参考教程(阿尔法版)阮一峰著
03-16
JavaScript标准参考教程(阿尔法版)阮一峰，写得深入浅出，可以作为基础教程。
对MVC模式的理解
weixin_33861800的博客
04-09 327
转自http://www.ruanyifeng.com/blog/2007/11/mvc.html 作者： 阮一峰 日期： 2007年11月 8日 1. 如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architectural pattern），属于编程的方法论。 MVC模式就是架构模式的一种，它对我的启发特别大。我觉得它不仅适用于开发软件，也适用...
mvc和mvvm区别
dearMengJJ的博客
10-23 2303
一、MVC 1、MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。 二、MVVM MVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom...
MVC和MVVM的区别
杨前露的博客
01-07 610
MVC： 视图（View）：界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 所有通信都是单向的。 MVVM： 它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。且View和Model之间没有通信。Angular和Ember都采用这种模...
MVC与MVVM的区别
weixin_45574792的博客
10-27 416
MVC,MVP,MVVM是三种常见的前端架构模式。 MVC模式是MVP,MVVM模式的基础。 对于MVC模式：将html看成view;js看成controller，负责处理用户与应用的交互，响应对view的操作（对事件的监听），调用Model对数据进行操作，完成model与view的同步，将js的ajax当做Model MVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom元素，来改变View的显示，而是改变属性后该属性对应V
理解RESTful架构(原作者阮一峰）
mywcyfl的专栏
06-23 6487
越来越多的人开始意识到，网站即软件，而且是一种新型的软件。 /div div id="more" class="asset-more" 这种"互联网软件"采用客户端/服务器模式，建立在分布式体系上，通过互联网通信，具有高延时（high latency）、高并发等特点。 网站开发，完全可以采用软件开发的模式。但是传统上，软件和网络是两个不同的领域，很少有交集；软件开发主要针对单机环境，网络则主
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值