三层架构、MVC、MVP、MVVM简介

1. 三层架构

三层架构就是将整个业务应用划分为：

• UI层：界面层（User Interface layer）
• BLL层：业务逻辑层（Business Logic Layer）
• DAL层：数据访问层（Data access layer）

区分层次的目的是为了“高内聚低耦合”
在软件体系架构设计中，分层式结构是最常见，也是最重要的一种结构。微软推荐的分层式结构一般分为三层，从下至上分别为：数据访问层、业务逻辑层（又或称为领域层）、表示层。

2. MVC

参考下图：

代码实例：

// 一个关于数据操作，页面展示的 js 文件的mvc的代码组织形式
! function (){
    var view = document.querySelector('section.message')

    var model ={
        //初始化数据
        init: function(){
            var APP_ID = 'XXX';
            var APP_KEY = 'xxx';    
            AV.init({ appId: APP_ID, appKey: APP_KEY });            
        },
        // 获取数据