MVP、MVC、MVVM

最新推荐文章于 2024-05-16 23:40:36 发布
最新推荐文章于 2024-05-16 23:40:36 发布
阅读量70 收藏
点赞数
分类专栏： VUE 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17449435/article/details/118668856
版权

MVC模式

在这里插入图片描述

1.view传送指令到controller

2.controller完成业务逻辑后，要求model改变状态

3.model将新的数据发送到view，用户得到反馈

4.所有通信都是单向的

对于MVC

M即model模型，数据层，负责数据的处理和获取他们的接口

V即view视图，视图层，指的时用户能交互的界面，比如由html组成或者软件的客户端界面

C即controller控制器，控制器层。它是model和view之间的组件

MVC运行流程

首先用户在view视图下，进行交互式操作

视图将用户的操作反馈到控制器（例如点击）

controller进行数据的调用和事务的处理

特别是当controller对数据造成更改之后

会反馈到model组件中

而model组件会将新的数据传输到view里

客户从而获得新的视图

MVC的和坏处

1.低耦合性

2.重用性高

3.部署快，生命周期成本低

4.可维护性高

不适合小型，中等规模的应用程序

视图和控制器之间的联系过于紧密，并且降低了视图对模型数据的访问

MVC适合中大型的后端应用，带逻辑性的，不太适合业务型

MVP模式

在这里插入图片描述

mvp模式将controller改名为presenter（广播），同时改变了通信方向

各部分之间的通信都是双向的

视图和模型解耦合，都通过presenter传递

视图非常薄，不部署任何业务逻辑，成为被动视图，而presenter比重过高

mvp适用于事件驱动的应用架构中，如asp.net web form , windows forms应用

MVVM模式

在这里插入图片描述

View和ViewModel双向绑定

vue中的v-model模块是对这种关系的应用

视图中的变化将实时反映在viewmodel中，react、angular也采用这种方式

MVVM模式将presenter层替换为ViewModel，其他的与MVP模式基本一致

它和mvp的区别是，采用双向绑定的概念

viewmodel中，react、angular也采用这种方式

MVVM模式将presenter层替换为ViewModel，其他的与MVP模式基本一致

它和mvp的区别是，采用双向绑定的概念

李笙诗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
几张图看明白MVC MVP MVVM
05-05
几张图看明白MVC、MVP、MVVM， 希望对各位有帮助
Android mvc、mvp、mvvm示例
03-12
Android mvc+mvp+mvvm项目实现示例，简单说明。Android如何在项目中实现mvc、mvp、mvvm这三种模式。
MVC、MVP、MVVM
Camellia_77的博客
04-14 787
MVC 中的 Controller 只知道 Model 的接⼝，因此它没有办法控制 View 层的更新，MVP 模式中，View 层的接⼝暴露给了 Presenter 因此可以在 Presenter 中将 Model 的变化和 View 的变化绑定在⼀起，以此来实现 View 和 Model 的同步 更新。因此当Model中的数据改变时会 触发View层的刷新，View中由于⽤户交互操作⽽改变的数据也会在Model中 同步。模型与视图完全分离。创建数据，并提供访问、修改数据的接口，执行修改数据之后的操作。
MVC、MVP、MVVM三种区别
Tiger的专栏
12-23 6830
一直以来对MVC、MVP、MVVP三种理念理解不是特别深刻，今天主要讲讲我对三种设计模式的理解和它们的适用场合； 1.MVC MVC模式最初生根于服务器端的Web开发，后来渐渐能够胜任客户端的Web开发，能够满足其复杂性和丰富性； 从实现上来说，主要可以分为后端MVC和前端MVC两种；这两种MVC的不同点如下： 可以看到，前端的MVC其实是为了解决前端复杂JS模块化的问题，从后端MVC的V分出来的MVC，与后端MVC并没有直接的关系。前端的MVC中，M占的比例很低，只指代数据。而后端V的比例很低.
Android的MVC MVP MVVM模式
热门推荐
Ai1114的博客
06-11 2万+
学习Android的同学一定要了解的三种开发模式，不然自己写的项目采用的什么模式都不清楚MVC，MVP，MVVM都是为了解决UI页面与逻辑代码分离而出现的模式，MVP和MVVM都是MVC的基础上演化而来MVC全名是Model View Controller，是模型(mV----odel)－视图(view)－控制器(controller)的缩写M——模型层（Model）负责处理数据的加载或者存储V——视图层（View）负责界面数据的展示，与用户进行交互C——控制器层（Controller）负责逻辑业务的处理在
MVC、MVP、MVVM之间的简介与区别
明仔丶的博客
06-15 1664
MVC表示“模型-视图-控制器”，MVP表示“模型-视图-演示者”，MVVM表示“模型-视图-视图模型”；MVP、MVVM都是由MVC衍生出的。
三种架构模式——MVC、MVP、MVVM
zg0601的博客
03-19 2万+
MV系列框架中，M和V分别指Model层和View层，但其功能会因为框架的不同而变化。Model层是数据模型，用来存储数据；View层是视图，展示Model层的数据。虽然在不同的框架中，Model层和View层的内容可能会有所差别，但是其基础功能不变，变的只是数据的传输方式 。本文讲解MVC、MVP和MVVM三种架构模式。
MVC、MVP、MVVM模式的概念与区别
小孟来码的博客
09-13 6876
首先MVC，MVP，MVVM都是为了解决UI页面与逻辑代码分离而出现的模式，MVP和MVVM都是MVC的基础上演化而来。他不属于某种语言的框架，只要是有UI页面与逻辑代码我们都可以使用这几种框架去搭建我们的项目。他是一种框架模式。M和V分别指Model层和View层，但其功能会因为框架的不同而变化。Model层是数据模型，用来存储数据；View层是视图，展示Model层的数据。虽然在不同的MV(XX)框架中，Model层和View层的内容可能会有所差别，但是其基础功能不变，变的只是 数据的传输方式。
mvc，mvp，mvvm优缺点
Dr_abandon的博客
03-11 1022
MVC MVC全名是Model–View–Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。其中Model层处理数据，业务逻辑等；View层处理界面的显示结果；Controller层起到桥梁的作用，来控制View层和Model层通信以此来达到分离视图显示和业务逻辑层。 我们往往把Android中界面部分的实现也理解为采用了MVC
MVC、MVP、MVVM三种模式的介绍及区别（代码例子说明）
bigger_belief的博客
02-05 1427
主要介绍几种架构模式，以及之间的区别
对MVC，MVP和MVVM的总结
m0_37609239的博客
03-13 1394
对MVC，MVP和MVVM的总结
Android 架构MVC MVP MVVM+实例
fengyeNom1的博客
10-12 1252
MVC、MVP和MVVM是软件比较常用的三种软件架构，这三种架构的目的都是分离，避免将过多的逻辑全部堆积在一个类中。在Android中，Activity中既有UI的相关处理逻辑，又有数据获取逻辑，从而导致Activity逻辑复杂不单一难以维护。为了一个应用可以更好的维护和扩展，我们需要很好的区分相关层级，要不然以后将数据获取方式从数据库变为网络获取时，我们需要去修改整个Activity。
MVC、MVP和MVVM
11-14
本demo里主要以理论+代码的方式来依次讲解MVC、MVP以及MVVM三种框架，以及他们各自的优缺点，还有一部分是DataBinding的基本使用。
Android MVVM 解读 2.MVC, MVP, MVVM
01-06
MVC, MVP, MVVM的介绍 MVC, MVP, MVVM的区别 1. MVC, MVP, MVVM的介绍 MVC, MVP和MVVM的区别和联系,是一个老生常谈的问题, 这里也不过多的进行描述 可以先查看下以下的两个链接: MVC，MVP 和 MVVM 模式如何选择？ 你...
ASP.NET小结之MVC, MVP, MVVM比较以及区别（二）
01-02
上一篇得到大家的关注，非常感谢。由于自己对于这些模式的理解也是有限，对于这些模式的比较，是结合自己的理解，一些地方不一定准确，但是只有亮出自己的观点，才能抛砖引玉不是?... MVC, MVP和MVVM模式使用场景总结
vue中的事件
最新发布
weixin_43390711的博客
05-16 157
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1088
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Vue.js的发展史（一）
2301_79683791的博客
05-15 749
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
基于Vue和uni-app的增强型多选框Checkbox组件开发
chenchuang0128的博客
05-16 344
该组件通过数据驱动、支持页面正反向传值等特性，提高了组件的灵活性和可重用性。未来，我们可以继续探索组件的更多可能性和应用场景，如支持条件筛选、异步加载数据等，以满足更复杂的前端需求。该组件不仅提供了基本的复选功能，还通过数据驱动、支持页面正反向传值等特性，进一步增强了组件的灵活性和可重用性。页面正反向传值：组件应该能够支持页面正反向传值，即能够将组件的状态传递给父组件，同时也能够接收父组件传递的数据。数据驱动：组件应该能够通过数据驱动，即组件的状态和行为应该由数据决定，而不是通过直接操作DOM元素来实现。
mvc mvvm mvp
05-17
总的来说，MVC、MVP、MVVM都是用来解决软件开发中的代码耦合问题，提高代码的可扩展性和可重用性。但是不同的模式适用于不同的场景和框架，开发者需要在实际项目中根据需求和具体情况选择合适的架构模式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值