模块化-MVC与MVVM

本文探讨了在前端开发中,MVC模式在处理复杂页面时的局限性,并介绍了MVVM模式的优势。MVVM模式下,View负责展示,ViewModule处理业务逻辑,Module处理数据交互。文章提到了MVVM的实现步骤,包括模板定义、数据绑定和事件处理,并指出MVVM模式更适合前端页面的编写。
摘要由CSDN通过智能技术生成

这段时间在写学校一个管理系统,界面比较简单,后台是基于.net编写的,整体使用mvc模式。对于前端与后台一起来时,使用mvc模式可能是很好用的,但是当我尝试着用MVC模式来写一个前端页面时候,感觉很难用,好像在做强制的页面分离。

MVC模式:视图(View):用户界面;控制器(Controller):业务逻辑模型(Model):数据保存。View 传送指令到Controller;Controller 完成业务逻辑后,要求 Model 改变状态;Model 将新的数据发送到 View,用户得到反馈。一般前台MVC模式是,v为页面html,m为数据,c为单独js控制事件流。前端开发的MVC架构核心是事件流;后端开发的核心是数据流。如果让每个事件都流过c,也就是控制器,整个前端页面将写的很不灵活,其实也很难完成这种工作。

MVVM模式:

View一般就是我们平常说的HTML文本的Js模板,里面可以嵌入一些js模板的代码,比如Mustache,比如jstl类似的模板伪代码

ViewModule层里面就是我们对于这个视图区域的一切js可视业务逻辑,举个例子,比如图片走马灯特效࿰

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值