Oracle ADFを使用したリッチWebアプリケーションの開発

このチュートリアルでは、データベースとやり取りするリッチWebアプリケーションを構築する方法を説明します。このアプリケーションの構築には、Oracle JDeveloper 12c Version 12.1.2とOracle Application Development Framework（Oracle ADF）のフレームワークを使用します。その過程で、Oracle ADFビジネス・コンポーネント、Oracle ADF Faces Rich Clientコンポーネント、およびOracle ADFタスク・フローを使用して作業します。

チュートリアルでは、Webアプリケーションを構築する簡単なシナリオを説明します。Webアプリケーションは、データベース表にアクセスするユーザー・インタフェースを提供します。Oracle JDeveloper 12c Version 12.1.2とOracle ADFを使用して、ビジネス・サービス、ユーザー・インタフェース、およびページ・フローを含む完全なアプリケーションを作成します。チュートリアルの目的は、Oracle ADFによって提供されるJava EEアプリケーション開発のための視覚的かつ宣言的なアプローチを説明することです。チュートリアルを進める中で、Oracle ADFにより、低レベル・コードを記述する必要がなくなり、開発プロセスが加速することに注意してください。

このチュートリアルを始める前に、次のことを確認してください。

  1. Oracle JDeveloper 12.1.2にアクセスできるか、またはインストール済みであること。この製品は、Oracle Technology Networkからダウンロードできます。任意のディレクトリにファイルをインストールしてください。このチュートリアルでは、このディレクトリをJDEVELOPER_HOMEと呼びます。

  2. HRスキーマを含むOracle 11gデータベースにアクセスできるか、またはインストール済みであること（HRスキーマはセキュリティのためにロックされている場合があります。この場合は、システム・ユーザーとしてsqlplusにログインし、HRスキーマをアンロックします）。作成するページの例を下に示します。

最終的なアプリケーション・ページのスクリーンショット
目的 所要時間 アプリケーション
作成するアプリケーションでは、部門と従業員に関する情報を表示します。データベース内のデータの問合せおよび更新を実行できるように、複数のJSFページを作成します。また、複数のタスク・フローの表示コンテナとして使用するページも作成します。
最終的なアプリケーションを確認するには、「Download」ボタンをクリックして最終的なアプリケーションのzipファイルをダウンロードし、JDeveloperのmyworkフォルダに解凍してください。		 2時間 applicationname.zipをダウンロード
パート1：Fusion Webアプリケーションの作成とビジネス・サービスの構築

JDeveloperで作業する場合、アプリケーション内のプロジェクトとして作業を整理します。JDeveloperには、アプリケーションおよびプロジェクトの作成に利用できるいくつかのテンプレート・アプリケーションが提供されています。テンプレート・アプリケーションは、さまざまな種類のアプリケーションを開発する上で必要となる基本的テクノロジーに基づいて事前構成されています。作業環境を構築するには、ニーズにもっとも合ったテンプレートを選択した上で、必要に応じて、使用予定のテクノロジーを追加する設定を行います。

このチュートリアルのパート1では、新しいFusion Webアプリケーションを作成し、データベースにアクセスする再利用可能なビジネス・コンポーネントを構築します。
Oracle ADFビジネス・コンポーネントを使用して、データベース内の既存の表にJavaオブジェクトをマップします。

ステップ1：Fusion Webアプリケーションの作成

  1. 「スタート」→「プログラム」→「<JDEVELOPER_HOME>」→「OracleHome」→「Oracle JDeveloper Studio」→「Oracle JDeveloper Studio」を選択して、JDeveloperを起動します。

    JDeveloper Studio 11.1.2.0.0が選択されたスタート・メニュー

  2. Select Roleダイアログで、「Studio Developer (All Features)」を選択して、「OK」をクリックします。

    JDeveloper Select Roleダイアログ


    3. JDeveloper環境では、ユーザーのロールに基づくシェイピング機能を使用して環境を調整できます。具体的には、メニュー、プリファレンス、新規ギャラリ、およびダイアログ上の個々のフィールドから、それぞれのロールで不要な項目が削除されます。

    また、シェイピング機能を使用して、ツール内のダイアログ・フィールドのデフォルト値をコントロールすることもできます。JDeveloperを最初に起動する場合、ロールの選択を指示されます。このロールはJDeveloperの使用方法を表しています。"Java Developer"、"Database Developer"、"Customization Developer"のロールのいずれを選択するかによって、まったく異なる作業環境が得られます。

    以前のバージョンのJDeveloperからプリファレンスをインポートするかどうかを確認するダイアログ・ボックスが開いたら、「NO」をクリックします。Tip of the Dayウィンドウを閉じます。

  3. ロードが終了すると、JDeveloper IDEが表示されます。初めてJDeveloperを開く際には、Start Pageが表示されます。後でStart Pageを再表示する場合は、「Help」→「Start Page」を選択します。

    JDeveloperについて学習するためのさまざまなオプションが用意されています。 これらのオプションをいくつか確認したら、タブ上の「X」をクリックしてStart Pageを閉じます（タブにマウスを合わせると、「X」が表示されます）。

    JDeveloperのStart Page

  4. アプリケーション・ナビゲータで「New Application」リンクをクリックします。

    Application Navigatorで、New Applicationにカーソルを合わせる

  5. New Galleryで「ADF Fusion Web Application」を選択して、「OK」をクリックします。

    New Galleryで、ADF Fusion Web Applicationを選択

  6. JDeveloperによってFusion Webアプリケーションに必要な機能がロードされ、Create ADF Fusion Web Applicationウィザードが開きます。
    ウィザードのName your applicationページで、名前にHRSystemと入力します。必要に応じて、ファイルを作成するディレクトリ・パスを別の場所に変更しても構いません。
    Application Package Prefixフィールドの値をdemoに設定し、「Next」をクリックします。

    Create ADF Fusion Web Applicationウィザードのページ1で、NameフィールドにHRSystemと入力

  7. Name your projectページで、Project NameがModel（デフォルト）になっていることを確認します。Fusion WebアプリケーションのProject FeaturesリストにADF Business ComponentsとJavaが含まれることを確認します。

    ウィザードのStep 2、NameフィールドのModelを選択、Nextボタンにカーソルを置く

    「Next」をクリックします。

  8. Configure Java settingsページでは、デフォルト・パッケージ、Javaのソース・パス、出力ディレクトリを定義できます。デフォルト値のままにして、「Next」をクリックします。

    ウィザードのページ3、デフォルト・パッケージとしてdemo.modelを選択

  9. 2番目のName your projectページで、Project NameがViewControllerになっていることを確認します。Project Featuresリストをスクロールし、Fusion Webアプリケーションで使用できるテクノロジーの種類を確認します。

    ウィザードのページ4、Project NameのViewControllerを選択

    「Next」をクリックします。

  10. Configure Java settingsページで、デフォルト値を受け入れて「Finish」をクリックし、Fusion Webアプリケーションとプロジェクトを作成します。

    ウィザードのページ5、デフォルトのパス設定を表示

  11. 画面左のアプリケーション・ナビゲータに、HRSystemアプリケーションと2つのプロジェクトが表示されます。変更を保存します。

    アプリケーション・ナビゲータで、新しいアプリケーションと2つのプロジェクトを表示 アプリケーション・ナビゲータの右側に、Fusion Webアプリケーションのチェックリストも表示
    この画面右側のチェックリストも確認します。

    このチェックリストは、Fusion Webアプリケーションが作成されるとデフォルトで表示されます。このリストは、この種類のアプリケーション構築に関係するタスクを示すためのものです。次のステップでは、アプリケーションの開発中にどのようにチェックリストが使用されるかについて説明します。
ステップ2：ビジネス・サービスの構築

  1. Checklist Overviewで、「Connect to a Database」ステップをクリックします。

    Checklistの2つ目のタスクのConnect to a Databaseを選択

  2. このステップの内容が展開され、このタスクの実行に必要な前提条件や、タスクの実行方法に関する詳しい指示などの役立つ情報が表示されます。「Create a Database Connection」ボタンをクリックします。

    ChecklistでConnect to a Databaseタスクを展開、Create a Database Connectionサブタスクにカーソルを置く

  3. 作成する新規接続のプロパティを次のように指定します。

    Connection Name HRConn
    UserName hr
    Password hr

    Oracle JDBC Settingsに適切な値を入力して、使用するデータベースに合ったホスト、ポート、SIDを指定します。「Test Connection」ボタンをクリックして、接続が成功することを確認します。

    Create Database Connectionダイアログの値を入力、Test ConnectionボックスにSuccess!と表示

    「OK」をクリックします。

  4. 下矢印をクリックして、Connect to a Databaseステップの内容を閉じます。

    展開したDatabaseステップの内容を閉じるためにChecklistの矢印にカーソルを置く

  5. Checklistで、Connect to a Databaseステップのステータスを「Done」に設定します。

    Checklistのステータス・ドロップダウン・リストの「Done」にカーソルを置く

  6. 「Build Business Services」ステップをクリックして展開し、「Go to Substeps」ボタンをクリックします。

    ChecklistのStep 3、Build Business Servicesステップを展開、Go to Substepsにカーソルを置く

  7. サブステップ・リストで「Create Entity Objects and Associations」サブステップをクリックします。

    前のステップと同様だがサブステップ・リストが表示された状態で、サブステップ3.1を選択

  8. 「Create Entity Objects and Associations」ボタンをクリックします。

    Checklistのサブステップ3.1を展開、Create Entity Objects and Associationsボタンにカーソルを置く

  9. Select Project for Actionダイアログで、「Model」プロジェクトを選択し、「OK」をクリックします。

    Select Project for Actionダイアログで、ProjectフィールドのModelを選択

  10. Initialize Business Components Projectダイアログで、HRConn接続が選択されていない場合は、これを選択します。「OK」をクリックします。

    Initialize Business Components Projectダイアログで、ConnectionフィールドのHRConnを選択

  11. Create Business Components from Tablesウィザードが開きます。Entity Objectsページで「Query」ボタンをクリックし、データ・ディクショナリを調べて利用可能な表を表示します。

    Create Business Components from Tablesウィザードのステップ1で、Queryボタンにカーソルを置く

  12. Availableリストから「DEPARTMENTS」表と「EMPLOYEES」表を選択します。右矢印をクリックして、これらをSelectedリストに移動します。この手順により、選択された表に基づいて、更新可能なエンティティ・オブジェクトが作成されます。

    ウィザード左側ペインの利用可能な表のリストで、Departments表とEmployees表を選択

    「Next」をクリックして続行します。

  13. ウィザードのEntity-based View Objectsページで、Departments（HR.DEPARTMENTS）とEmployees（HR.EMPLOYEES）をSelectedリストに移動します。この手順により、先ほど作成したエンティティ・オブジェクトに対する問合せに対応したビュー・オブジェクト（DepartmentsViewとEmployeesView）が作成されます。

    ウィザードのステップ2、SelectedペインでDepartmentsViewとEmployeesViewを表示

    「Next」をクリックして続行します。

  14. Query-based View Objectsページで、「Query」ボタンをクリックし、JOBSをSelectedリストに移動します。この手順により、JOBS表に対する問合せを行う、読取り専用のビュー・オブジェクトが作成されます。「次へ」をクリックして続行します。

    ウィザードのステップ3、SelectedペインでJOBSを表示

  15. Application Moduleページで「Finish」をクリックして、Modelプロジェクト内にビジネス・コンポーネントを作成します。

    ウィザードのステップ4、Add to Application Moduleチェック・ボックスを選択

  16. Checklistで、Create Entity Objects and Associationsステップのステータスを「Done」に設定します。

    ChecklistのCreate Entity Objects and Associationsサブタスクで、ステータスのドロップダウン・リストを表示 リストからDoneオプションを選択

  17. 「Close Step 3」ボタンをクリックします。

    ChecklistのClose Step 3ボタンにカーソルを置く

  18. 「Back to Checklist」リンクをクリックし、Build Business Servicesステップのステータスを「Done」に設定します。

    ChecklistのBuild Business Servicesタスクのステータス・ボックス ドロップダウン・リストからDoneオプションを選択

  19. アプリケーション・ナビゲータで、「AppModule」を右クリックして「Run」を選択し、アプリケーション・モジュール・テスターを起動します。このテスターは、Swingベースの小さなアプリケーションです。これを使用して、作成したばかりのOracle ADFビジネス・コンポーネントをテストできます。

    アプリケーション・ナビゲータのAppModuleの右クリック・メニュー Runオプションを選択

  20. Oracle ADF Model Testerウィンドウで、「EmpDeptFkLink1」ノードをダブルクリックすると、部門と従業員のデータが表示されます。Nextボタンを使用してレコードを移動し、マスター・ディテールが自動的に同期される様子を観察します。

    Business Components BrowserのEmpDeptFkLink1を選択、部門に関する情報と、その部門に所属する従業員のリストを表示

  21. マスター・ツールバーの「双眼鏡アイコン」Specify View Criteriaボタン（双眼鏡アイコン）をクリックし、データの検索条件を入力します。LocationIdフィールドに1700と入力し、「Find」ボタンをクリックして、問合せを実行します。

    Business Component View Criteriaダイアログで、LocationIdフィールドに1700と表示

  22. フォームにはこのロケーションの部門のみが表示されます。「Next」ボタンを使用して、ロケーション1700に含まれる部門データをスクロールします。

    Business Component Browserで、LocationId 1700、DepartmentId 30の詳細情報を表示

    再度すべての部門にアクセスするには、検索条件のパラメータ値を削除する必要があります。

  23. Oracle ADF Model Testerウィンドウを閉じ、JDeveloperに戻って、JDeveloperメニュー・バーの「JDeveloperメイン・ツールバーのSave Allアイコン」Save Allアイコンをクリックするか、メニューから「File」→「Save All」を選択します。

前へ 1 2 3 次へ
ブックマーク 印刷 すべて表示 | すべて非表示
トップへ戻る
Copyright c 2013, Oracle and/or its affiliates.All rights reserved.