Node(后端)中的MVC与前端中的MVVM之间的区别（画图说话）

最新推荐文章于 2023-11-27 22:33:44 发布
最新推荐文章于 2023-11-27 22:33:44 发布
阅读量517 收藏 1
点赞数 2
分类专栏： vue 文章标签： MVC与MVVM区别 MVVM MVC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jackson23333/article/details/87184055
版权

MVC：是后端分层开发的概念

M：Model层主要处理数据的crud(增删改查)

V：视图层，称为前端的页面

C：业务逻辑层，包括路由、登录、注册等数据的业务逻辑处理

MVVM：是前端视图层的概念，主要关注于视图层分离，MVVM把前端的视图层分为了三部分：Model(M)、View(V)、ViewModel(VM)

具体的联系和区别请看下图：

图中我们可以看到MVC模式包含了前端到后端的操作，view视图层先发送请求给入口文件app.js文件，app.js会调用router.js路由模块，router.js调用Controller.js模块，Controller.js会调用Model模块，这样依次调用，实现一个MVC过程。

而MVVM集中在View视图层对页面进行操作，通过VM为用户提供了双向数据绑定，方便用户开发，提高开发效率。

下图是vue中MVVM的区分:

 

 

技术成长ing
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈JavaScript前端开发的MVC结构与MVVM结构
11-22
MVC Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式；Model包含应用的数据和业务逻辑；Controller负责把用户的输入，转换为命令传递给Model和View;这是维基百科的解释；...
nodejs实现简易MVC
weixin_33924220的博客
06-17 396
　相信大家对于nodejs应该不会陌生，如果真的比较陌生的请访问：http://nodejs.org或者http://cnodejs.org/了解。 　　这个简易MVC的结构如下图： 　　　　 　　首先需要一个http服务来监听来自客户端的请求，大致代码如下： var m_http = require('http');var m_querystring = require('queryst...
前端MVVM和后端MVC模式
weixin_45335305的博客
10-20 364
NodeJS旅程 : express - nodejs MVC 中的王牌
weixin_33681778的博客
01-11 727
express 正如ASP.NET MVC 在作为.net平台下最佳的 Mvc框架的地位一样，express 在 node.js 环境也有着相同的重要性。在百度上 "nodejs express" 会跑出一大堆关于怎么用开发 express 来开发mvc文章 ，相同的内容在这里我不想重复叙述，关于express的入手文章大家到百度上搜就好了。这只是一篇随笔不是教程, 我是想用ASP.NET ...
mvvm模式和mvc的区别_MVC,MVP,MVVM三种前端分层解耦模式
weixin_39855186的博客
12-05 309
MVCMVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑和数据显示分离的方法组织代码，将业务逻辑被聚集到一个部件里面，在界面和用户围绕数据的交互能被改进和个性化定制的同时而不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构...
在node中使用MVC架构模式 深入理解MVC
shadowfall的博客
12-18 1305
MVC架构模式 在编程中MVC应该是无人不知的存在,概念介绍也非常多,M即Model,V即View,C即Controller分别对应我们的业务模型,用户界面和控制器。概念看起来很简单，然而使用起来又不知道哪里对应哪里，那么我们就从具体的业务来应用MVC架构模式理解MVC。 具体应用MVC工作 MVC的理念大家很容易理解,如何实现MVC的核心我的理解是抽象和拆分，抽象帮助我们内聚功能，拆分帮助我们解耦，如果不能理解解耦和内聚，请先了解。并且在代码书写时View不需要拆分外,其他部分都需要进行拆分,所以代
MVVM设计模式在Unity3D中的设计与实施
02-26
谈起MVVM设计模式，可能第一映像你会想到WPF/Sliverlight，他们提供了的数据绑定（DataBinding），命令（Command）等功能，这让MVVM模式得到很好的实现。MVVM设计模式顾名思义，通过分离关注点，各司其职。通过...
Android MVVM 解读 2.MVC, MVP, MVVM
01-06
MVC, MVP和MVVM的区别和联系,是一个老生常谈的问题, 这里也不过多的进行描述 可以先查看下以下的两个链接: MVC，MVP 和 MVVM 模式如何选择？ 你真的理解了MVC, MVP, MVVM吗？ 其中第一篇文章是比较偏理论的分析, 第...
Android中的MVC、MVP和MVVM
04-15
Android中MVC、MVP和MVVM的使用，区别，以及使用场景
前端的开发模式mvc和MVVM的比较！
weixin_34206899的博客
05-23 336
2019独角兽企业重金招聘Python工程师标准>>> ...
前端框架MVC和MVVM的理解
追逐丶的博客
08-19 7861
一、概念解释 MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。 以Vue.js 为例。Vue是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM ......
深入学习前端MVC和MVVM（一）
Daisy花园
05-08 3844
MVC是一种开发模式，就是一种模型—视图—控制器（MVC）模式。 在php项目中，nodejs项目中，很容易实现MVC。比如一个nodeJS的MVC：先说后台的MVC一、model层模型层：模型中的逻辑严重依赖持久性。 这里用的是mongoose来定义模型。 其实模型层就是对数据的封装，下面是我的model.jsvar mongoose=require('mongoose'); var Ord
详述MVC设计模式在Node工程中使用
qq_33479841的博客
06-11 325
1.MVC设计模式简介 MVC设计模式（注意：这里强调的设计模式），它只是一种设计思想，帮助我们更好地规范代码和高效地开发。MVC的全名是Model、View、Controller，是模型(model)－视图(view)－控制器(controller)的缩写。MVC框架指的是那些利用MVC设计思想，进行严格分层设计的框架，让代码按照指定的形式来进行编写。 MVC是一种使用MVC（Model Vie...
简单介绍前端MVC与MVVM
qq_44415875的博客
11-04 314
简单介绍前端MVC与MVVM MVC 一、概述 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计规范，用一种业务逻辑、数据、界面显示分离的方法组织代码，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 二、通信方式 View 传送指令到 Controller Controller
MVC和前端的MVVM的比较与联系
yw00yw的博客
02-25 465
（传统的MVC架构模式到MVC的演变，MVC模式可以看做是对三层架构中表现层的一种细分优化。以我的理解，MVC模式就是分层模式中表示层最常用的架构模式。） 详细阐述： 严格说这三个加起来以后才是三层架构中的表现层，也就是说，MVC把三层架构中的UI层再度进行了分化，分成了控制器、视图、实体三个部分，控制器完成页面逻辑，通过实体来与界面层完成通话；而C层直接与三层中的业务逻辑层进行对话。三层和MVC...
前端的MVC模式与MAVVM模式
袁的博客
09-16 278
MVC和MVVM的简单理解
深入理解前端架构 MVVM和MVC
最新发布
m0_59250071的博客
11-27 182
在选择使用MVVM还是MVC时，可以根据具体的项目需求、团队经验和技术栈来进行选择。MVVM适用于需要大量数据绑定和复杂交互的场景，而MVC适用于简单的项目或者需要更灵活控制视图更新的场景。
Vue.js——Node（后端）中的 MVC 与 前端中的 MVVM 之间的区别
张文慧 期待每一天更好的自己
03-30 992
Node（后端）中的 MVC 与 前端中的 MVVM 之间的区别 MVC 是后端的分层开发概念； MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View , VM ViewModel 为什么有了MVC还要有MVVM Vue.js 基本代码 和 MVVM 之间的对应关系 Vue之 - 基本的代码结构和插值表达式、v...
前端框架模式MVC、MVVM和MVP的讲解
jason_renyu的博客
02-07 2488
复杂的软件必须有清晰合理的架构，否则无法开发和维护。   MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。   除了MCV模式还有MVVM和MVP模式，下边就来介绍下着三种模式：     一. MVC模式的意思是,软件可以分成三个部分 Model + View + Controller 模型(Model):数据保存 视图(View):用
mvc中controller与mvvm中viewmodel区别
03-11
在MVC中，Controller负责处理用户的请求并更新Model，同时将Model的变化反映到View上。而在MVVM中，ViewModel则是连接View和Model的桥梁，它负责将Model的数据转换为View所需要的数据，同时也负责将View中的用户操作...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值