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 条评论
回复 删除
下一页
