MVC和MVVM的关系图解
2021-10-15 08:42:53 0 举报
MVVM和MVC关系图解
作者其他创作
大纲/内容
存数据
router.js
View 层
项目的入口模块一切的请求,都要先进入这里进行处理注意:app.js并没有路由分发的功能,需要调用router.js模块进行路由的分发处理。
Controller
VM它是一个调度者,分割了M和V,每当V层想要获取保存后的数据时,都要由VM做中间处理。
取数据
V就是每个页面中的HTML结构
职能单一,只负责操作数据库,执行对应的SQL语句,进行数据的CRUDC:CreateR:ReadU:UpdateD:Delete
这是业务逻辑处理层这个模块中,封装了一些具体业务的逻辑处理代码,但是,也是为了保证职能单一,此模块只负责处理业务,不负责处理数据的CRUD如果涉及到了数据的CRUD,则需要调用Model层。
Controller层
数据处理过程
MVVM是前端视图层的分层开发思想,主要是把每个页面,分成了M、V和VM,其中,VM是MVVM思想的核心,因为VM是M和V之间的调度者。前端页面中使用MVVM的思想,主要是为了让开发更加方便,因为MVVM提供了数据的双向绑定。【注意:数据的双向绑定是由VM提供的】
文本
app.js
Model层
M这里的M保存的是每个页面中单独的数据。
每当用户操作了界面,如果需要进行业务的处理,都会通过网络请求,去请求后端的服务器,此时,我们的这个请求就会被后端的app.js监听到。
Model
这是路由分发处理模块【为了保证路由模块的职能单一,router.js只负责分发路由,不负责具体业务逻辑的处理】如果涉及到业务逻辑处理操作,只能调用Controller模块进行业务逻辑处理。
请求
收藏
收藏
0 条评论
下一页
为你推荐
查看更多