テンプレートを使用して作成したJSPファイルを編集します。JSPファイルの編集にはMyEclipseの[MyEclipseビジュアルJSPデザイナー]を使用できます。[MyEclipseビジュアルJSPデザイナー]を使用すると,ブラウザで表示イメージを確認しながらJSPファイルを編集できます。
ここでは,[MyEclipseビジュアルJSPデザイナー]を使用したJSPファイルの編集手順を説明します。
- [パッケージ・エクスプローラー]ビューでJSPファイルを選択して,コンテキストメニューから[アプリケーションから開く]-[MyEclipseビジュアルJSPデザイナー]を選択します。
JSPファイルがエディタエリアに表示されます。
- [デザイン]タブを選択します。
[デザイン]タブでは,デザインビュー,ソースビュー,および[パレット]が表示されます。
![[図データ]](figure/zu060400.gif)
- [パレット]で追加するタグのパレットを展開します。
- デザインビューまたはソースビューでタグの挿入位置をクリックして,[パレット]から挿入するタグを選択します。
選択したタグの値を設定するダイアログが表示されます。ここでは,[HTML-FORM]-[フォーム]を選択しています。
![[図データ]](figure/zu060600.gif)
- 表示されたダイアログで値を指定して,[終了]ボタンをクリックします。
指定した位置にタグが追加されます。
![[図データ]](figure/zu060700.gif)
- タグの属性値を指定する場合は,ソースビューで属性値を指定する個所にカーソルを合わせて,[ctrl]+[space]キーを押します。
属性の一覧が表示されます。
- 指定する属性をダブルクリックします。
カーソル位置に選択した属性が挿入されます。挿入された属性に値を設定します。
![[図データ]](figure/zu060800.gif)
- 手順3.~7.を繰り返して,JSPファイルを編集します。
- JSPファイルの編集が終了したら,[プレビュー]タブを選択して,ブラウザでの表示イメージを確認します。
- 参考
- 手順6.で実施しているタグの属性値の指定は,[MyEclipseビジュアルJSPデザイナー]の[プロパティー]ビューでもできます。[プロパティー]ビューでタグの属性値を指定する手順を次に説明します。
- Eclipseのメニューから[ウィンドウ]-[ビューの表示]-[プロパティー]を選択します。
[プロパティー]ビューが表示されます。
![[図データ]](figure/zu060900.gif)
- 編集対象のタグを選択します。
[プロパティー]ビューに選択したタグのプロパティーが表示されます。なお,[プロパティー]ビューには,[基本]タブと[拡張]タブがあります。
![[図データ]](figure/zu061000.gif)
- [基本]タブの入力フォームか[拡張]タブで[値]列に値を指定します。
- <この節の構成>
- 5.3.1 スニペットを使用したJSPファイルの編集