基于 Web 2.0 技术的网上银行前端架构及开发，第 1 部分: 基本元素和架构

核心提示： 图 4. Widget 容器一个定义好的 Widget 会被注册在 Widget 注册表中，借助该注册表，基于 Web 2.0 技术的网上银行前端架构及开发，第 1 部分: 基本元素和架构(5)，Widget 容器可以通过代表这个 Widget 定义的 ID 找到 Widget 定义的具体位置，

图 4. Widget 容器

一个定义好的 Widget 会被注册在 Widget 注册表中。借助该注册表，Widget 容器可以通过代表这个 Widget 定义的 ID 找到 Widget 定义的具体位置。而服务列表中则利用那个 ID 和对 Widget 的属性配置来定义一个 Service。Widget 运行环境最终会通过 Service 的定义来初始化 Widget 的实例，并展现在工作区上。如图 5 所示。

图 5. 展现在工作区上的 Widget 实例

从上文的描述中可以看到，从最初的定义一个 Widget 到最终的运行一个 Widget 实例，需要完成以下几步：

定义 Widget 的 XML 描述文件

开发 Widget 的资源文件

注册 Widget 的定义

利用 Widget 定义服务

运行 Widget 实例（服务）

作为例子，下面会根据这五个步骤创建并运行一个简单的 HTML Widget，这个 Widget 的主要功能就是根据参数 URL 的值来链接到相对应的网页。而且用户可以 Widget 实例上直接编辑参数 URL 的值。

定义 Widget 的 XML 描述文件

一个 Widget 的 XML 描述文件主要包括 Widget 的名字、Widget 的 scope 对象、Widget 的事件、Widget 支持的展现转换模式、Widget 的默认展现内容、Widget 所需要的 JavaScript 文件和 CSS 文件、Widget 的属性、Widget 的展现内容定义等等。