JSPページの設計

デモ・アイコン デモ           詳細アイコン 詳細

  1. 開いているエディタ・ページで、「welcome.jsp」タブを選択し、ビジュアル・エディタにファイルを開きます。
  2. Welcomeテキストを選択し、ツールバーの書式ドロップダウン・リストから「Heading 1」を選択します。
  3. アプリケーション・ナビゲータの「ViewController」プロジェクトの「viewcontroller」パッケージで、「ApplicationResources.properties」をダブルクリックしてソース・エディタを開きます。
  4. アクション(link.getEmpsAction)の表示テキストをlink to /getEmpsAction.doからClick here for a list of department employeesに置換し、ファイルを保存します。
    詳細アイコン 詳細
  5. 開いているエディタ・ページで「employees.jsp」タブを選択し、ビジュアル・エディタにファイルを開きます。
  6. Department Employeesテキストを選択し、ツールバーの書式ドロップダウン・リストから「Heading 2」を選択します。
  7. コンポーネント・パレットの「HTML Common」ページで、表アイコン をページにドラッグします。
  8. プロパティ・インスペクタで、「列」フィールドに「5」と入力し、「ヘッダー」に対して「上」を選択します。その他はすべてデフォルトをそのまま使用して「OK」をクリックします。
    詳細アイコン 詳細
  9. 表のヘッダー行にある各表セル内で、列に表示する従業員リスト・プロパティのタイトルを入力します。このサンプル・アプリケーションでは、First NameLast NamePhoneEmailおよびHire Dateを入力します。ファイルを保存します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップへ