Oracle Jdeveloper Ch4

Oracle JDeveloper 系列文章

第四章：Oracle JDeveloper 範例導覽 經過前三章的說明，相信對於 Oracle JDeveloper 有了基本的認識，在本章會先 行帶領大家來做兩個簡單的範例，其中包括兩大部分： 第一部份是 Java Client，也就是 Client / Server 的架構，其中底層是使用 Java Swing 來實作，而在 Oracle 的部分成為 JClient。 第二部分是 JSP 相關技術，以就是整個 J2EE 的開發環境都可以涵蓋在 Oracle JDeveloper，所以此部分是 Web 端的技術。 在這兩個例子中，我們會使用 Oracle ADF（Application Development Framework） ， 也就是 BC4J 加強版，我們會提供一個 ADF 的 Model 架構，示範如何使用 Oracle JClient 和 JSP 來做 User Interface，我們都會在稍後為大家介紹。 範例需求： 1. 2. 3. 4.

Oracle 資料庫 或是其餘可以取代的資料庫。 Oracle Sample：可以打開兩個 Sample User：HR，OE（或是自行準備資料）。 Oracle JDeveloper 10g。 請自行先行建立 HR 的 Database Connection（請參閱 CH3）。

首先，我們先建立一個 Application Workspace，所以可以點一下 Application 按一 下右鍵，並選擇 New。

1 頁 1/20/2005

Oracle JDeveloper 系列文章

選一下 Application Workspace：

輸入 Application Name：DeptEmpWS，在 Application PackagePrefix 中輸入： dew，並選擇 Application Template：Java Application [Default]。

2 頁 1/20/2005

Oracle JDeveloper 系列文章

按下存檔

在 Model 上，按下右鍵，並選擇 New。 並選擇 Business Components 的分類，並選擇 Business Components from Tables 這個選項。

3 頁 1/20/2005

Oracle JDeveloper 系列文章

選擇 HR_HOME 的 Connection

並且輸入帳號密碼

接著啟動 Create Business Components from Tables 的 Wizard：

4 頁 1/20/2005

Oracle JDeveloper 系列文章

選擇 DEPARTMENTS 和 EMPLOYEES 這兩個 TABLE 作為 ADF 的 Entity Object，有關於 Oracle ADF Framework 將會於後面的章節作介紹：

將需要建立的 Entity Object 的 Table 或是 View，選擇到另一邊：

5 頁 1/20/2005

Oracle JDeveloper 系列文章

接著會進入設定 View Object 的相關設定：

將所需要建立 View Object 的 Entity Object，選擇到另一邊，在此，我們將兩個 Entity Object 選擇到另一邊。

6 頁 1/20/2005

Oracle JDeveloper 系列文章

接著建立 Application Module，我們將 Name 設定為：DeptEmpModule。

當 Wizard 已經完成設定過後，Wizard 會將相關的結果進行 Sunnary，在此，共 建立了兩個 Entity Object、兩個 View Object 和一個 Application Module。

7 頁 1/20/2005

Oracle JDeveloper 系列文章

正在產生 DeptEmpModule 的相關 CLASS 檔和相關的 XML FILES 等等的檔案。

Oracle ADF 相關的檔案和設定檔，都已經成功的建立在 Application Navigator， 其中包括 Entity Object、Assocation、View Object、View Link 和 Application Module 共相關檔案，會於下面章節再好好進行說明。

8 頁 1/20/2005

Oracle JDeveloper 系列文章

選擇 DeptEmpModule 按下右鍵，並選擇 Test，並且執行 Connect 等等。

9 頁 1/20/2005

Oracle JDeveloper 系列文章

此時，已經打開 ADF BC 的 Oracle Business Components Browser，可以使你去檢 查你所建立的 ADF 是否正確，可以透過他，進行 ADF 的正確性檢查。

可以針對左邊的 Data Model 來點取，可以看到這兩個 Table 的 Master-Detail 的狀 況，可以點選下一筆或是新增資料的按鈕，也可以進行相關的 Data Entry。

10 頁 1/20/2005

Oracle JDeveloper 系列文章

當點下一筆後，可以很明顯看到從 Oracle DB，將相關的資料顯示在 Browser 上.。

進行 Application 存檔，並在 View 的 Node，按下右鍵並選擇 New： 先行建立其中第一種 User Interface：JClient。

11 頁 1/20/2005

Oracle JDeveloper 系列文章

可以在 Client Tier 的分類下，選擇 Swing/JClient for ADF 的分類，並選擇相關的 Item：Form。

此部分會啟動 JClient 的 Create Wizard，可以一步一步建立一個 JClient。

12 頁 1/20/2005

Oracle JDeveloper 系列文章

選擇建立一個 Master-Detail 的 JClient，並以 JClient 方式建立。

選擇 Master 和 Detail 的相關 Template。 在此，使用預設選項即可。 可以自行研究相關的選項，也會在往後章節提起。

13 頁 1/20/2005

Oracle JDeveloper 系列文章

Wizard 需要為 ADF BC 建立一個 Client Data Model，可以選擇 New 來產生，將 會在後面介紹 ADF 相關的 Component。

緊接中，會啟動 Client Data Model 建立 Wizard，也就是為 ADF BC 和 JClient 之間建立一個 Client Data Model，換言之，好像建立一座橋樑。

14 頁 1/20/2005

Oracle JDeveloper 系列文章

Wizard 會幫你建立一個 Client Data Model，在此會幫你帶出 ADF BC 的相關 Information，在此可以利用 Default 設定值，來建立 Client Data Model。

按下完成，可以成功建立 Client Data Model，並返回 JClient 的 Wizard。

15 頁 1/20/2005

Oracle JDeveloper 系列文章

Wizard 會將 Client Data Model 的設定名稱帶回以下此欄，就繼續按下一步。

在此部分，必須選擇哪一個 Panel 要呈現哪一個 View Object，因為 DepartmentView1 是整個 Master-Detail 的 Master，而 EmployeesView3 則是整 個 Master-Detail 的 Detail ，繼續按下一步。

16 頁 1/20/2005

Oracle JDeveloper 系列文章

選取 Master 的相關 Attribute 屬性，我只選了 DepartmentId 和 DepartmentName 這兩個 Attribute。

同理，下一個我選 Detail 的部份，以下面圖為主，繼續按下一步。

17 頁 1/20/2005

Oracle JDeveloper 系列文章

進行 File Name 的設定，一般來說可以更改名稱，在此就採用 Default，繼續按 下一步。

這是 JClient 的完成畫面，可以直接按下完成。

18 頁 1/20/2005

Oracle JDeveloper 系列文章

因為 Template 的 JClient 已經建立，你可以先執行【Make】來進行相關的 Java 檔案的編譯。

將 Java 檔編譯成 Class 檔後，就可以開始準備 Run，你當然也可以直接 Run， 因為 JDeveloper 會幫你進行事前編譯。

19 頁 1/20/2005

Oracle JDeveloper 系列文章

以下是一個 Master-Detail 的 JClient 已經建立，包括兩個 Panel，你可以點選前 後來瀏覽資料。

以下是按下一筆後，所呈現的畫面。

關於 JClient 的相關細節，或是相關的設定說明，將會於後面慢慢詳述，本部分 僅說明如何快速 Create 一個 JClient。 20 頁 1/20/2005

Oracle JDeveloper 系列文章

以下將為大家示範如何建立一個 JSP Web Application 的 Project，可以先按下右 鍵來 Create 一個新的 Project。

在此選擇 Web Project，在你所選的 Project 中會因為你所選的屬性而不同，所 以我們現在要建立一個 Web Application，我們會建立一個 Web Project。

21 頁 1/20/2005

Oracle JDeveloper 系列文章

會先行出現 Create Web Project 的 Wizard，在此先按下一步。

在此部分，將 Project Name 改成 ViewController 當作你的 Project Name，且下 面的 Directory Name 將會一併的進行更改，你只需要改 Project Name。

22 頁 1/20/2005

Oracle JDeveloper 系列文章

在此部分，會進行基本的 Web Project 的 Setting，你只需要將【Add JSP Page】 這個選項的框框打勾即可，其餘可以用 Default。

可以按下完成，完成 Web Project 的設定和建立。

23 頁 1/20/2005

Oracle JDeveloper 系列文章

會立即跳出一個新的 JSP 的建立畫面，可以將 File Name 輸入 DeptEmp.jsp， 其餘部分利用 Default 的選項。

你可以在 Application Navigator 中看到一個 DeptEmp.jsp 的檔案建立。

24 頁 1/20/2005

Oracle JDeveloper 系列文章

首先進入 DeptEmp.jsp 的編輯畫面，我先行輸入【瀏覽部門】 ，這些字在編輯畫 面中。

為了使字變大，可以將這些字全選，然後進行變大或變小，如下圖選 Heading 3。

25 頁 1/20/2005

Oracle JDeveloper 系列文章

可以利用 Oracle JDeveloper 所提供的調色盤來進行相關字的調色，如下圖，我 選擇了藍色。

緊接著可以加入 CSS 支援，所以右邊選擇 Component Palette 中的 Component 中選擇，可以選到 CSS 的分類。 備註：如果沒有 Component Palette 的話，可以去上面的功能列中的【View】中 去選擇到。

26 頁 1/20/2005

Oracle JDeveloper 系列文章

你可以點選 JDevloper 的 CSS 並將其拖曳到主要的編輯區，會將這個 JSP Page 支援 JDevloper 的 CSS，在此不多示範。 右邊的 Component Palette 中有另一個是 Data Control，當你點到 Data Control 後，你可以選到 Oracle ADF 所產生或 Support 的元件，以下將會慢慢說明。

你可以將之前的其中一個 View Object：EmployeesView1，選取後，並在 Drag and Drop As 這個選項上選擇【Read-Only Form】，並且拖曳到主要編輯區。

27 頁 1/20/2005

Oracle JDeveloper 系列文章

如下圖，你可以將 EmployeesView 的相關資訊拉到 DeptEmp.jsp 的主要編輯區。

同樣的方式，你可以將下面選項選成 Navigator Buttons，並再將 EmployeesView1 拉到剛剛的 Form 的最前面。

28 頁 1/20/2005

Oracle JDeveloper 系列文章

上述如下圖所示：

將剛剛拉過去的 Navigator Button 拉到整個 Form 的中央。

29 頁 1/20/2005

Oracle JDeveloper 系列文章

接者可以將 DeptEmp.jsp 進行編譯，選擇右鍵， Make。

可以緊接者選擇 Run，Oracle JDeveloper 會自動啟動 Embedded OC4J Server 來 執行這支 JSP Page。

30 頁 1/20/2005

Oracle JDeveloper 系列文章

以下是 OC4J Server 啟動的 URL，Oracle JDevleoper 將會自動幫你帶一個新的 IE 的視窗來顯示 JSP Page。

以下是已經成功的執行，會將整個 Employees Table 的第一筆資料顯示出來，你 可以點選相關的 Navigator Button 去操控資料。

31 頁 1/20/2005

Oracle JDeveloper 系列文章

你可以點 Next，將可以瀏覽到下一筆資料，由此可以觀看相關資料，點選 Last 可以看到最後一筆資料。

在本章中，我們學到兩個基本的範例，有關於 Oracle JClient 和 Oracle JSP Web Application，可以看到都很快開發 Application，在此不是強調有多快，而是強調 這樣可以對於我們的開發提供一定的幫助，在整個範例中，我們都一直基於 Oracle ADF Framework，因為我們有一個 ADF，可以提供我們一種整合式的開 發，相信你對 Oracle JDevloper 已經又多認識一點，雖然還有很多都沒有解釋， 但是在下面幾章，我將為大家一一解釋 ADF，在最後幾章，將為大家介紹相關 的 User Interface，繼續加油喔。

32 頁 1/20/2005