素材巴巴 > 程序开发 >

java mvvm 框架,浅谈MVVM风格开发框架

程序开发 2023-09-08 07:08:01

浅谈MVVM开发框架

什么是MVVM框架

为什么会出现MVVM

MVVM设计模式

ViewModel

什么是MVVM框架

MVVM框架是MVP(Model View Presenter)模式与WPY结合演变而来的一种新型的框架结构,它立足于原有的MVP框架并且融入了WPY的新特性,以应对客户日益复杂的需求变化

为什么会出现MVVM

简单来说,在MVVM风格开发框架没有出来之前,我们通常的会吧服务端代码放到浏览器当中,这样一来就产生了成千上万行的js代码,它们有连接了各种各样的css文件和html文件来展示视图,正是应为缺乏正规的组织形式,越来越多的开发者使用JavaScript框架,但是前端的项目越大,项目的可维护性和可扩展性就越低,为了解决这一问题,前端又出现了很多类库来解决项目的维护和扩展,但是这一类库没有统一标准的业务逻辑分层,综上原因,才有了我们现在的MVVM风格的开发框架。

MVVM设计模式

如图

c518b4c9e3fbb0e9624ca3f6faa429fb.png

MVVM是Model-View-ViewModel的缩写,Model是模型,是指后端传递的数据,View是视图,是指用户所看到的页面,ViewModel是连接Model和View的桥梁,也是MVVM的核心。所以我们重点说一下ViewModel。

ViewModel

它的工作是将后端传递来的数据转换成用户看到的页面,同时它也需要将用户所看到的页面转化成数据在传递给后端,也就是说是MVVM框架中,View层和Model层不直接交互,他们通过ViewModel来建立连接,ViewModel需要监Model的变化来改变View,同时也需要监听View的改变来通知Model改变数据,这就是双向绑定,ViewModel要实现一个observer观察者,来监听数据的变化,同时告知View层做出相应的改变。


标签:

上一篇: angular路由 和 router-outlet 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。