架构模式-MVC

MVC

好的MVC架构,能实现View与Model层的分离、可替代。拥有条理、逻辑清晰的代码结构。

简介与架构理念

MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式。使用MVC的目的是 将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式

核心理念:分离

前端领域的理解

当理解MVC的三个组成部分时,只有抓住核心理念,才能深刻的理解其中的含义,并实际应用。

View(表现层)

view层的主要作用是:实现DOM元素与Controller之间的 “绑定”

因此view的主要内容则是:

  • 事件绑定Controller方法
  • 方法绑定Controller方法
document.getElementId('id').addEventListener('eventName',controller);
document.getElementId('id').innerText = Controller.getModelByKey('text');

Model(数据层|模型层)

Model层的主要作用是:保证数据的 “纯净” 存储。

如果你以前对Ajax数据请求属于哪部分有疑问,那么从纯净角度来看,它并不应该属于Model部分。

Controller(领域层|控制层)

Controller层的主要作用是:“联接” View层与Model层。

因此Controller的主要内容则是:

  • View的事件绑定函数
  • Model的数据的获取、处理函数

要做好MVC架构,一定要把握好各个层的侧重方向,划分好功能区域,保证功能区的分离


  转载请注明: XMwarrior 架构模式-MVC

 上一篇
设计模式-观察者模式&发布订阅模式 设计模式-观察者模式&发布订阅模式
观察者模式定义了对象间的一种一对多的依赖关系。而发布订阅模式是观察者模式的衍生模式,它进一步解耦了发布者与观察者的依赖关系,并且能够更细粒度的控制依赖关系。 观察者模式(Observer)Observer 定义 观察者模式(Observer
2020-03-15
下一篇 
设计模式-中介者模式 设计模式-中介者模式
定义中介者模式(Mediator Pattern):定义一个中介对象来封装一系列对象之间的交互。中介者使各个对象不需要显示地相互引用,从而使其耦合性松散,而且可以独立地改变他们之间的交互。 模式结构此处引用中介者模式的一段话。 Medi
2020-03-12
  目录