MVC的含义
MVC是一种设计模式,把系统分为三层:Model,view,controller.
MVC是三个单词的首字母缩写,M指model(模型),V指view(视图),C指Controller(控制器)。
- view : view是用户在浏览器看到的部分,它提供给用户的界面,是外观。
- model:model是数据中的数据库,也有着各种操作数据的方法,跟数据有关的都在这部分,比如AJAX请求,localStorage存储
- controller:controller是连接view和model的接口,负责用户从view中操作,然后取出model中的数据对其进行操作,产生结果使view改变。
MVC的过程
- controller监听着view的操作
- 当用户在view中进行操作,就会通知controller
- controller调用model中的数据
- model中就会请求server服务器中的数据将其返回至controller
- controller就会根据传入的数据来更新view
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(){}
}
MVC通过模块化的方式,可以使代码变得更加简洁且易懂,易于后期进行修改。