简单介绍一下mvvm mvc mvp以及区别、历史

MVC(Model - View - Controller)

在这里插入图片描述
因MVC架构的灵活性,架构图形式很多,仅供参考

历史:

  • MVC 是最早出现的软件架构模式之一,其历史可以追溯到 20 世纪 70 年代,最初被用于 Smalltalk - 80 环境。它的出现是为了应对软件开发中用户界面与业务逻辑紧密耦合的问题,旨在分离数据处理、用户界面展示和交互逻辑。

架构介绍:

  • Model(模型): 负责数据存储和业务逻辑,如数据库操作、数据验证、计算等。它是应用程序的核心数据结构和处理单元。
  • View(视图): 主要负责将 Model 中的数据展示给用户,以可视化形式呈现信息。例如,通过 HTML、CSS 构建的网页界面。View 通常会监听用户操作并通知 Controller,但本身不处理业务逻辑。
  • Controller(控制器): 作为 View 和 Model 之间的桥梁,接收 View 传递的用户操作(如点击按钮),然后调用 Model 中的相关方法进行数据处理,并根据处理结果更新 View。

MVP(Model - View - Presenter)

在这里插入图片描述

历史:

  • MVP 是在 MVC 的基础上发展而来的,主要是为了进一步分离视图和模型,解决 MVC 在某些情况下视图对模型依赖过重的问题,在 20 世纪 90 年代开始受到关注并逐渐应用。

架构介绍:

  • Model(模型): 和 MVC 中的模型类似,处理数据存储和业务逻辑,如数据的获取、存储和复杂的计算规则。
  • View(视图): 负责显示数据,比 MVC 中的视图更 “薄”,几乎不包含业务逻辑,只专注于展示 Presenter 传递过来的信息。它将用户操作反馈给 Presenter。
  • Presenter(展示器): Presenter 是 MVP 的核心,它接收来自 View 的用户输入,调用 Model 中的业务逻辑进行处理,然后将处理后的结果反馈给 View,以更新界面显示。它在 Model 和 View 之间起到了更主动的协调作用。

MVVM(Model - View - ViewModel)

在这里插入图片描述

历史:

  • MVVM 是随着微软的 WPF(Windows Presentation Foundation)和 Silverlight 技术发展起来的,它的出现是为了更好地利用数据绑定技术,简化用户界面开发,大概在 21 世纪初开始流行。

架构介绍:

  • Model(模型): 负责处理业务数据和逻辑,如数据的持久化、检索以及与业务相关的计算。
  • View(视图): 呈现用户界面,通过数据绑定与 ViewModel 关联。它不包含复杂的业务逻辑,只负责显示数据和接收用户交互事件,并将事件传递给 ViewModel。
  • ViewModel(视图模型): 作为连接 Model 和 View 的桥梁,从 Model 获取数据并进行转换,使其适合在 View 中显示。同时,它接收 View 传来的用户交互信息,并将其转化为对 Model 的操作。MVVM 的核心特点是双向数据绑定,即 View 和 ViewModel 的数据变化会自动相互更新。

三者区别

数据流向和绑定方式:

  • MVC: View 和 Model 之间的数据流向相对简单,View 从 Model 获取数据显示,用户操作通过 Controller 间接影响 Model。数据绑定通常是单向的(从 Model 到 View),需要手动更新 View。
  • MVP: Presenter 在数据交互中起关键作用,View 和 Model 通过 Presenter 进行数据交换,实现部分双向数据绑定。Presenter 从 Model 获取数据并处理后传递给 View,同时将 View 的用户输入反馈给 Model。
  • MVVM: 具有双向数据绑定机制,ViewModel 和 View 之间的数据变化自动同步,不需要手动干预。ViewModel 与 Model 之间则是单向的数据获取和操作关系。

各层职责和耦合度:

  • MVC: 在简单场景下容易理解和实现,但随着项目复杂度增加,Controller 可能会变得臃肿,View 和 Model 之间可能存在一定的间接耦合。
  • MVP: View 和 Model 的分离更加彻底,View 变得更加轻量,但 Presenter 可能会因为要处理大量的视图和模型交互逻辑而变得复杂,且代码的可测试性依赖于良好的接口设计。
  • MVVM: 由于双向数据绑定,开发效率较高,View 和 ViewModel 的耦合相对紧密,但只要设计合理,ViewModel 和 Model 的分离还是比较清晰的,同时也方便进行单元测试。

适用场景:

  • MVC: 适用于小型项目或者对交互逻辑要求不高的应用,能够快速实现功能。在 Web 开发早期应用广泛。
  • MVP: 在需要更好地分离视图和模型,特别是有复杂交互逻辑且对视图可测试性有要求的项目中表现出色,如一些企业级应用。
  • MVVM: 非常适合数据驱动的应用,特别是在开发具有丰富交互的用户界面且需要频繁更新数据的场景,如现代的前端单页应用(SPA)和移动应用开发。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/467414.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Nordic SoftDevice蓝牙主机操作流程

Nordic SoftDevice蓝牙主机操作流程 之前学习nordic的nus client 主机例程时做了些笔记,现在有空重新整理了一下发出来。 NRF_SDH_BLE_OBSERVER 宏介绍 这个宏可以设置多个BLE事件的回调函数,并按设置的优先级依次执行。这么一来,就可以将…

C++生成高斯分布随机数

简单实现 在 C 中&#xff0c;可以使用 头文件中的功能来生成正态分布&#xff08;高斯分布&#xff09;随机数。以下是一个示例&#xff0c;展示如何使用 C11 及以上版本的标准库生成正态分布随机数。 #include <iostream> #include <random> #include <cmat…

SL6115降压恒流 60V降压恒流芯片,高精度1%,PWM模拟调光

一、核心参数与性能 工作电压范围&#xff1a;5.5V至60V&#xff0c;宽输入电压范围使其能够适应多种应用场景。 最大输出电流&#xff1a;根据公开发布的信息&#xff0c;SL6115的最大输出电流可达到1.2A至1.5A&#xff0c;具体取决于不同版本或制造商的规格说明。这一高输出…

lnmp:自己的“百度网盘”

一、项目简介 有人会问&#xff0c;什么是lnmp储存&#xff0c;相信大家都用过百度网盘&#xff0c;他的原理和lnmp的作用相同&#xff0c;都是将数据储存在私有云中。LNMP也是用来储存自己的数据&#xff0c;可以假象成这是一个属于自己的数据库。 二、详细概述 所谓LNMP便是…

「实战应用」如何用图表控件LightningChart .NET在WPF中制作表格?(一)

LightningChart .NET完全由GPU加速&#xff0c;并且性能经过优化&#xff0c;可用于实时显示海量数据-超过10亿个数据点。 LightningChart包括广泛的2D&#xff0c;高级3D&#xff0c;Polar&#xff0c;Smith&#xff0c;3D饼/甜甜圈&#xff0c;地理地图和GIS图表以及适用于科…

鸿蒙进阶篇-网格布局 Grid/GridItem(二)

hello大家好&#xff0c;这里是鸿蒙开天组&#xff0c;今天让我们来继续学习鸿蒙进阶篇-网格布局 Grid/GridItem&#xff0c;上一篇博文我们已经学习了固定行列、合并行列和设置滚动&#xff0c;这一篇我们将继续学习Grid的用法&#xff0c;实现翻页滚动、自定义滚动条样式&…

SpringBoot框架:共享汽车管理的创新工具

5系统详细实现 5.1 管理员模块的实现 5.1.1 用户信息管理 共享汽车管理系统的系统管理员可以管理用户&#xff0c;可以对用户信息修改删除以及查询操作。具体界面的展示如图5.1所示。 图5.1 用户信息管理界面 5.1.2 投放地区管理 系统管理员可以对投放地区信息进行添加&#…

uniapp上拉刷新下拉加载

方法一&#xff1a; z-paging 的组件库&#xff1a; show-loading-more-no-more-view"false" 该属性控制是否显示 "加载更多" 或 "没有更多" 的提示。如果设为 false&#xff0c;则不会显示这些提示。如果设为 true&#xff0c;当数据加载完毕…

【Pikachu靶场:XSS系列】xss之过滤,xss之htmlspecialchars,xss之herf输出,xss之js输出通关啦

一、xss之过滤 <svg onloadalert("过关啦")> 二、xss之htmlspecialchars javascript:alert(123) 原理&#xff1a;输入测试文本为herf的属性值和内容值&#xff0c;所以转换思路直接变为js代码OK了 三、xss之href输出 JavaScript:alert(假客套) 原理&#x…

微分段如何防止勒索软件攻击

微分段通过隔离关键资产、限制网络横向移动、提供细粒度的最小特权访问、实现快速隔离、简化恢复、提高网络弹性以及减少爆炸半径来防止勒索软件攻击。 勒索软件攻击已成为各种规模的组织面临的越来越危险的威胁。 勒索软件利用横向移动技术来感染和加密尽可能多的端点和服务…

后端Node学习项目-项目基础搭建

前言 各位好&#xff0c;我是前端SkyRain。最近为了响应公司号召&#xff0c;开始对后端知识的学习&#xff0c;作为纯粹小白&#xff0c;记录下每一步的操作流程。 项目仓库&#xff1a;https://gitee.com/sky-rain-drht/drht-node 因为写了文档&#xff0c;代码里注释不是很…

SQL server 中 CROSS APPLY的使用

CROSS APPLY 是 SQL Server 中的一个操作符&#xff0c;用于将一个表表达式&#xff08;如子查询、函数等&#xff09;与外部表进行连接。CROSS APPLY 类似于 INNER JOIN&#xff0c;但它允许你在一个查询中多次引用外部表的行&#xff0c;并且可以动态地生成结果集。 基本语法…

低空经济之星eVTOL研发技术详解

低空经济之星eVTOL&#xff08;Electric Vertical Take-off and Landing&#xff09;是一种采用储能电池、电机驱动以及螺旋桨推进方式&#xff0c;并具备垂直起降功能的新型航空器。以下是对eVTOL研发技术的详解&#xff1a; 一、技术特点 1. 分布式推进系统 结构简单性与轻…

算法每日双题精讲——双指针(快乐数,盛最多水的容器)

&#x1f31f;快来参与讨论&#x1f4ac;&#xff0c;点赞&#x1f44d;、收藏⭐、分享&#x1f4e4;&#xff0c;共创活力社区。 &#x1f31f; 别再犹豫了&#xff01;快来订阅我们的算法每日双题精讲专栏&#xff0c;一起踏上算法学习的精彩之旅吧&#xff01;&#x1f4aa;…

【c++ gtest】使用谷歌提供的gtest和抖音豆包提供的AI大模型来对代码中的函数进行测试

【c gtest】使用谷歌提供的gtest和抖音豆包提供的AI大模型来对代码中的函数进行测试 下载谷歌提供的c测试库在VsCode中安装抖音AI大模型找到c项目文件夹&#xff0c;使用VsCode和VS进行双开生成gtest代码进行c单例测试 下载谷歌提供的c测试库 在谷歌浏览器搜索github gtest, 第…

数据库SQLite的使用

SQLite是一个C语言库&#xff0c;实现了一个小型、快速、独立、高可靠性、功能齐全的SQL数据库引擎。SQLite文件格式稳定、跨平台且向后兼容。SQLite源代码属于公共领域(public-domain)&#xff0c;任何人都可以免费将其用于任何目的。源码地址&#xff1a;https://github.com/…

【大咖云集,院士出席 | ACM独立出版】第四届大数据、人工智能与风险管理国际学术会议 (ICBAR 2024,11月15-17日)--冬季主会场

第四届大数据、人工智能与风险管理国际学术会议 (ICBAR 2024)--冬季主会场 2024 4th International Conference on Big Data, Artificial Intelligence and Risk Management 官方信息 会议官网&#xff1a;www.icbar.net 2024 4th International Conference on Big Data, Art…

图像算法之 OCR 识别算法:原理与应用场景

一、引言 在当今数字化时代&#xff0c;图像信息的处理和识别变得越来越重要。光学字符识别&#xff08;Optical Character Recognition&#xff0c;OCR&#xff09;算法作为一种能够将图像中的文字转换为可编辑文本的技术&#xff0c;正广泛应用于各个领域。从文档数字化到自…

SQLite的BLOB数据类型与C++二进制存储学习记录

一、BLOB数据类型简介 Blob&#xff08;Binary Large Object&#xff09;是一种用于存储二进制数据的数据类型&#xff0c;在数据库中常用于存储图片、音频和视频等大型&#xff08;大数据量&#xff09;的二进制数据[1-2]。需要注意的是&#xff0c;SQLite中BLOB类型的单对象最…

python基础——05函数

一、函数 1.1 函数定义 函数定义&#xff1a;实现特定功能的代码块 函数的作用&#xff1a; 简化代码提高代码重用性便于维护和修改可提高代码的可拓展性 函数三要素&#xff1a;功能、参数、返回值 函数定义的语法格式&#xff1a; 函数分类&#xff1a; 从定义的角度—…