构建 pureXML 和 JSON 应用程序，第 3 部分: 为 pureXML 创建 OpenSocial 小工具

核心提示： minimessage — 这个特性提供了一组 API 来在这个小工具内为用户创建并显示消息，在本例中，构建 pureXML 和 JSON 应用程序，第 3 部分: 为 pureXML 创建 OpenSocial 小工具(6)，我们使用 minimessage 创建 DB2 事务状态

minimessage — 这个特性提供了一组 API 来在这个小工具内为用户创建并显示消息。在本例中，我们使用 minimessage 创建 DB2 事务状态消息。

我们还定义了一组用户首选项（<UserPref>）来动态地设置 pureXML Universal Service 端点及这个小工具将被部署到的那个应用程序的上下文路径。小工具提交后，所定义的 <UserPref> 元素就会被作为这个小工具界面中的输入公开。之后，用户就可以适当地编辑或修改这些设置了。请注意这些 <UserPref> 元素的 name 属性与 清单 1 中用于获取端点 URL 的组成字符串的 JavaScript doPOST 函数的名称相同。

第四，内容部分 <Content> 定义了这个小工具的内容类型是 HTML。在 CDATA（字符数据）部分中定义小工具内容，并在其中创建一个 HTML 表来捕获用户输入，加上 minimessage、用户首选项及 JavaScript 函数，这个小工具就可以投入运行了。我们将在下一步对这一小节中的内容加以扩展，构建一个连接到 pureXML 服务的客户机。

向这个小工具添加内容

现在，在 上一步骤 中介绍的小工具定义的 CDATA 部分中加入示例 HTML 表及 JavaScript 来捕获用户输入和动作。

首先，参照 清单 3 添加 HTML 表中要用到的样式表。

清单 3. HTML 表中要用到的样式表

　<style　type="text/css">　
　　table.layout　{border:0;　width:50%;}　
　　td.green　{background-color:#BFFF80;　
　　　font-family:sans-serif,　verdana;}　　　　
　　td.white　{background-color:#FFFFFF;　
　　　font-family:sans-serif,　verdana;}　　　　
　　th.green　{background-color:#BFFF80;　
　　　font-family:sans-serif,　verdana;}　　
　　th.white　{background-color:#FFFFFF;　
　　　font-family:sans-serif,　verdana;}　　
　　td.row-bright{background-color:#FFFFBF;　
　　　font-family:sans-serif,　verdana;　
　　　text-align:center;}　
　　td.row-dark　{background-color:#FFFF8C;　
　　　font-family:sans-serif,　verdana;　
　　　text-align:center;}　
　　tr.row-bright　{background-color:#FFFFBF;　
　　　font-family:sans-serif,　verdana;}　
　　tr.row-dark　{background-color:#FFFF8C;　
　　　font-family:sans-serif,　verdana;}　
　　tr.empty　{background-color:#FFFFFF;　
　　　height:　10px;}　
　　tr.empty-small　{background-color:#FFFFFF;　
　　　height:　5px;}　
　</style>　　　

编缉推荐阅读以下文章

• 构建 pureXML 和 JSON 应用程序，第 2 部分: 为公开 JSON 的 pureXML 创建 Universal Services
• 构建 pureXML 和 JSON 应用程序，第 1 部分: 使用 DB2 pureXML 储存和查询 JSON