面向企业的云计算: 第 2 部分：Amazon EC2 公共云上的 WebSphere sMash 和 DB2 Express-C

核心提示： 创建用户界面 现在，需要让系统的用户能够查看数据并与之交互，面向企业的云计算: 第 2 部分：Amazon EC2 公共云上的 WebSphere sMash 和 DB2 Express-C(8)，WebSphere sMash 提供定制的 Dojo 小部件，它们可以利用 ZRM 中的实用

创建用户界面

现在，需要让系统的用户能够查看数据并与之交互。WebSphere sMash 提供定制的 Dojo 小部件，它们可以利用 ZRM 中的实用程序访问数据库中的数据。这些小部件提供开箱即用的功能。您可以将它们放置到 HTML 页面的任何位置，以提供必要的配置信息，结果将得到一个非常友好的界面，在其上，可以使用先前创建的资源处理程序创建、读取、更新和删除后端数据库中的数据。

定义一个与 ZRM 资源处理程序交互的 DataStore，并定义一个使用 DataStore 的 DataGrid。在餐馆座位系统中，引位员必须能够查看当前正在等待的顾客，添加新的顾客，以及查看当前的座位数。您可以使用 zero.resource.DataStore 和 zero.grid.DataGrid 显示顾客信息。（还可以将该技术应用到座位数据 —— 或任何配置为使用 ZRM 的数据）。

清单 4. 顾客 DataGrid 和 DataStore

//　patron　DataStore　
<span　dojoType="zero.resource.DataStore"　id="patronDataStore"　
　　jsId="patronDataStore"　
　　contextRoot="./resources"　
　　resourceCollection="patron">　
</span>　
　
//　patron　DataGrid　
<div　dojoType="zero.grid.DataGrid"　
　　　　id="patronDataGrid"　
　　　　visibleFields="name,capacity_requested,id"　
　　　　store="patronDataStore"　
　　　　readonly="true"　
　　　　style="width:　348px;　height:　271px;">　
　　　　</div>