# MVC 模式

MVC即模型(model)-视图(view)-控制器(controller),用一种将业务逻辑、数据、视图分离的方式组织架构代码。

在页面开发中我们常常将,页面分成3个层次。视图层,像你刚才说的创建视图等。数据层,像你刚才提到的处理数据;业务逻辑层,比如你刚才说的交互逻辑等。

// 为简化页面操作逻辑,这里引用链模式中实现的A框架,具体方法参考附录A
// 页面加载后创建MVC对象
$(function(){
    // 初始化MVC对象
    var MVC = MVC || {};
    // 初始化MVC数据模型层
    MVC.model = function(){}();
    // 初始化MVC视图层
    MVC.view = function(){}();
    // 初始化MVC控制器层
    MVC.ctrl = function(){}();
});

通过单体模式创建MVC对象,由于MVC对象要分3个层次,因此我们创建3个层次对象属性,分别是模型对象model、视图对象view、控制器对象ctrl。剩下的事情就是要依次实现3个层次对象。”

上次更新: 7/4/2020, 4:14:54 AM