网站建设资讯

NEWS

网站建设资讯

MVC和MVVM设计模式-创新互联

MVC模式

创新互联公司是一家专注于网站建设、成都网站设计与策划设计,泉港网站建设哪家好?创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:泉港等地区。泉港做网站价格咨询:13518219792

MVC即Model-VIew-Controller。他是1970年代被引入到软件设计大众的。MVC模式致力于关注点的切分,这意味着model和controller的逻辑是不与用户界面(View)挂钩的。因此,维护和测试程序变得更加简单容易。 MVC设计模式将应用程序分离为3个主要的方面:Model,View和Controller

MVC 和 MVVM 设计模式

M: 数据保存

业务数据,数据的模型,数据的封装定义。比如商品、订单、用户、评论等。每一种数据是一种数据模型,在js中,各种数据类型的变量用于表示数据模型。

V: 用户界面 

视图,表示业务数据的表现,由HTML来表示,尤其需要加强的 HTML 操作

C: 业务逻辑 

控制器:负责控制数据的获取、删除和更新。由js中的各种function来实现。 原生代码实现时,整个过程都得自己写,总是会疑惑于思路。那么,有了基于 MVC 的模式,以后会形成一种固定方式:先定义数据模型,定义显示方式,由控制器来控制它们

各部分之间的通信方式如下:所有通信都是单向的。

MVC 和 MVVM 设计模式

1、View传送指令到Controller

2、Controller完成业务逻辑后,要求Model改变状态

3、Model将新的数据发送到View,用户得到反馈

MVVM模式

MVVM即Model-View-View Model。这个模式提供对View和View Model的双向数据绑定。这使得View Model的状态改变可以自动传递给View。典型的情况是,View Model通过使用obsever模式(观察者模式)来将View Model的变化通知给model。

MVC 和 MVVM 设计模式

它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然

Model

Model层代表了描述业务逻辑和数据的一系列类的集合。它也定义了数据修改和操作的业务规则。

View

View代表了UI组件,像CSS,JQuery,html等。他只负责展示从Presenter接收到的数据。也就是把模型转化成UI。

View Model

View Model负责暴漏方法,命令,其他属性来操作View的状态,组装model作为View动作的结果,并且触发view自己的事件。

MVVM模式关键点:

1、用户和View交互。

2、View和ViewModel是一对一关系,也就意味着一个View只能映射到一个ViewModel。

3、View持有ViewModel的引用,但是View没有任何Model的信息。

4、View 和ViewModel之间有双向数据绑定关系。

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


本文名称:MVC和MVVM设计模式-创新互联
网页路径:http://cdweb.net/article/dhjeed.html