MVC中的M(model)、MVC总结

MVC中的M(model)、MVC总结

MVC封装message.js(重点邃晓M的封装)

这篇博客的源代码是我的正在写的在线简历,博客是继上一篇写的
完全代码(项目暂未完成)
预览地点

在当地预览项目的时刻用的http-server
将代码变得有构造

V与C

将message.js的代码封装为MVC形式,
先星散V和C,让代码看上去有条理
修正后的构造:
《MVC中的M(model)、MVC总结》

完全代码message.js

M(model)支配数据的模块

model是支配数据的模块,所以将LeanCloud封装为操纵数据的对象.将初始化和支配数据的要领封装在model里:
《MVC中的M(model)、MVC总结》
fetch()save()返回promise,以便背面的controller挪用

剩下部份的构造修正以下:
《MVC中的M(model)、MVC总结》

  1. 将view和model传入controller,对其操纵
  2. 在controller中增加并初始化model
  3. 运用model里支配数据的函数(fetch和save),并对返回的promise运用.then()继承写胜利和失利后的代码

controller在挪用fetch()save()并接受到返回的Promise以后就能够直接去写异步代码,能够写胜利以后和失利以后要做的事.

支配数据交给model,以后胜利或失利处置惩罚,交给controller.在返回的Promise在背面then就好了.至因而胜利照样失利,就要看model层的返回信息了

message.js星散MVC中的M完全代码

MVC总结

MVC就是把代码分为三块

  1. V(view)只担负看得见的东西.
  2. M(model)只担负跟数据相干的操纵,不会涌现DOM,不会涌现任何的html/css操纵.比方model里只会有初始化数据库,猎取数据要领fetch(),保留数据的要领save()
  3. C(controller)只担负把这些view和model组合起来,找到view,找到model,运用model完成数据修正营业,并修正view的显现

V:视图
M:数据
C:控制器

MVC是一种代码构造形式,不是任何一种框架,也不是任何一种手艺,只是构造代码的头脑,要做的就是V和M传给C,C去兼顾

至于M,V,C是对象照样类,都不主要.在js里,MVC分别由三个对象去担负三个职责

MVC的逻辑递次(绿色字)
《MVC中的M(model)、MVC总结》
model特地专注关于server(服务器上的数据库)的接见

    原文作者:马涛涛
    原文地址: https://segmentfault.com/a/1190000015990545
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞