MVP，MVVM架构模式

最新推荐文章于 2025-06-30 00:40:10 发布
最新推荐文章于 2025-06-30 00:40:10 发布
阅读量252 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端学习 文章标签： 前端 MVVM模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Ada_lake/article/details/90522097
博客主要对比了MVP和MVVM两种模式。MVP模式面向DOM开发，Presenter层最重，视图改变时控制器执行，调用模型层发请求，处理业务后通过DOM操作改变视图；MVVM模式面向数据编程，Model层最重，VM层由View自动实现，简化DOM操作，数据变化时页面自动更新，无DOM操作。

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

MVP模式
面向dom进行开发 presenter层最重
在这里插入图片描述
M 模型层 V 视图 （上面的dom）P 控制器 模式
当视图发生改变，点击提交的时候，控制器会去执行
控制器会调用模型层发送Ajax请求
控制器处理完业务逻辑之后，会通过dom操作再来改变视图
比如handleBtnClick里面的方法 现在由于没有通过Ajax远程获得一些数据，因此现在M层非常弱 基本目前这个程序只有VP层在这里插入图片描述

        视图层发出了一个事件交给控制器 Presenter
            控制器要么调用Ajax获取一些数据
            控制器要么直接操作dom来通过业务逻辑决定dom怎么修改
        Presenter里面是最核心的一层，里面放的业务逻辑是视图和模型之间的中转站
        很大一部分都在做dom操作

MVVM模式
面向数据进行编程 Model层最重
VM由view自动帮助实现，极大的简化了dom操作
通过虚拟dom和Es5中的define…实现VM层的架构体系
在这里插入图片描述
VM层是vue内置的 --》 当对数据进行操作时，数据变化，页面的V层也在自动的发生变化 --》Vue可以监听到，会自动实现
没有任何的dom操作。主要在写数据 ,对数据进行操作–》 M层
Dom --> V层
在这里插入图片描述

Android中对MVC,MVP,MVVM架构的理解
路宇的博客
05-07 2246
但是随着软件越来越来复杂，会发现这样的写法不是太好，有些缺陷，Controller和View越来越耦合了，Controller指挥View去显示，具体怎么显示Controller是不关注的，比如setContentView(R.layout.activity_m_v_c)，和具体的摆放逻辑全部是在xml中进行摆放布局的，但是Controller层要操控具体的数据应该放在哪个控件上，随着软件越来越大，Controller和View层的关系越来越紧密，所以引入了MVP架构。1、Model层对应的代码。
MVP和MVVM架构总结
2301_79847249的博客
10-25 1264
负责数据的存储、获取和业务逻辑处理。例如，在一个用户管理系统中，Model 层会包含数据库操作，如查询用户信息、更新用户密码等操作相关的代码。它是独立于视图层的，不关心数据如何展示，只专注于数据本身的管理和业务规则的实现。
一文彻底搞懂MVC MVP MVVM 架构模式（Android）
zjcoming
11-25 553
对于我们 Android 开发者来说，常见的架构模式基本上就是 MVC，MVP，MVVM，这三种也是开发 GUI 应用程序常见的模式。除此之外还有 分层模式，客户端-服务器模式(CS模式)，主从模式，管道过滤器模式，事件总线模式 等等。这篇文章还是具体分析 MVC，MVP，MVVM 这三种架构模式。 1. Modle 无论在那个架构模式中，Model都是不变的，Model类封装了数据模...
Android MVVM架构模式详解
JMY_2016的博客
06-29 1036
MVVM 架构模式，特别是结合 Android Jetpack（ViewModel, LiveData/Flow, Data Binding, Room, Hilt），为构建健壮、可测试、可维护的 Android 应用提供了强大的框架。它通过清晰的职责划分（Model-View-ViewModel）、数据驱动 UI 的理念和优秀的生命周期管理，有效解决了传统 MVC/MVP 在 Android 开发中的诸多痛点（如 Activity/Fragment 臃肿、测试困难、配置变更问题）。MVVM 的核心在于。
MVC、MVP、MVVM三种架构模式
2301_79654063的博客
09-22 1108
MVC是模型-视图-控制器，它是MVC、MVP、MVVM这三者中最早产生的框架，其他两个框架是以它为基础发展而来的。MVC的目的就是将M和V的代码分离，且MVC是单向通信，必须通过Controller来承上启下。1.Model：模型层，数据模型及其业务逻辑，是针对业务模型建立的数据结构，Model与View无关，而与业务有关。2.View：视图层，用于与用户实现交互的页面，通常实现数据的输入和输出功能。
MVC、MVP、MVVM架构模式与多层架构
Where_dWanaGo的博客
07-29 924
title: MVC、MVP、MVVM架构模式与多层架构 date: 2019-07-21 22:52:35 tags: MVC MVP MVVM 三层架构(3-tier application) 多层架构(n-tier application) 一、架构模式 1.1 概要： MVC、MVP、MVVM是目前较为主流的三种架构模式，使用架构模式的目的是为了解决界面呈现和逻辑代码分离问题，其中...
MVC、MVP 和 MVVM 架构总结
leizhengshenglzs的博客
05-31 1694
MVC是一种经典的模式，适用于基础和中等复杂度的应用程序，但可能在复杂应用中导致 Controller 过于复杂。MVP提供了更清晰的视图和逻辑分离，提高了测试性，但可能增加 Presenter 的复杂性。MVVM通过数据绑定简化了视图和逻辑的交互，适合现代前端开发，但需要掌握数据绑定技术，且在复杂应用中可能增加调试难度。
Android 架构MVC MVP MVVM+实例
2401_89284222的博客
12-07 774
1.View 接收用户交互请求2.View 将请求转交给ViewModel3.ViewModel 操作Model数据更新4.Model 更新完数据，通知ViewModel数据发生变化5.ViewModel 更新View数据MVVM的优点1.提高可维护性。Data Binding可以实现双向的交互，使得视图和控制层之间的耦合程度进一步降低，分离更为彻底，同时减轻了Activity的压力。2.简化测试。
【软件架构设计模式】MVC、MVP、MVVM辨析
最新发布
2402_85491806的博客
06-30 983
一种将数据、界面和控制逻辑分离的架构模式。从 MVC 演化而来的架构，强调 Presenter 统一控制逻辑。适合现代前端框架的一种架构，强调双向数据绑定。
架构模式 MVC MVP MVVM
智障儿童欢乐多
07-23 1061
MVC、MVP、MVVM模式的简单介绍
Android开发中MVC、MVP、MVVM架构深度解析及使用场景
斗锋在干嘛的博客
04-25 1028
现代Android开发推荐以MVVM为基础，结合Clean Architecture原则，使用官方架构组件构建健壮的应用架构。Activity承担过多职责（视图渲染+业务逻辑+用户交互）引入ViewModel和Data Binding。：布局文件和Activity/Fragment。：提供UI数据流，不持有View引用。：仅处理UI展示，实现View接口。：处理业务逻辑，持有View弱引用。Presenter处理复杂业务逻辑。：数据层，负责数据获取和业务逻辑。ViewModel纯逻辑可测试。
Android-Android设计架构实践对现在流行的MVCMVPMVVM架构简单实现
08-12
本实践主要探讨了三种当前广泛使用的Android架构模式：Model-View-Controller（MVC）、Model-View-Presenter（MVP）以及Model-View-ViewModel（MVVM）。我们将详细解析这三种架构模式的核心概念、优缺点，并通过实际...
C#MVVM架构 简单实例可以运行
02-06
**C# MVVM架构简介** MVVM（Model-View-ViewModel）是一种软件设计模式，尤其在开发WPF、UWP和Xamarin等基于.NET ...通过分析这个项目，你可以深入理解MVVM架构的工作原理，并学习如何在实际项目中应用这一模式。
HTML引用外部css的路径
热门推荐
Ada_lake的博客
05-08 1万+
HTML引用外部css，其实说简单点就是 href 内填入路径即可 然而今天感觉自己之前都有点。。没引入进来就试出来的赶脚。。。 索性就把情况都归纳一下 1. html,css 在同一文件夹下 直接引用css的名字即可，因为在当前路径之下 2. html,css 在同一文件夹下 ，但！css在该文件夹的子！文件夹下 在引用css的名字前加上子文件夹名字即可，相当于顺着找就能找出这个css ...
uniapp -- 调用其他js
Ada_lake的博客
06-12 6216
步骤 保证要引入的js是模块化的 export default 模块导出 import XXX from ‘./common/XXX.js’ export 模块导出 import {XXX} from ‘./common/XXX.js’ commonjs、adm、cmd模块 模块化是什么 把系统分离成独立功能的方法，需要什么功能就加载什么功能 相互独立+可重复使用 ES6模块 – 用于浏览器环境【export+import】 1. 定义模块 – 输出模块 export default {name: 'X
响应式网页的字体大小呀~~~
Ada_lake的博客
11-05 5401
最近用响应式网页，会发现如果你将网页每个需要用的地方字体大小设为多少PX时，很有可能缩小页面字体会因为网页而出现排版不太好看的问题 这个时候。。。 如果你把font-size:不设为PX就好了嘛！ 那设为什么呢？大部分地方都会设为多少em，原谅我太懒，不想拿着计算器噼里啪啦。 那就设为rem好了。 rem是指根元素的字体大小，em是指父级元素字体的大小。 当把html{ font-
vue--解决多个页面之间滚动互相影响的问题
Ada_lake的博客
09-03 4661
页面在点击跳转到新页面时可能会出现: 新页面的当前所在位置是原页面滑动到的位置，影响用户体验 解决方案 https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html router 内添加 scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } } ...
Eslint
Ada_lake的博客
06-01 3361
这里写自定义目录标题Eslinteslinteslint是什么为什么需要怎么用初始化启动 Eslint eslint eslint是什么 插件化的JS代码检测工具 为什么需要 JS是弱类型语言，开发过程中容易出错。Eslint可以在编码中发现问题而不是执行时。 怎么用 初始化 安装 npm install eslint 设置lint规则 新建一个.eslintrc文件，手写配置项 直接在 package.json 文件里的 eslintConfig 字段指定配置 输入init命令，选择相关配置项后自动生
Js 经典案例
Ada_lake的博客
04-22 3327
1. 选项卡切换 思路 - 1. 查找到选项卡元素 - 2. 对选项卡里的每个button都设置监听事件 - 3. 找到事件发生的button - 4. 先清除选项卡内激活的按钮 - 5. 为现在触发的按钮添加active类 * 清除激活按钮的 active类 + 1. 通过active查找到 激活的按钮 + 2.判断如果存在这样的按钮 + 3. 将...
Android设计模式实战：MVC、MVP与MVVM架构解析
标题中提到的“Android中MVC，MVP，MVVM模式”涉及到Android开发中常用的三种架构模式。这三种模式各有特点，它们是用来指导开发者如何分离用户界面（UI）的代码与应用逻辑的代码，提高应用的可维护性、可扩展性和可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值