前端MVC
MVC模式(Model–view–controller)是一种设计模式,把系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller),它是一种 代码组织形式,不是任何一种框架,也不是任何一种技术,它只是组织代码的思想。
1.Model 数据管理,主要负责和服务器进行交互。将请求到的数据传给Controller。
2.View 负责用户界面,HTML 渲染。
3.Controller 负责监听并处理View 的事件,更新和调用 Model;也负责监听 Model的变化(Model从服务器获得数据),并更新 View。Controller 控制其他所有流程。
就是把你的代码分成三块,
第一块View 来告诉程序 你的代码长什么样子,或你的代码在页面哪一块。
第二个 Model来告诉 你的数据有哪些操作,
第三个Controller 负责所有的其他事情,操作View
用户点view ,view由Controller监听,所以view一旦被点击就会通知Controller,Controller就会去Model里面调用数据,Model就会去Server请求,Server就响应数据给Model,Model拿到数据就返回给Controller,Controller拿到数据就更新View
代码大概说明 MVC 三个对象
var model = {
data: null,
init(){}
fetch(){}
save(){}
update(){}
delete(){}
}
view = {
init() {}
template: '<h1>hi</h1'>
}
controller = {
view: null,
model: null,
init(view, model){
this.view = view
this.model = model
this.bindEvents()
}
render(){
this.view.querySelector('name').innerText = this.model.data.name
},
bindEvents(){}
}