創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）

2019-11-18 13:16:49

字體：大中小

供稿：網(wǎng)友

　　接下來(lái)，我們將使用 WDO 數(shù)據(jù)組件來(lái)構(gòu)建結(jié)果頁(yè)面。WebSphere Studio 將自動(dòng)連接到數(shù)據(jù)庫(kù)并構(gòu)建所需的數(shù)據(jù)組件。
　　首先，我們需要?jiǎng)?chuàng)建一個(gè)標(biāo)題標(biāo)簽。從 JSF 選用板選擇 Output 組件（圖 11）。
　　圖 11. JSF 選用板
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖一）

創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖一）

　　把組件拖到 jsp 頁(yè)面，位于開(kāi)始和結(jié)束標(biāo)記之間，然后選擇 Text 作為類(lèi)型。
　　圖 12. JSF 選用板
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖二）

　　在 Attribute 視圖中將文本的字體大小改為 18。
　　圖 13. Attribute 視圖
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖三）

　　在 output 組件后面創(chuàng)建一個(gè)空行（圖 13）。展開(kāi)選用板的 Data（Beta）部分。選擇 Relational Data List（圖 14）并把它拖到 JSP 頁(yè)面，如圖 15 所示。
　　圖 14. 可視選用板
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖四）

創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖四）

　　圖 15. Stock History 頁(yè)面
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖五）

　　系統(tǒng)將顯示 Data 向?qū)В▓D 16）。請(qǐng)輸入或選擇如下值：
　　Name：stockHistory
　　Scope：request
　　Action Type：Display existing data list
　　選擇 Connection name 字段旁邊的 New。
　　圖 16. Data 向?qū)?/center>
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖六）

創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖六）

　　在 New Connection 對(duì)話框，為 Connection name 輸入 WSTRADE，然后選擇 New Connection。按一下 Next。
　　圖 17. 連接到數(shù)據(jù)庫(kù)
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖七）

創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖七）

　　在 Database Connection 對(duì)話框（圖 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：應(yīng)該已包含適當(dāng)?shù)穆窂健?br />　　PRess Finish.
　　圖 18. 建立 JDBC 連接
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖八）

創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖八）

　　在 Add Data List 對(duì)話框（圖 19），選擇表 WSTRADE.STOCKHISTORY 然后選擇 Next。
　　圖 19. 數(shù)據(jù)清單特性
　　　創(chuàng)建通過(guò) WDO訪問(wèn)數(shù)據(jù)的 JSF 應(yīng)用程序（2）（圖九）