UIの設計

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

  1. エディタ・ウィンドウの上部にある「MyLoginPage.jsp」タブを選択します。
  2. コンポーネント・パレットでJSF HTMLページを選択し、「入力テキスト・アイコン 入力テキスト」をクリックしてMyLoginPage.jspページにドラッグし、このページに入力テキスト・フィールドを追加します。
  3. コンポーネント・パレットで「コマンド・ボタン・アイコン コマンド・ボタン」をクリックし、追加するページにドラッグします。
  4. 追加したコマンド・ボタンが選択されている状態で、プロパティ・インスペクタで、「value」フィールド内をクリックし、デフォルトのテキストをユーザーに表示するラベル(例: Login)に変更し、[Enter]を押します。
    詳細アイコン 詳細
  5. エディタ・ウィンドウの上部にある「Success.jsp」タブを選択し、このページにテキスト・メッセージ(例: You have successfully logged in)を入力します。
  6. 「Failure.jsp」タブを選択し、このページにテキスト・メッセージ(例: Login failed)を入力します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ