詳細アイコン IDE内の表示

このステップを完了すると、ユーザーがテキストを入力できる最初のページ上の入力フィールド、およびコードを追加してページ・ナビゲーションを制御できるコマンド・ボタンが作成されます。

エディタに表示されたページ

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

<h:inputText binding="#{backing_MyLoginPage.inputText1}"
id="inputText1"/>

<h:commandButton value="Login"
binding="#{backing_MyLoginPage.commandButton1}"
id="commandButton1">

ページに追加した各コンポーネントは、バッキングBeanのプロパティに自動的にバインドされていることに注意してください。

2番目のページと3番目のページにコンポーネントを追加し、そのテキストの書式を設定することもできます。