用购物车理解前端MVC架构

上传者: time_____ | 上传时间: 2021-06-15 20:44:59 | 文件大小: 708KB | 文件类型: ZIP
购物车整体流程:
目录结构将model view controller剥离开
Modedl层:存储数据,显示数据
View:根据Model数据渲染页面
Controller:传递数据
Command:操作数据,获取数据
Event:事件总线,注册事件
商品列表:
初始化View层,建立Ajax获取数据,之后由controller触发事件至事件总线,然后再由注册的事件将ajax数据传至Model中完成商品列表初始化
当model获取到商品列表数据时,通过代理set() 触发新建商品列表事件,通过command操作view达到新建列表目的
购物车表格:
当用户对view进行操作时,触发注册的事件,通过command修改Model中的数据(购物车列表)从而再由command驱动view中的刷新表格进行渲染

文件下载

资源详情

[{"title":"( 363 个子文件 708KB ) 用购物车理解前端MVC架构","children":[{"title":"shop.css <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"CreateTable.js <span style='color:#111;'> 3.86KB </span>","children":null,"spread":false},{"title":"CreateList.js <span style='color:#111;'> 1.65KB </span>","children":null,"spread":false},{"title":"ShopView.js <span style='color:#111;'> 579B </span>","children":null,"spread":false},{"title":"Counter.js <span style='color:#111;'> 2.30KB </span>","children":null,"spread":false},{"title":"......","children":null,"spread":false},{"title":"<span style='color:steelblue;'>文件过多,未全部展示</span>","children":null,"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明