4. Web ページ内を移動する

ここでは、タグ セレクタを使用して Web ページ内を移動する方法について説明します。また、JSP インクルード タグや Java リソース バンドルを使用して移動する方法と、AppXNavigator を使用してリソースに移動する方法についても説明します。

JSP や Struts の開発では、AppXNavigator が提供するハイパーリンク形式のナビゲーションを使用できます。ページ内の任意の要素をマウスでポイントすると、それが別の JSP、画像ファイル、または TLD であっても、そのリソースに移動することができます。この機能を使用すると、現在のソース エディタにフォーカスを残したまま外部ファイルに移動でき、従来のファイル エクスプローラで追跡する方法に比べ、より効率的に開発を進めることができます。

タグ セレクタの使用

タグ セレクタ では、現在選択されているタグの、ブレッドクラム スタイルの階層ビューが表示されます。

  1. このページを開くには、[AppXplorer] で changeLocale.jsp をダブルクリックします。
  2. デザイン ペインで localeString 選択要素の後ろをクリックします。
    タグ セレクタに次の階層が表示されます。<html:html><body><html:form><div><table><tr><td><div><table><tr><td>

  3. テーブルの [スマート エディタ] ([プロパティ] ビュー内) がアクティブになります。

インクルードされたコンテンツの検索

  1. このページを開くには、[AppXplorer] で home.jsp をダブルクリックします。
  2. ページの最上部にある Sonic の画像をクリックします。
    [プロパティ] ビューの最下部にメッセージが表示されます。このメッセージは、画像が別のページにインクルードされているため、この画像コンテンツを変更できないことを示します。メッセージの最後に、画像がインクルードされているページへのパスが表示されます。
  3. デザイン エディタで、画像のすぐ上に表示されている jsp:include タグをダブルクリックします。
    画像がインクルードされている JSP ページが表示されます。

リソースを開く

  1. このページを開くには、[AppXplorer] で home.jsp をダブルクリックします。
  2. デザイン エディタで、太字で表示されている文字列「To our first time visitors..」をクリックします。
    ソース エディタでは、対応するソース コードが強調表示されます。
    <bean:message key="home.welcome.text1" />
    このコードは、このテキストがデフォルトのリソース バンドルにキー home.welcome.text1 で定義されていることを示します。

  3. デザイン エディタで、文字列「To our first time visitors..」をダブルクリックします。
    リソース ファイル (この場合は StorefrontResources.properties) が開き、このリソース キーが定義されている場所が強調表示されます。

 

関連するタスク

インクルードされたページの表示
異なるロケールでの Web ページの表示

 

チュートリアルを移動するには、矢印をクリックしてください。

さらにヘルプが必要ですか。 質問は Workshop ニュース グループまでお寄せください。