このチュートリアルでは、新聞の案内広告欄として機能する動的
Web サイトの設計方法を学習します。
この Web サイトは、JavaServer Faces (JSF) コンポーネントとサービス・データ・オブジェクト (SDO) を使用する、
完全な J2EE Web アプリケーションです。このアプリケーションは JSF テクノロジーを使用して、
案内広告データを保管しているデータベースにリンクする動的 Web ページを作成します。JSF コンポーネントを対象のページにドラッグすることによって、CRUD アプリケーション (データベースからの作成、読み取り、更新および削除 (create, read, update, delete) が可能であるため、このように呼ばれます) である JSF Web アプリケーションを作成することができます。
サイト・ユーザーは、これらの機能を使用して、データベース内の案内広告を管理できます。
このチュートリアルを 完了すると、サイト・ユーザーは販売品目を表示できるだけでなく、新規項目を追加したり、項目の詳細 (価格や説明など) を変更したり、 特定の項目を検索したりすることができます。 このチュートリアル・サイトは単純な設計になっていますが、 使用する原理とテクノロジーは、より大規模で複雑な Web サイトでも使用されているものです。
学習目標
このチュートリアルは 2 つのモジュールに分割され、それぞれに学習目標があります。 いずれか一方のモジュールを選択することも、あるいは両方のモジュールを選択することもできます。 それぞれのモジュールで、Web サイトが適切に作動するように課題を完了してください。
このモジュールでは、Web ページで、データベースへの接続をセットアップする方法、
およびそのデータベースから情報を表示する方法を学習します。
このモジュールでは、以下に挙げることを行います。
- Web ページをデータベースに接続する。
- データベースのレコードを表示、作成、編集、および削除するページを作成する。
- あるページから他のページにデータを送る
所要時間
合計: 3 時間 30 分
モジュール 1: 2 時間
モジュール 2: 1 時間 30 分
スキル・レベル
中級対象読者
Web アプリケーション開発者、Web ユーザー・インターフェース設計者システム要件
このチュートリアルを完了するには、まずランタイム・サーバーをインストールして構成する必要があります。
このチュートリアルは、次のサーバーでテストされました。
- IBM® WebSphere® Application Server バージョン 6.0、6.1 および 7.0
このチュートリアルを完了するには、SDO ツールをインストールする必要があります。SDO ツールをインストールするには、「Installation Manager」で「変更」クリックします。「フィーチャー」リストでをクリックします。SDO - Domino および JDBC メディエーター」を選択し、 「変更」をクリックします。
前提条件
このチュートリアルを完了するには、以下の項目に精通している必要があります。
- Web サイト、Web ページ、ブラウザー、およびサーバーといった、Web の基本的な設計概念。
- 単純な静的 Web ページの作成方法。
- テーブル、ハイパーリンク、フォーム、およびイメージといった Web ページの要素。
- テーブル、レコード、列、およびフィールドといったデータベースの用語。
以下の知識があると、さらに理解が深まります。
- ワークベンチのパースペクティブおよびビューの使用方法。
- Web ページの HTML コードを編集する方法。
期待される結果
Web アプリケーションが完了すると、ホーム・ページは下図のようになります。 サイト・テンプレートによって Web ページに追加される Web サイト・ナビゲーションは、新規広告の作成やすべての広告の表示を行うことができるページにリンクします。 以下に表示された表の行アクションを使用して、特定の広告に関連付けられた情報を変更できる更新ページに移動します。