このチュートリアルをモジュール 2 から始める場合
(モジュール 1 を学習しない場合) には、最初に必須リソースをインポートする必要があります。
『モジュール 1: データ接続を扱う Web
ページの作成』を既に完了していて、そのモジュールで作成した
Web サイトがある場合は、この課題を実施する必要はありません。
『課題 2.2: データ・テーブルのフォーマット』から始めることができます。
サンプル・プロジェクト・ファイルのインポート
このチュートリアルのための基本的な Web ページとサンプル・データベースが、ZIP
ファイルに組み込まれています。
以下の手順は、ユーザーが、この ZIP ファイルを解凍して、
それらのページとデータベースを使用できるようにします。
このチュートリアルのモジュール
1 を既に完了している場合は、このファイルを抽出する必要はありません。
- メニュー・バーで、「ファイル」>「インポート」を選択する。
「インポート」ウィンドウが開きます。
- 「インポート・ソースの選択」の下で、「プロジェクト交換」をクリックする。
- 「次へ」をクリックする。
「プロジェクト交換内容のインポート」ウィンドウが開きます。
- 「ソース ZIP ファイル」の横にある「参照」をクリックして、ディレクトリー
<installdir>/rwd/eclipse/plugins/com.ibm.etools.webtools.tutorial.doc/resources
にナビゲートする。ここで、<installdir> はご使用のインストール・ディレクトリーです。
- インポートのターゲットとして module2.zip を選択して、「開く」をクリックする。
- 「すべて選択」をクリックする。
- 「完了」をクリックする。
ウィザードはプロジェクトをユーザーのワークスペースにインポートします。
このプロジェクトを正しく表示するためには、Web パースペクティブにいなければならないので、
それを即時に見ることはできません。
Web パースペクティブへの切り替え
Web パースペクティブは、このチュートリアルで使用するパースペクティブです。
Web パースペクティブへ切り替えるには、以下の手順を行ってください。
- メニュー・バーで、「ウィンドウ」>「パースペクティブを開く」>「その他 」と順に選択する。
「パースペクティブの選択」ダイアログが開きます。
- 「Web」をクリックする。
- 「OK」をクリックする。
これで、Web パースペクティブに切り替わります。
これで、ユーザーの新規プロジェクトとそのリソースを「プロジェクト・エクスプローラー」
ビューで見ることができます。
動的 Web プロジェクトのためのターゲット・サーバーの設定
このチュートリアルは、WebSphere Application Server v6.0 または
WebSphere Application Server v5.1 で実施することができます。
もっとも多く使用する計画を立てているサーバー、
またはユーザーの他のプロジェクトが使用するサーバーを選択してください。
どのサーバーを選択しても、このチュートリアルは同じように働きますが、
チュートリアル全体を実施する間、同じサーバーを使用し続ける必要があります。
- 「プロジェクト・エクスプローラー」ビューで、
「エンタープライズ・アプリケーション」を展開する。
- 「ClassifiedsTutorialEAR」を右クリックし、
次にポップアップ・メニューから「プロパティー」をクリックする。
「プロパティー」ウィンドウが開きます。
- 「プロパティー」ウィンドウの左側の「サーバー」をクリックする。
- 「ターゲット・ランタイム」リストから、このチュートリアルで使用するサーバーを選択する。
「WebSphere Application Server v6.0」または「WebSphere
Application Server v5.1」のいずれかを選択することができます。
重要: どちらのサーバーを選択したか、記憶しておいてください。
この情報は、後の課題で必要になります。
- 「OK」をクリックする。
使用したいサーバーが「ターゲット・ランタイム」リストにない場合、
すなわち、このリストにどちらのサーバーも入っていない場合は、以下のステップを実行してサーバーをインストールします。
- ワークベンチを閉じる。
- Rational Software Development Platform インストール・プログラムを実行する。
- インストール・メニューから、使用したいサーバーをインストールするためのオプションを選択する。
- サーバーがインストールされたならば、ワークベンチを開く。
- 「ClassifiedsTutorialEAR」を右クリックし、
次にポップアップ・メニューから「プロパティー」をクリックする。
- 「プロパティー」ウィンドウの左側の「サーバー」をクリックする。
- 「ターゲット・ランタイム」リストから、このチュートリアルで使用するサーバーを選択する。
「WebSphere Application Server v6.0」または「WebSphere
Application Server v5.1」のいずれかを選択することができます。
- 「OK」をクリックする。
データベース接続のセットアップ
今インポートしたプロジェクト交換ファイルには、この課題の終わりにリストされる
Web ページに加えて、このチュートリアルに必要なサンプル・データベースが組み込まれています。
このデータベースを使用できるようにするには、まず Web ページをデータベースに接続して、
ユーザーのコンピューターでデータベースがあるページを知らせる必要があります。
以下の手順を行って、Web ページをデータベースに接続します。
- 「プロジェクト・エクスプローラー」ビューで、「動的 Web プロジェクト」>「ClassifiedsTutorial」>「WebContent」を展開する。
- 「WebContent」フォルダーの「all_records.jsp」ファイルをダブルクリックする。
この Web ページがエディターで開きます。
- 「ページ・データ」ビューで、「all_recordlist
(サービス・データ・オブジェクト)」をダブルクリックする。
「関連レコード・リストの構成」ウィンドウが開きます。
「ページ・データ」ビューは、通常、ワークベンチの左下隅にあります。
「ページ・データ」ビューがない場合は、「ウィンドウ」>「ビューの表示」 >
「ページ・データ」 とクリックすると、表示されます。
- 「関連レコード・リストの構成」ウィンドウで、「接続」タブをクリックする。
- 「新規」をクリックする。
「新規接続」ウィンドウが開きます。
- 「新規 DB 接続の作成」をクリックする。
「新規データベース接続」ウィンドウが開きます。
- 「次へ」をクリックする。
- 上部の「参照」ボタンをクリックする。
これは、「データベース・ロケーション」の隣にある「参照」ボタンです。
「フォルダーの参照」ウィンドウが開きます。
- 「データベース・ディレクトリーの選択」の下で、ディレクトリー
<workspace-folder>¥ClassifiedsTutorial¥WebContent¥cloudscapesampledata¥database にナビゲートする。
ここで、<workspace-folder> は、現在作業しているワークスペースがあるディレクトリーです。
- 「database」フォルダーをクリックして、次に「OK」をクリックする。
データベースにアクセスするためのユーザー ID またはパスワードを追加する必要はありません。
「新規データベース接続」ウィンドウは下図のようになるはずです。
- 「完了」をクリックする。
「新規接続」ウィンドウに戻ります。
- 「新規接続」ウィンドウで、「完了」をクリックする。
「関連レコード・リストの構成」ウィンドウに戻ります。
- 「閉じる」をクリックする。
このチュートリアルで使用するファイルについて
この時点で、チュートリアル「Web プロジェクト」のファイルを参照することができます。
ファイルを開くには、「プロジェクト・エクスプローラー」ビューでそのファイルをダブルクリックします。 さらに、「プロジェクト・エクスプローラー」ビューで
.website-config
アイコンをダブルクリックして、ページ間の関連のしかたについてのマップに似た表示を見ることができます。
このサイトの目的は、新聞にあるような案内広告を表示することであり、
それぞれのファイルには、その目的達成を助ける役割があります。
プロジェクトには多くのリソース
(イメージ、コード・ファイル、構成ファイルなど) がありますが、
以下の 5 つのファイル、つまりプロジェクトの実際の
Web ページが最も重要です。
- all_records.jsp
これはサイトのホーム・ページです。
データベースにあるすべての案内広告を表示します。
- filtered_records.jsp
このページは検索結果ページのように作動し、
ユーザーが選択するカテゴリーのレコードのみを表示します。
- new_record.jsp
このページは新規案内広告を作成します。
- update_record.jsp
このページはデータベースにある広告に関する詳細を変更するか、または削除します。
- template.jtpl
これはサイトのページのためのテンプレートです。
これには、
テーブルおよびすべてのページにあるグレーの「広告へようこそ」バナーのようなエレメントが含まれています。
このページには、グレーのバナーの下に、ホーム・ページと新規案内広告ページに進むことを可能にする
2 つのナビゲーション・タブもあります。
これで、『課題 2.2: データ・テーブルのフォーマット』を始める準備が完了しました。