MVC中的M(model)、MVC总结

zombieda 发布于2019-08-23 11:00 / 1982人阅读

摘要：中的总结封装重点明白的封装这篇博客的源代码是我的正在写的在线简历博客是继上一篇写的完整代码项目暂未完成预览地址在本地预览项目的时候用的将代码变得有结构与将的代码封装为模式先分离和让代码看上去有条理修改后的结构完整代码操纵数据的模块是操纵数

MVC中的M(model)、MVC总结 MVC封装message.js(重点明白M的封装)

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

在本地预览项目的时候用的http-server
将代码变得有结构

V与C

将message.js的代码封装为MVC模式,
先分离V和C,让代码看上去有条理
修改后的结构:

完整代码message.js

M(model)操纵数据的模块

model是操纵数据的模块,所以将LeanCloud封装为操作数据的对象.将初始化和操纵数据的方法封装在model里:

fetch()和save()返回promise,以便后面的controller调用

剩下部分的结构修改如下:

将view和model传入controller,对其操作

在controller中添加并初始化model

使用model里操纵数据的函数(fetch和save),并对返回的promise使用.then()继续写成功和失败后的代码

controller在调用fetch()和 save()并接受到返回的Promise之后就可以直接去写异步代码,可以写成功之后和失败之后要做的事.

操纵数据交给model,之后成功或失败处理,交给controller.在返回的Promise在后面then就好了.至于是成功还是失败,就要看model层的返回信息了

message.js分离MVC中的M完整代码

MVC总结

MVC就是把代码分为三块

V(view)只负责看得见的东西.

M(model)只负责跟数据相关的操作,不会出现DOM,不会出现任何的html/css操作.例如model里只会有初始化数据库,获取数据方法fetch(),保存数据的方法save()

C(controller)只负责把这些view和model组合起来,找到view,找到model,使用model完成数据修改业务,并修改view的显示

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

MVC是一种代码组织形式,不是任何一种框架,也不是任何一种技术,只是组织代码的思想,要做的就是V和M传给C,C去统筹

至于M,V,C是对象还是类,都不重要.在js里,MVC分别由三个对象去担任三个职责

MVC的逻辑顺序(绿色字)

model专门专注对于server(服务器上的数据库)的访问

私有云云服务器 mvc中的aspx MVC? mvc?? MVC

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96900.html

JS面向对象一:m>MVCm>的面向对象封装

摘要：自己的理解的第一个参数就是的值如果没用默认是那个调用函数的当前的对象在全局作用域中就是被隐藏的所以不写且在全局作用于调用函数的时候就是可以使用或者自己指定的指向 JS面向对象一:MVC的面向对象封装 MDNjavascript面向对象面向对象(Object-Oriented) showImg(https://segmentfault.com/img/remote/1460000016...

Scliang 2019-08-26 12:16 评论0 收藏0
JS题目总结:原型链/new/json/m>MVCm>/Promise

摘要：数据管理，包括数据逻辑数据请求数据存储等功能。负责处理的事件，并更新也负责监听的变化，并更新，控制其他的所有流程。上面代码就是一个最简单的类，构造函数创建出来的对象自身有属性，其原型上面有一个属性。 JS题目总结:原型链/new/json/MVC/Promise 1原型链相关 showImg(https://segmentfault.com/img/remote/14600000161...

biaoxiaoduan 2019-08-26 12:18 评论0 收藏0
关于m>MVCm>/P 的简单介绍

摘要：模式的核心是为了将模型从视图控制器中分离出来，从而使得模型独立于它们，因此模型不包含对视图和控制的引用。写在最前面的那些话相信对于大多数小白来说,关于MVP、MVC设计模式肯定是听过也看到过很多次了,也许也有过一些简单了解,但关于TA的具体概念,如何使用以及具体应用等都毫无所知,所以本着许多小伙伴一看到mvp、mvc就一脸懵逼的表情(当然也包括本人了⊙▽⊙)#),最近上手一个基于m...

snowLu 2019-08-15 15:31 评论0 收藏0
谈谈前端m>MVCm>、MVVM设计模式

摘要：模式的目的是实现动态的程序设计，简化程序后续的修改和扩展过程，并且使模块能够被重复利用。视图的可视化表示，表示当前状态的视图。出现于年，最大变化在于代替了。其关键改进是数据绑定，也就是说，的数据状态发生变化可以直接影响，反之亦然。 MV模式的目的是实现动态的程序设计，简化程序后续的修改和扩展过程，并且使模块能够被重复利用。此模式通过简化程序使之变得更为直观。MV不是一种技术，而是一种...

yeyan1996 2019-08-26 10:12 评论0 收藏0
m>MVCm>,MVP,MVVM浅析

摘要：的模式之间不同主要是与的数据传递的流程不同。所以无论是复杂化简单化还是修改流程，基本都是因为技术栈变化了对应做的调整。实例实际项目往往采用更灵活的方式，以为例。用户可以向发送指令事件，再由直接要求改变状态。与不发生联系，都通过传递。概述 M -V- X 本质都是一样的重点还是在于M-V 的桥梁要靠 X来牵线。 X的模式之间不同主要是 M与V 的数据传递的流程不同。数据传递的流程不...

Vultr 2019-08-22 10:36 评论0 收藏0