JavaServer Faces を使用して動的情報を Web ページに表示する

このチュートリアルでは、新聞の案内広告欄として機能する動的 Web サイトの設計方法を学習します。この Web サイトは、JavaServer Faces (JSF) コンポーネントとサービス・データ・オブジェクト (SDO) を使用する、完全な J2EE Web アプリケーションです。このアプリケーションは JSF テクノロジーを使用して、案内広告データを保管しているデータベースにリンクする動的 Web ページを作成します。JSF コンポーネントを対象のページにドラッグすることによって、CRUD アプリケーション (データベースからの作成、読み取り、更新および削除 (create, read, update, delete) が可能であるため、このように呼ばれます) である JSF Web アプリケーションを作成することができます。サイト・ユーザーは、これらの機能を使用して、データベース内の案内広告を管理できます。

このチュートリアルを使用するためには、オプションでインストール可能ないくつかのコンポーネントが必要な場合があります。適切なオプション・コンポーネントがインストールされていることを確認するには、システム要件リストを参照してください。

このチュートリアルを完了すると、サイト・ユーザーは販売品目を表示できるだけでなく、新規項目を追加したり、項目の詳細 (価格や説明など) を変更したり、特定の項目を検索したりすることができます。このチュートリアル・サイトは単純な設計になっていますが、使用する原理とテクノロジーは、より大規模で複雑な Web サイトでも使用されているものです。

学習目標

このチュートリアルは 2 つのモジュールに分割され、それぞれに学習目標があります。いずれか一方のモジュールを選択することも、あるいは両方のモジュールを選択することもできます。それぞれのモジュールで、Web サイトが適切に作動するように課題を完了してください。

モジュール 1: データ接続を扱う Web ページの作成

このモジュールでは、Web ページで、データベースへの接続をセットアップする方法、およびそのデータベースから情報を表示する方法を学習します。このモジュールでは、以下に挙げることを行います。

Web ページをデータベースに接続する。
データベースのレコードを表示、作成、編集、および削除するページを作成する。
あるページから他のページにデータを送る

モジュール 2: 拡張機能の追加

このモジュールでは、データベースのデータを、より効果的に使用する方法を学習します。このモジュールでは、以下に挙げることを行います。

Web ページでデータベース・レコードをフォーマットする
Web ページからデータベースへのファイルのアップロードを可能にするコンポーネントを追加する
自動的にページ間をナビゲートする
データベース管理タスクの一部を自動化する

準備が完了したならば、『モジュール 1: データ接続を扱う Web ページの作成』を始めてください。

所要時間

合計: 3 時間 30 分

モジュール 1: 2 時間

モジュール 2: 1 時間 30 分

スキル・レベル

中級

対象読者

Web アプリケーション開発者、Web ユーザー・インターフェース設計者

システム要件

このチュートリアルを完了するには、まずランタイム・サーバーをインストールして構成する必要があります。このチュートリアルは、次のサーバーでテストされました。

WebSphere^® Application Server 6.1

WebSphere Application Servers 以外のサーバー上への SDO のデプロイについては、『ヘルプ・トピック: WAS サーバー以外のサーバーへの SDO のデプロイ (Deploying SDOs on non-WAS servers)』を参照してください。

このチュートリアルでは、製品のインストール中に開始されなかった機能の一部が必要になる場合があります。チュートリアルで説明されているユーザー・インターフェース・オプションが見つからない場合は、適切な機能が使用可能に設定されていることを確認してください (「ウィンドウ」 > 「設定」 > 「機能」)。このチュートリアルを完了するには、次の機能が必要です。

Java™ デベロッパー
Web デベロッパー (typical)
XML デベロッパー
データベース・デベロッパー
エンタープライズ Java デベロッパー
データ

このチュートリアルを使用するためには、アプリケーション・サーバーをインストールして構成しておく必要があります。サーバー・ランタイム環境が使用可能になっていることを確認するには、「ウィンドウ」 > 「設定」をクリックし、「サーバー」を展開して「インストール済みランタイム」をクリックしてください。このペインを使用して、インストール済みのサーバー・ランタイム定義を追加、除去、または編集できます。新規サーバーのサポートをダウンロードしてインストールすることもできます。

前提条件

このチュートリアルを完了するには、以下の項目に精通している必要があります。

Web サイト、Web ページ、ブラウザー、およびサーバーといった、Web の基本的な設計概念。
単純な静的 Web ページの作成方法。
テーブル、ハイパーリンク、フォーム、およびイメージといった Web ページの要素。
テーブル、レコード、列、およびフィールドといったデータベースの用語。

以下の知識があると、さらに理解が深まります。

ワークベンチのパースペクティブおよびビューの使用方法。
Web ページの HTML コードを編集する方法。

期待される結果

Web アプリケーションが完了すると、ホーム・ページは下図のようになります。サイト・テンプレートによって Web ページに追加される Web サイト・ナビゲーションは、新規広告の作成やすべての広告の表示を行うことができるページにリンクします。以下に表示された表の行アクションを使用して、特定の広告に関連付けられた情報を変更できる更新ページに移動します。