演習 6: Web ページの作成

この演習では、JSP ファイルの形式で Web ページを作成します。次の演習では、 前の演習で作成したデータ・パーツを使用してこのページにデータを追加します。終了すると、 このページにデータベース内のすべてのレコードのリストが表示されます。

テンプレートから JSP ファイルを作成

  1. プロジェクト・エクスプローラー・ビューで、EGLWeb プロジェクトの「WebContent」 フォルダーをクリックする。
  2. 「ファイル」>「新規」>「Faces JSP ファイル」をクリックする。新規 Faces JSP ファイル・ウィザードが開きます。
  3. ファイル名」フィールドに、このファイル名を入力する。

    allcustomers

  4. ページ・テンプレートから作成」チェック・ボックスを選択する。
  5. 次へ」をクリックする。
  6. サンプル・ページ・テンプレート」ラジオ・ボタンをクリックする。
  7. サムネール」ボックスから、「A_gray.htpl」テンプレートをクリックする。

    「新規 Faces JSP ファイル」ウィンドウは次のようになります。

    新規 Faces JSP ファイルの画面

  8. 終了」をクリックする。新規 JSP ファイルがエディターで開きます。
  9. 新規 allcustomers.jsp ファイルで、デフォルト・テキストの 「Place your page content here.」を除去する。
  10. デフォルト・テキストの場所に、このテキストを入力する。

    すべてのカスタマーのリスト (List of All Customers)

  11. Enter キーを 3 回押してブランク行を挿入する。

    ページは次のようになります。

    ページの外観

  12. ファイルを保管する。

サーバーでの Web ページのプレビュー

Web ページにはまだデータベースからのデータはありませんが、 Web アプリケーション・サーバーで JSP ファイルを実行して ページがどのように表示されるかを確認することができます。

  1. プロジェクト・エクスプローラー・ビューで、 allcustomers.jsp ファイルを右クリックする。このファイルは EGLWeb プロジェクトの WebContent フォルダーに あります。
  2. ポップアップ・メニューから、「実行」>「サーバーで実行」 をクリックする。「サーバーの選択」ウィンドウが開きます。
  3. 既存のサーバーを選択」をクリックする。
  4. 使用したいサーバーの選択」の下で、 「WebSphere Application Server v6.0」をクリックする。
  5. プロジェクトのデフォルトとしてサーバーを設定 (プロンプトなし)」 チェック・ボックスを選択する。
  6. 終了」をクリックする。

    ワークベンチ内の Web ブラウザーで Web ページが開きます。 外部の Web ブラウザーを使用したい場合は、ワークベンチ内の Web ブラウザーから URL をコピーして、その URL を外部ブラウザーの URL バーに 貼り付けることができます。

これで、「演習 7: ページへのデータの追加」を開始する準備ができました。

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