接下来，我们将使用 wdo 数据组件来构建结果页面。websphere studio 将自动连接到数据库并构建所需的数据组件。
　　首先，我们需要创建一个标题标签。从 jsf 选用板选择 output 组件（图 11）。
　　图 11. jsf 选用板
　　　

　　把组件拖到 jsp 页面，位于开始和结束标记之间，然后选择 text 作为类型。
　　图 12. jsf 选用板
　　　
　　在 attribute 视图中将文本的字体大小改为 18。
　　图 13. attribute 视图
　　　
　　在 output 组件后面创建一个空行（图 13）。展开选用板的 data（beta）部分。选择 relational data list（图 14）并把它拖到 jsp 页面，如图 15 所示。
　　图 14. 可视选用板
　　　
　　图 15. stock history 页面
　　　
　　系统将显示 data 向导（图 16）。请输入或选择如下值：
　　name：stockhistory
　　scope：request
　　action type：display existing data list
　　选择 connection name 字段旁边的 new。
　　图 16. data 向导
　　　
　　在 new connection 对话框，为 connection name 输入 wstrade，然后选择 new connection。按一下 next。
　　图 17. 连接到数据库
　　　
　　在 database connection 对话框（图 18），输入或选择如下值：
　　connection name：wstrade
　　database：wstrade
　　user id：db2admin
　　password：db2admin
　　database vendor type：db2 universal database v8.1
　　jdbc driver：ibm db2 app driver
　　class location：应该已包含适当的路径。
　　press finish.
　　图 18. 建立 jdbc 连接
　　　
　　在 add data list 对话框（图 19），选择表 wstrade.stockhistory 然后选择 next。
　　图 19. 数据清单特性
　　　
　　在下一个对话框（图 20），保留所有的字段被选中，然后选择 next。
　　图 20. 列选择和高级任务