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

核心提示： Widget 是基于 Web 2.0 的下一代网上银行服务的载体，网银上所有的金融产品和服务的页面展现都可以封装为 Widget 的实例，基于 Web 2.0 技术的网上银行前端架构及开发，第 1 部分: 基本元素和架构(4)，而一个 Widget 的实例是通过对一个 Widget 的定义做参数

Widget 是基于 Web 2.0 的下一代网上银行服务的载体，网银上所有的金融产品和服务的页面展现都可以封装为 Widget 的实例。而一个 Widget 的实例是通过对一个 Widget 的定义做参数配置后的实例化。如图 3 所示，一个 Widget 的定义会有两部分文件组成：一个 XML 文件和若干的资源文件。资源文件包括 JavaScript 文件、CSS 文件、图片文件、HTML 文件、视频文件和音频文件。这些资源文件不一定都会存在，而且这里所说的 Widget 的资源文件是 Widget 实例化时引入的资源。例如，一个 Widget 定义确定会显示一些的图片，那么这些图片就是 Widget 的资源；而如果某个图片是在 Widget 生成实例并显示在页面上时，通过某个 Widget 的参数输入的 URL 链接进去的，那么这样的图片不包含在这个 Widget 定义中。一个 Widget 的定义可以理解为一个 XML 定义和若干资源的组合。

图 3. Widget 的定义图

一个 Widget 被定义并实例化后才可以在 Widget 容器中运行。从一个定义好的 Widget 到生成一个在线运行的 Widget 实例，一方面需要运行环境的支持，另一方面需要通过适当的形式为 Widget 的实例化输入适当的参数。Widget 的运行环境包括在浏览器上运行的 JavaScript 服务和引擎，同时也包括服务器端的一些支持如 Widget 对象的持久化、Widget 的 XML 定义的传递等等。Widget 运行环境在浏览器端的服务和引擎被统称为 Widget 容器，如图 4 所示。