>
Web ページの詳細情報の表示
ここでは、Web ページに関する詳細情報を表示する方法について説明します。[Outline] ビュー、[変数] ビュー、およびプロパティ シートを使用して、Web ページを調査し、ページの構造やページに表示される動的なデータに関する詳細情報を表示します。
背景
Workshop for JSP では、アプリケーション データベースを構築するプロセスの一環として Web ページの解析が行われます。Workshop for JSP はこの解析によって、ページ上に表示される JSP タグだけでなく、リソース バンドルから参照されるローカライズ済みの画像やメッセージ、ページ内で使用される Bean プロパティ、ページの一部として表示される JSP インクルードなどの情報を把握します。これらの情報はすべて、IDE のユーザ インタフェースからアクセスできます。
[Outline] ビューの使用
-
このページを開くには、[AppXplorer] で [
default.jsp
] をダブルクリックします。
-
[Outline] ビューに、タグの階層を表すツリー形式で JSP ページの構造が表示されます。
-
[Outline] ビューで任意のノードをクリックすると、対応する JSP コンテンツが強調表示されます。
[変数] ビューの使用
-
このページを開くには、[AppXplorer] で [
checkoutShipping.jsp
] をダブルクリックします。
[変数] ビューに、スクロール可能な変数の一覧が表示されます。一番上には、以下の 3 つの変数が表示されます。
-
checkoutShippingForm
-
error
-
profile
-
[checkoutShippingForm] ノードをクリックします。
ソース コードで html:form タグが強調表示されます。これは、この変数が Struts フォームに関連付けられているフォーム Bean であるため使用可能であることを示します。
-
[profile] ノードをクリックします。
ソース コードで jsp:useBean タグが強調表示されます。これは、この変数が useBean タグの profile 変数であるため使用可能であることを示します。
-
[セッション変数] の一覧にある [user] 変数をマウスでポイントします。
ツールチップが表示され、この変数はこのページでは宣言されていませんが外部的には設定されており、そのスコープが session スコープであることが分かります。
-
[user] 変数ノードを右クリックします。
コンテキスト メニューのコマンドを使用すると、以下の操作を実行できます。
-
この変数の型に対応する Java ソース コードを開く。
-
この変数が設定されている Java ソース コードを探す。この場合であれば、user セッション属性を設定する Struts アクションを探すことになります。
-
ページに Bean プロパティを挿入する。このオプションを選択するとウィザードが起動します。このウィザードを使用すると、Bean プロパティを挿入し、選択した Bean プロパティを表示するのに必要な JSP ソース コードを生成できます。
-
任意の変数ノードをダブルクリックします。
ノードが展開し、その変数の Bean プロパティが表示されます。
-
任意の Bean プロパティを右クリックすると、対応する Java 型を開いたり、その Bean プロパティをページに挿入したりできます。
任意の Bean プロパティをクリックすると、その変数またはプロパティを使用しているページ コンテンツがある場合は、そのコンテンツが強調表示されます。
- 現在のページで使用されている変数と Bean プロパティのみを表示するには、[変数] ビューのタイトル バーにあるメニュー矢印をクリックし、[使用された変数のみを表示] コマンドを選択します。これにより、現在のページで使用されている変数と Bean プロパティのみが表示されます。
プロパティ シートの使用
-
このページを開くには、[AppXplorer] で [
shoppingcart.jsp
] をダブルクリックします。
-
[デザイン] エディタで、[html:form (/shoppingcart)] ボックスをクリックします。
-
[プロパティ] ビューの [プロパティ シート] タブをクリックします。
Struts html:form タグの [プロパティ シート] がアクティブになります。
編集の同期
Web ページの操作
[変数] ビューの使用
JSP エディタ
[Outline] ビュー
[変数] ビュー
チュートリアルの前後の手順に移動するには、次の矢印をクリックしてください。