詳細アイコン IDE内の表示

UIを設計する手順を完了すると、Start.jspページのビジュアル・エディタには、ユーザーがデータを入力できる入力フィールド、および処理を開始するためのボタンが配置されます。出力テキスト・フィールドは、デフォルトの出力テキストの値を以前に削除したため、ページ上に表示されません。

ビジュアル・エディタに表示された開始ページ

エディタ・ウィンドウの下部にある「ソース」タブをクリックして、XMLソース・エディタに切り替えます。ソース・エディタには、追加した3つのJSFコンポーネントのコードが表示されます。

<h:inputText/>

<h:commandButton value="Click here"/>

<br/>

<h:outputText/>