SmartGWT 入门，第 1 部分: 企业级 Web 2.0开发轻松起步

核心提示： 能支持这样强大功能是因为 SmartGWT 中封装了 SmartClient 的 MVC（模型 - 视图 - 控制器）模式，这是 SmartClient 这一 Ajax 框架的独门绝技，SmartGWT 入门，第 1 部分: 企业级 Web 2.0开发轻松起步(6)，实现数据整合的核心是控制器类

能支持这样强大功能是因为 SmartGWT 中封装了 SmartClient 的 MVC（模型 - 视图 - 控制器）模式。这是 SmartClient 这一 Ajax 框架的独门绝技。实现数据整合的核心是控制器类数据源（DataSource），它为 UI 组件这样的视图和后台数据模型之间架起了互通的桥梁。

图 9. SmartGWT 中的数据集成流程

由上图，从客户端到服务器的数据访问大体分为两个部分：

UI 组件和数据源对象的交互

数据源对象和服务器实际数据提供者的交互

在 SmartGWT 中，第一种交互称为 数据绑定，第二种交互称为 数据集成。在本系列的后续两篇文章中，我们将分别介绍这两部分技术及应用。

数据源对象看起来像关系数据库，在数据源内支持定义数据模型。数据源提供的每条数据称为一条记录（Record），对应于数据库中的一行。数据源内可以定义字段（Field），对应于数据库中的列。不仅能定义每个字段的类型，还可以定义数据间关系，比如通过主外键关系来确定父子表。可见数据源类是一个完整的关系型数据的抽象表示。为 UI 组件配置数据源后，对 UI 上的操作，数据源会自动进行相关数据的创建，更新，获取和删除等基本操作。

数据源和 UI 组件的松耦合模式带来的另一个优势是对于同一个数据源，可以同时有多种表示方式，而用户在任一表示方式中对该数据源进行的操作，能同时更新到其它表示方式中，保持显示数据的一致性。如下图所示，员工数据在树形表格控件和表格控件中同时显示，在其中一个控件中对员工数据做修改，其更新能自动同步显示到另一个控件中。