詳細アイコン IDE内の表示

UIを設計する手順を完了すると、Login.jspページのビジュアル・エディタには、ユーザーがテキストを入力できる入力フィールド、およびコードを追加してページ・ナビゲーションを制御できるコマンド・ボタンが配置されます。

ビジュアル・エディタ、ログイン・ページ

Login.jspのXMLソース・エディタには、追加した2つのコンポーネントのコードが次のように表示されます。

  <h:inputText/>
  <h:commandButton value="Login"/>