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

最新推荐文章于 2022-01-07 16:43:30 发布
最新推荐文章于 2022-01-07 16:43:30 发布
阅读量1.4k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dreamer_WYL/article/details/88837863
版权
本文介绍了MVC、MVP和MVVM三种软件设计模式，详细解析了各部分职责和通信方式。在MVC中，View、Controller和Model通过单向通信交互；MVP模式中，Presenter作为中间者实现双向通信，View变得被动；而在MVVM模式下，双向绑定使得View和ViewModel同步变化，常见于Angular和Ember等框架。
摘要由CSDN通过智能技术生成

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

一、MVC

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

各部分之间通信方式

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

所有通信都是单向的

二、互动模式

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

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

三、实例

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

四、MVP

MVP模式将Controller改名为Presenter，同时改变了通信方向

最低0.47元/天 解锁文章
Dreamer_WYL
关注
MVC、MVP和MVVM这三种设计模式的区别
是阿超
07-16 1246
MVC、MVP 和 MVVM 这三种设计模式的区别
MVC, MVP 与 MVVM
Jingwen_molo的博客
11-24 693
前几天读了阮一峰老师的文章《MVC，MVP 和 MVVM 的图示》，觉得讲得十分清晰，所以在这里做一波复习和总结。 MVC, MVP 与 MVVM 是三种常见的软件架构,它们之间的特点与区别如下: 一、MVC : 1. MVC是模型( Model )，视图( View )，控制器( Controller )的缩写； -视图( View ) 负责用户界面 - 模型( Model )负责保存数据 - 控制器 ( Controller )负责业务逻...
MVC，MVP 和 MVVM 的图示
swust_chenpeng的专栏
02-13 998
地址：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html 复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。 昨天晚上，我读了《Sc
​MVC与MVVM区别？
FocusOnLovingFreedom的博客
11-18 639
​ 在MVC里，View是可以直接访问Model的！从而，View里会包含Model信息，不可避免的还要包括一些业务逻辑。 MVC模型关注的是Model的不变，所以，在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。 　　MVVM在概念上是真正将页面与数
阮一峰：MVC、MVP和MVVM的图示
weixin_30502965的博客
10-09 136
阮一峰：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 3032
思维导图： 作者：阮一峰(以下内容) 日期：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 8242
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 249
来自：阮一峰的网络日志链接：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 286
转自http://www.ruanyifeng.com/blog/2007/11/mvc.html 作者： 阮一峰 日期： 2007年11月 8日 1. 如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architectural pattern），属于编程的方法论。 MVC模式就是架构模式的一种，它对我的启发特别大。我觉得它不仅适用于开发软件，也适用...
mvc和mvvm区别
dearMengJJ的博客
10-23 2249
一、MVC 1、MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。 二、MVVM MVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom...
【前端学习笔记】MVC，MVP，MVVM的区别和各自原理
你好呀，欢迎你的到来。
04-16 647
http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html 学习自阮一峰的博客。 1，MVC-Model-View-Controller 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 单向通信。 1，View 传送指令到 Controller； 2，Controller 完成业务逻辑后，要求...
MVC和MVVM的区别
杨前露的博客
01-07 575
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 379
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 6391
越来越多的人开始意识到，网站即软件，而且是一种新型的软件。 /div div id="more" class="asset-more" 这种"互联网软件"采用客户端/服务器模式，建立在分布式体系上，通过互联网通信，具有高延时（high latency）、高并发等特点。 网站开发，完全可以采用软件开发的模式。但是传统上，软件和网络是两个不同的领域，很少有交集；软件开发主要针对单机环境，网络则主
转：软件架构入门 （from 阮一峰）
weixin_33860528的博客
12-03 99
说明：其中讲到了 5 种的架构模型，很不错。 from: http://www.ruanyifeng.com/blog/2016/09/software-architecture.html
MVC MVP MVVM
最新发布
08-18
MVC（Model-View-Controller）、MVP（Model-View-Presenter）和MVVM（Model-View-ViewModel）是常见的软件架构模式，用于组织和管理应用程序的代码。 1. MVC（Model-View-Controller）： - Model（模型）：负责存储和管理应用程序的数据和业务逻辑。 - View（视图）：负责显示数据并与用户进行交互。 - Controller（控制器）：处理用户输入，并根据输入更新模型和视图。 在MVC中，模型和视图是相互独立的，通过控制器来协调数据的更新和视图的更新。用户的输入首先由控制器处理，然后控制器更新模型的状态，最后模型的变化会反映在视图上。MVC模式可以有效地分离应用程序的逻辑和界面。 2. MVP（Model-View-Presenter）： - Model（模型）：负责存储和管理应用程序的数据和业务逻辑。 - View（视图）：负责显示数据并与用户进行交互。 - Presenter（展示器）：作为View和Model之间的中间人，处理用户输入并更新模型和视图。 在MVP中，Presenter负责处理用户的输入，并根据输入更新模型和视图。View只负责显示数据和将用户输入传递给Presenter，而不直接与模型交互。这种分离使得视图和模型可以独立开发和测试。 3. MVVM（Model-View-ViewModel）： - Model（模型）：负责存储和管理应用程序的数据和业务逻辑。 - View（视图）：负责显示数据并与用户进行交互。 - ViewModel（视图模型）：作为View和Model之间的中间人，处理视图的状态和行为，并将数据从模型转换为视图可用的形式。 在MVVM中，视图通过绑定（数据绑定）与视图模型关联，当模型的状态发生变化时，视图模型会自动更新视图。这种双向绑定使得视图和模型始终保持同步，减少了手动更新视图的代码量。 总结来说，MVC、MVP和MVVM都是用于组织和管理应用程序的代码，它们都有各自的优势和适用场景。选择哪种架构模式取决于应用程序的需求、团队的技术背景和个人偏好。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值