Faces アプリケーションの作成 - 概要

動的 Web アプリケーションを作成するために使用できる Web テクノロジーはいくつかありますが、 JavaServer Faces はフォームをベースとするアプリケーションを容易に作成する機能を提供します。 いくつかのビューにより、JavaServer Faces テクノロジーを簡単に Web アプリケーションに実装することができます。 「ページ・データ」ビュー (定義済みのデータ・ソースを表示)、 「パレット」ビューの「Faces コンポーネント」ドロワー (UI コンポーネントの追加や、 そのページへのデータ・ソースの一括定義が簡単に行える)、 および (新規データ・ソースを定義したり、 JavaBeans™ などのデータ・コンポーネントや関連レコード・リストをページにドラッグしたりできる) 「パレット」ビューの「データ」ドロワーがあります。

以下の手順は、Faces アプリケーションを作成するための主なステップです。

  1. 動的 Web プロジェクトを作成する。 Web プロジェクトは、すべての Web アプリケーション・リソースのコンテナーです。 (Faces JSP ファイルは、J2EE 1.3 または J2EE 1.4 動的 Web プロジェクト内にのみ収容できます。) Web プロジェクトに Faces リソースを追加する場合は、Faces ツールが自動的に使用可能にされます。
    注: リレーショナル・データベースにアクセスできる Service Data Objects (SDO) データ・アクセス・フレームワークは、 WebSphere® Application Server バージョン 5.1 またはバージョン 6.0 をターゲットとしている場合に限り、使用可能です。 SDO を使用する場合は、アプリケーションを正しいサーバーにアクセスさせるようにプロンプトが出されます。 アプリケーションが別のサーバーをターゲットとしている場合には、 データ・アクセス・メソッドとしてデータ・アクセス Bean を使用します。
  2. そのプロジェクトに Faces JSP ファイルを作成する。 Faces JSP ファイルは、動的 Web プロジェクト内の Web ページになります。
  3. データ・コンポーネントを Faces JSP ファイルに追加する。 「パレット」ビューの「データ」ドロワーからコンポーネントを Web ページへドラッグする。 Java™ Beans や Web サービスのような一般的なデータ・コンポーネントを追加することも、 関連データベース・レコードを追加することもできます。
    • 操作可能な関連レコード・コンポーネントとして、次の 2 つがあります。
      • 単一の関連レコード : このコンポーネントは、 一般的には、単一の関連レコードを戻し、レコードのプロパティーが、 入力コンポーネントまたは出力コンポーネントにバインドされます。
      • 関連レコード・リスト : このコンポーネントは関連レコードのリストを戻し、 データ・テーブルまたはその他のコンポーネントにバインドすることができます。 さらに、JavaBean 配列から複数エレメントを表示し、JavaBean 配列にバインドすることもできます。
      関連レコードおよび関連レコード・リストを使用する利点は、 リレーショナル・データベースから情報を検索、作成、更新、または削除可能であることや、 この情報をオプションでバインドし、エンド・ユーザーに対して表示できることです。
    • Java Beans や Web サービスを使用したい場合は、 パレット上の「ページ・データ」ビューや「データ」ドロワーからこれらの項目をドラッグします。
    デフォルトでは、パレットからデータ・コンポーネントを追加すると、 次の 2 つのことが起こります。
    • データ・ソースが定義される (さらに、「ページ・データ」ビューに表示される)。
    • 適切な Faces コンポーネントがページに追加され、定義済みのデータ・ソースと一緒に使用される。

      こうした Faces コンポーネントは、定義済みデータ・ソースにバインドされます。例えば、 関連レコード・リストが使用される場合は、データ・テーブルが Web ページに追加されます。 関連レコードが使用される場合は、コンポーネントのテーブルが Web ページに追加されます。 関連レコードの各フィールドは、テーブル内の行として示されます。 各行に収められるコンポーネントは、追加されるデータの型や、Web ページ内での 関連レコードの使用方法 (つまり、作成用、更新用、または表示用のいずれであるか) に 応じて決まります。

  4. ページの設計を続行するには、他の Faces コンポーネントをパレットからページへドラッグする。 入力フィールド、コマンド・ボタン、ハイパーリンク、タブ付きパネル、 およびメディア・プレイヤーなどのコンポーネントをドロップできます。
    注: 次のブラウザーでは、Faces コンポーネントの表示がサポートされます: Microsoft® Internet Explorer 5.5 以上、Mozilla 1.3 以上、 あるいは Netscape 6.1 以上。
  5. 各コンポーネントのプロパティーを編集する。 Page Designer の「デザイン」または「ソース」ページのコンポーネントがフォーカスされている場合、 「プロパティー」ビューはそのコンポーネントに使用可能なプロパティーを表示します。 Faces コンポーネントをパレットから直接追加する場合、 そのコンポーネントの「プロパティー」ビューにある定義済みデータ・ソースにバインドすることが可能です。
  6. スクリプト記述イベントを Web ページに追加するには「クイック編集」ビューを使用する。 例えば、Faces JSP ファイルの Faces コンポーネントにアクションを割り当てることができます。
  7. Faces コンポーネントを使用してページを開発するたびに、 定期的に JSP ファイルをテストする。 Faces コンポーネントは動的データを使用するために、サーバー上で実行してプレビューを行う必要があります。 プレビュー・ページ (「Faces JSP ファイル」下部のタブ上にある) は、それほど精密ではありません。
  8. サーバーで Web プロジェクトを実行する。 プロジェクト・エクスプローラーで、ファイルを右クリックして、 「実行」 > 「サーバーで実行」の順に選択する。 Web アプリケーションのテストおよびデプロイについてさらに学習されたい方は、サーバーの資料を参照してください。
実行時に、HTML とフォーム・タグが作成されます。 Web アプリケーションがデプロイされた後に、ユーザーは Web アプリケーションから直接、 データにアクセスしたり、操作したりすることができます。

Faces Web ページにおける動的情報の表示について、さらに学習される場合は、以下のチュートリアルに従ってください:

チュートリアル: JavaServer Faces による Web ページでの動的情報の表示

Faces Web アプリケーションに関する幾つかの制限を確認するには、 『制限: Faces JSP アプリケーション』を参照してください。

関連概念
Faces コンポーネント
JavaServer Faces
Faces コンポーネントのためのデータ・アクセス
Service Data Objects (SDO) によるデータ・アクセス
関連タスク
Service Data Objects (SDO) を使用する Web プロジェクトのデプロイ
Web アプリケーションのアクセス先サーバー
Faces JSP ファイルのページ・コードの表示
関連資料
Faces 属性参照

関連情報

Web アプリケーション・ダイアグラムおよび Web ダイアグラム・エディター

ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved. (C) Copyright IBM Japan 2005