< 前へ | 次へ >

演習 2: Web ダイアグラム・ノードの作成

新規プロジェクトの Web ダイアグラムにノードを追加する方法を 学習するには、この演習を使用します。

Web ダイアグラムは、Web アプリケーションのフローを視覚化および 変更するのに役立ちます。 Web ダイアグラム・エディターを使用する前に、以下の用語を理解する必要があります。

2 つの Web ページと Struts アクションを 表す Web ダイアグラム上にノードを作成する手順は、次のとおりです。

  1. パレットの「Web パーツ」ドロワーを開きます。 Web ページ・ノードをダイアグラムにドラッグします。 ダイアグラムには、デフォルト名 page.jsp を持つ新規 Web ページ・ノードが 表示されます。
    名前が「page.jsp」の最初の Web ページ・ノードが表示されます。
    ヒント: Web ダイアグラムで新規ノードを作成する場合は、 編集のためにノードの名前が自動的に選択されます。新規名を入力する前に、 ダイアグラム内の任意の場所をクリックすると、新規 Web ページ名は同じままになります。 ノードを名前変更するには、名前をクリックして強調表示してから、新規名を入力します。
  2. Web ページ・ノードの新規名として「input.jsp」を 入力します。
    名前が「input.jsp」の最初の Web ページ・ノードが表示されます。
    注: Web ページ・ノードに名前を付けるとすぐに、このノードが表す JavaServer Pages (JSP) ファイルが DayOfWeek¥WebContent Web プロジェクト・フォルダーに作成されます。
  3. 別の Web ページ・ノードをダイアグラムにドラッグします。
  4. 2 つ目の Web ページの名前として、「output.jsp」と 入力します。
    名前が「output.jsp」の 2 つ目の Web ページ・ノードが表示されます。
  5. Struts アクションをダイアグラムにドラッグして、「action1」という ノードを作成します。
    名前が「action1」のアクション・ノードが表示されます。
  6. このアクションの名前として「computeDay」と 入力し、「Enter」 を押します。 Web ダイアグラムに、「/computeDay」という名前のアクション・ノードが表示されます。 プロジェクト・エクスプローラーで /computeDay アクションを 表示するには、Web プロジェクト・フォルダーにナビゲートして、次に DayOfWeek¥Struts¥<default module>¥Actions にナビゲートします。
    名前が「/computeDay」のアクション・ノードが表示されます。
  7. Web ダイアグラムを保管します。
Web プロジェクトには、/computeDayinput.jsp、 および output.jsp の項目が含まれているはずです。

プロジェクト・エクスプローラーでは、/computeDay、input.jsp、および
output.jsp の各ファイルが強調表示されます。Web ダイアグラム・エディターには、
同じファイルがグラフィカル形式で表示されます。

演習のチェックポイント

この演習では、入力 JSP ファイル、出力 JSP ファイル、および /computeDay アクションを追加しました。

以下のタスクの実行方法を学習しました。
  • Web ダイアグラムに JSP ファイルと Struts のアクションを追加する方法。
  • プロジェクト・エクスプローラーで JSP ファイルと Struts のアクションを見つける方法。
< 前へ | 次へ >