基于 Dojo toolkit 实现 web2.0 的 MVC 模式

核心提示：前言MVC 模式是设计模式中的经典模式，它可以有效的分离数据层，基于 Dojo toolkit 实现 web2.0 的 MVC 模式，展示层，和业务逻辑层，model 是一个 json 的数据结构，封装完，Web2.0 技术由于其良好的用户体验被广泛应用于 WEB 应用的展示层，但是在传统的 web 开发中

前言

MVC 模式是设计模式中的经典模式，它可以有效的分离数据层，展示层，和业务逻辑层。Web2.0 技术由于其良好的用户体验被广泛应用于 WEB 应用的展示层。但是在传统的 web 开发中，展示层的和业务逻辑层代码大量耦合，使得应用的可扩展性严重降低，同时页面层代码的可复用性也很低。本文用实例介绍，如何使用 dojo toolkit 扩展 dojo 的页面控件并实现 MVC 模式，有效的分离了展示层与业务逻辑层的代码，同时使得展示层代码可复用性大大提高。

第一部分：Dojo 构造 MVC 与传统 MVC 模式的区别

传统的 MVC 模式

MVC 模式是"Model-View-Controller"的缩写，中文翻译为"模式 - 视图 - 控制器"。 基于 MVC 模式的程式一般都是由 Controller, View, Model 这三个部分组成。Controller 在应用程式中主要接受用户触发的事件 (Event)，然后 Controller 根据事先定义好的业务逻辑去更新 Model. 在 Model 更新之后，Model 会通知 (notify) 已注册到该模型的视图（view）进行刷新 (refresh) 操作，最后程式将刷新后的视图展示给用户。

Model 的差别：

传统的 MVC 模式的 model 是一个 javabean，如清单三。而在 DOJO 构造的 MVC 当中，model 是一个 json 的数据结构，封装完，返回的数据结构形式如下：

　{“books”:[{“bookName:The　art　of　programming”,”price:90”},　
　　　　　　　　　{“bookName:MVC　introduction”,”price:90”}]}　

数据流向的不同：

在传统的 MVC 模式中，数据的获得过程如下：

JSP — >Servlet — >Service — >DAO — >JavaBean — > 数据库