この手順では、開始ページ (index.jsp) に、別の JSP ページにナビゲートするための新しいアクションを追加します。
この手順のタスクは以下のとおりです。
[ページ フロー エディタ] には、現時点でのページ フローの構造が表示されます。[ページ フロー エディタ] は 3 つのペインで構成されます。
![](images/PageFlowEditor12.gif)
この段階では、中央ペインに 1 つのアクション begin が表示されており、このアクションに JSP ページ index.jsp がリンクされているだけの単純な状態です。
ページ フローへの新しいアクションの追加
- [ページ フロー エディタ] ビューで index.jsp リンクをクリックします。
index.jsp がビューの中央に移動します。
![](images/PageFlowEditor3.gif)
- 下流領域 (右ペイン) を右クリックし、メニューから [新しいアクション] を選択します。
![](images/PageFlowEditor4.gif)
- [新しいアクション] ダイアログで、新しいアクションの名前として「GoToTestPage」と入力します。[終了] をクリックします。
![](images/NewAction.gif)
[ページ フロー エディタ] の下流領域に新しいアクションが表示され、[ページ フロー エディタ] の中央に表示されている JSP ページ index.jsp に自動的にリンクされます。
![](images/PageFlowEditor5.gif)
なお、[ページ フロー概要] ペインも更新されており、新たに作成した GoToTestPage アクションも含め、現時点でのすべてのアクションおよびページのマップが表示されています。
![](images/PageFlowOverview1.png)
リンクされた新しい JSP ページをページ フローに追加するには
- [ページ フロー エディタ] ビューで GoToTestPage リンクを 1 回クリックします。
なお、リンクをクリックするとノードが中央に移動しますが、リンクの左にあるアイコンをクリックすると単純にそのノードが選択され、アイコンをダブルクリックすると対応するソース アーティファクトが表示されます。
![](images/PageFlowEditor6.gif)
- GoToTestPage アクションにリンクされた新しい JSP ページを追加するには、下流ペインを右クリックして [新しい JSP] を選択します。
![](images/PageFlowEditor8.gif)
新しいファイルの名前として「TestPage.jsp」と入力して〔Enter〕を押します。
- 新しい JSP ファイルが作成され、GoToTestPage アクションにリンクされます。元のページ フローの実行結果が表示されているエディタ ウィンドウを閉じると、index.jsp ファイルがどのように変更されたかが分かります。
![](images/PageFlowEditor9.gif)
- エディタ領域の Controller.java および index.jsp の両方のタブにアスタリスク (*) が表示されていることに注目してください。このアスタリスクは、ファイルへの変更がまだ保存されていないことを示します。[Controller.java] タブをクリックすると、新しいアクションの作成時に新しいコードが自動的に挿入されたことが分かります (次の図で強調表示されている部分)。
![](images/NewAction2.gif)
- JSP をもう一度右クリックし、[開く] をクリックします。エディタ タブにファイルが開かれます。JSP ファイルのボディのデフォルト テキストを「My linked Test Page」に変更します。
![](images/NewAction3Edit.gif)
[ファイル|すべて保管] を選択して、ページ フロー ファイル内で変更されたすべてのファイルを保存します。
拡張したページ フローをテストするには
アプリケーションを WebLogic Server 上で実行するには、次の手順に従います。
-
ページ フローを実行するには、[ページ フロー エクスプローラ] ビューのツール バーにある [サーバで実行] ボタンをクリックします。
![](images/PageFlowRunOnServer.png)
ページ フローを実行すると begin アクションが呼び出され、実行結果として index.jsp ページが表示されます。実行結果は、エディタ ウィンドウ内の新しいタブに表示されます。
- GoToNewPage アクションを呼び出すためのリンクをクリックすると、2 番目の JSP ページが表示されます。2 番目のページはすばやく表示されます。これは、すでにアプリケーション全体がサーバにデプロイされており、この時点ではページ フローを実行しているからです。
![](images/HelloWorld2.gif)