JSF 2.0チュートリアル

jsf2-tutorials

JavaServer Faces (JSF) 2.0は、Java Webアプリケーションのユーザーインターフェイス（100以上の準備ができたUIタグが付属）の構築を簡素化し、再利用可能なUIコンポーネントを簡単に実装できるようにするMVCWebフレームワークです。 JSF 1.xとは異なり、ほとんどすべてがfaces-config.xmlで宣言されますが、JSF 2.0では、アノテーションを使用して、ナビゲーション、マネージドBean、またはCDI Beanを宣言できます。これにより、開発がより簡単かつ迅速になります。

このチュートリアルでは、JavaServer Faces（JSF）2.0フレームワークの使用に関する多くのステップごとの例と説明を提供します。

ハッピー学習JSF 2.0 :)

クイックスタート

JSF 2.0のクイックスタートの例

JSF 2.0 hello world example
JavaServer Faces（JSF）2.0 hello worldの例は、JSF 2.0の依存関係、基本的な注釈、および構成を示しています。 JSF 2.0の外観と、JSF 1.xとの違いについて簡単に説明します。
JSF 2.0 + Ajax hello world example
JSF 2.0では、Ajaxのコーディングは通常のHTMLタグのコーディングと同じであり、非常に簡単です。このチュートリアルでは、最後のJSF 2.0 hello worldの例を再構築し、ボタンをクリックすると、フォーム全体を送信する代わりにAjaxリクエストを行うようにします。
How to make Eclipse IDE supports JSF 2.0
EclipseプロジェクトでJSF2.0機能を有効にする方法を示すクイックガイドです。
Resources (library) in JSF 2.0
JSF 2.0では、css、画像、JavaScriptなどのすべてのリソースファイルを、Webアプリケーションのルートにある「resources」フォルダーに配置する必要があります。 JSF 2.0の用語では、「リソース」フォルダーのすべてのサブフォルダー名は、JSF 2.0 Webアプリケーションの「ライブラリー」と見なされます。後で、この「ライブラリ」をJSFタグのライブラリ属性で参照できます。

マネージドBean

JSF 2.0でのマネージドBeanの構成とインジェクションについて

Configure Managed Beans in JSF 2.0
JSF 2.0では、JSFページからアクセスできるJavaBeanはManagedBeanと呼ばれます。マネージドBeanは、getterおよびsetterメソッド、ビジネスロジック、またはバッキングBean（すべてのHTMLフォーム値を含むBean）を含む通常のJava Beanにすることができます。
Injecting Managed beans in JSF 2.0
JSF 2.0では、新しい@ManagedPropertyアノテーションを使用して、マネージドBeanを別のマネージドBeanのプロパティに依存性注入（DI）します。

Implicit Navigation in JSF 2.0
これで、JSF 2は、「暗黙のナビゲーション」という名前の新しい「自動ビューページリゾルバー」メカニズムを発表しました。このメカニズムでは、上記のナビゲーションルールを宣言する必要はなく、代わりに「アクション属性の「ビュー名」とJSFは、正しい「ビューページ」を自動的に検索します。
Conditional Navigation Rule in JSF 2.0
JSF 2には、複雑なページナビゲーションフローを解決するための非常に柔軟な条件付きナビゲーションルールが付属しています。
JSF “form-action” navigation rule example
JSFナビゲーションルールでは、2つの別々のアクションがページ内で同じ「outcome」を返す状況が発生する場合があります。この場合、「form-action」要素を使用して、2つのナビゲーションケースを区別できます。
JSF : Page Forward vs Page Redirect
デフォルトでは、JSFは別のページに移動しているときにサーバーページを前方に実行します。次の例を参照して、ページフォワードとページリダイレクトを区別してください。

リソースバンドル

JSFのメッセージ操作と国際化。

JSF 2.0 and Resource Bundles example
このチュートリアルでは、リソースバンドルを使用してJSF2.0でメッセージを表示する方法を示します。保守性を考慮して、ページに直接メッセージをハードコーディングするのではなく、すべてのメッセージをプロパティファイルに入れることをお勧めします。
JSF 2 Internationalization example
JSF2.0国際化または多言語の例。

JSFタグライブラリ

標準JSF 2フォームのタグコンポーネント。

JSF 2 textbox example
テキストボックスの例。
JSF 2 password example
パスワードの例。
JSF 2 textarea example
textareaの例。
JSF 2 hidden value example
隠し値の例。
JSF 2 checkboxes example
およびチェックボックスの例。
JSF 2 radio buttons example
ラジオボタンの例。
JSF 2 listbox example
単一選択リストボックスの例。
JSF 2 multiple select listbox example
複数選択リストボックスの例。
JSF 2 dropdown box example
ドロップダウンボックスの例。
JSF 2 multiple select dropdown box example
複数選択ドロップダウンボックスの例。このタグの使用は推奨されません。
JSF 2 outputText example
タグ付きのテキストを表示します。
JSF 2 outputFormat example
タグを使用してパラメーター化されたテキストを表示します。
JSF 2 graphicImage example
タグを付けて画像を表示します。
JSF 2 outputStylesheet example
タグ付きのCSSファイルをインクルードします。
JSF 2 outputScript example
タグ付きのJavaScriptファイルを含めます。
JSF 2 button and commandButton example
およびの例。
JSF 2 link, commandLink and outputLink example
、、およびの例。
JSF 2 panelGrid example
の例。
JSF 2 message and messages example
およびの例。
JSF 2 param example
の例では、パラメーターをコンポーネントに渡します。
JSF 2 attribute example
の例では、属性をコンポーネントに渡します。
JSF 2 setPropertyActionListener example
の例では、バッキングBeanのプロパティに直接値を設定します。

テーブル操作

JSFのdataTableを使用して、データを追加、更新、削除、並べ替えます。

JSF 2 dataTable example
JSF 2 、、およびタグを使用して、データをHTMLテーブル形式で表示します。
dataTableに行を追加するためのAdd row in JSF dataTable
JSF2の例。
dataTableの行を更新するためのUpdate row in JSF dataTable
JSF2の例。
dataTableの行を削除するDelete row in JSF dataTable
JSF2の例。
Display dataTable row numbers in JSF
JSF 2の例で、DataModelクラスを使用してdataTableの行番号を表示します。
の代わりとしてのJSF 2 repeat tag example
JSF 2 の例。
JSF 2 dataTable sorting example
カスタムコンパレータを使用してdataTableタグに並べ替え機能を実装する方法を示すJSF2.0の例。
JSF 2 dataTable sorting example – DataModel
dataTableタグに並べ替え機能を実装するためのdataModelの使用を示すJSF2.0の例。

Faceletsタグ

JSF 2.0 faceletsタグでレイアウトテンプレートを実行します。

JSF 2 Templating with Facelets example
、、、およびタグは、JSF2.0でのテンプレートの例を示しています。
How to pass parameters to JSF 2.0 template file?
JSF 2 の例では、パラメーターをインクルードファイルまたはテンプレートファイルに渡します。
Custom tags in JSF 2.0
JSF2.0でカスタムタグを作成するためのガイド。
JSF 2 remove example
JSF 2 の例。

コンバーターと検証

JSF 2.0の標準コンバーターと検証タグ

JSF 2 convertNumber example
「f：convertNumber」は、文字列を指定された「数値」形式に変換する標準のコンバーターです。また、入力値が有効な数値であることを確認するための検証ツールとしても使用されます。
JSF 2 convertDateTime example
“ f：convertDateTime”は、文字列を指定された“ Date”形式に変換する標準のJSFコンバータタグです。次のJSF 2.0の例は、この「f：convertDateTime」タグの使用方法を示しています。
JSF 2 validateLength example
“ f：validateLength”は、文字列の長さをチェックするために使用されるJSF文字列長バリデータタグです。
JSF 2 validateLongRange example
“ f：validateLongRange”は、数値の範囲をチェックするために使用されるJSF範囲バリデータータグです。
JSF 2 validateDoubleRange example
“ f：validateDoubleRange”は、浮動小数点値の範囲を検証するために使用されるJSF範囲バリデータータグです。
JSF 2 validateRequired example
「f：validateRequired」はJSF 2.0の新しいバリデータタグであり、入力フィールドが空でないことを確認するために使用されます。
JSF 2 validateRegex example
“ f：validateRegex”は、JSF 2.0の新しいバリデータタグであり、特定の正規表現パターンでJSFコンポーネントを検証するために使用されます。
Customize validation error message in JSF 2.0
JSF2.0で検証エラーメッセージをカスタマイズする方法。
Custom converter in JSF 2.0
JSF2.0でカスタムコンバーターを作成する方法。
Custom validator in JSF 2.0
JSF2.0でカスタムバリデーターを作成する方法。
Multi Components Validator in JSF 2.0
PostValidateEventシステムイベントを使用して、JSF2.0で複数のコンポーネントバリデーターを作成します。

複合コンポーネント

JSF 2.0の再利用可能なコンポーネント

Composite Component in JSF 2.0
このチュートリアルでは、JSF 2.0で再利用可能なコンポーネント（複合コンポーネント）を作成する方法を示します。

イベントハンドラ

JSF 2には、JSFのライフサイクルを乗っ取るための多くのイベントハンドラーが付属しています。

JSF 2 valueChangeListener example
ユーザーがh：inputTextやh：selectOneMenuなどの入力コンポーネントに変更を加えると、JSFの「値変更イベント」が発生します。
JSF 2 actionListener example
JSFでは、「アクションイベント」は、ボタンまたはリンクコンポーネント（h：commandButtonやh：commandLinkなど）をクリックすることで発生します。
JSF 2 PostConstructApplicationEvent and PreDestroyApplicationEvent example
PostConstructApplicationEvent、アプリケーションの開始後に発生し、PreDestroyApplicationEventはアプリケーションがシャットダウンする前に発生します。
JSF 2 PreRenderViewEvent example
PreRenderViewEvent、ビュールート（JSFページ）が表示される前に起動します。
JSF 2 PostValidateEvent example
PostValidateEvent、コンポーネントが検証された後に発生します。

他のフレームワークと統合する

JSFを外部サービスと統合する方法。

JSF 2.0 + JDBC integration example
JDBCを介してJSF2.0をデータベースと統合する方法を示す例。
JSF 2.0 + Spring integration example
JSF2.0をSpringフレームワークと統合する方法を示す例。
JSF 2.0 + Spring + Hibernate integration example
JSF 2.0 + Spring + Hibernateフレームワークを統合する方法を示す例。

FAQ

JSF 2.0でよくある質問

一般的なエラー

JSF 2.0の一般的なエラーメッセージ

参照

JSF 2.0のさらなる研究のためのいくつかの有用な参照サイト

TOC

JSF 2.0チュートリアル