NetBeansで始める初めてのOpenFaces 〜Maven編〜

JSFのリッチコンポーネント「OpenFaces」を触ってみました。
http://www.openfaces.org/

2013/8/4追記
後で調べたのですがOpenFacesは現時点では開発はあまり活発ではないようです。
安定してる、のかもしれませんが。後で調べたことは以下にまとめました。
Google TrendsでPrimeFacesが急上昇してる(^^;

少し古いですが、日本語記事もチラホラ

• Ajaxを利用したJSFコンポーネントライブラリ「OpenFaces」
• オープンソースのJSF用ライブラリ「OpenFaces」

例によってスタートアップレベルで書いてみます。
過去書いた他のリッチコンポの記事は最後にリンク置いときます(^^;

環境はNetBeans7.3でJava EE6ベースです。
7にするか迷ったのですが…すみません。

1.NetBeansを起動し、ファイルメニューの新規プロジェクトを選択します

2.カテゴリ「Maven」、プロジェクト「Webアプリケーション」を選択します

3.プロジェクト名を入力します(この例ではOpenFacesMavenSampleとしました)

4.GlassFishのバージョンなど確認して「終了」します

5.プロジェクトが生成され、以下のようになります

今回の例ではJSFでサンプルを作る流れとしますので、index.jspを削除します。

6.index.jspを削除後、Webページで右クリックして「新規」から「JSFページ」を選びます

「JSFページ」が見当たらない場合は、「その他」からカテゴリ「Web」で「JSFページ」を選びます

7.ファイル名を「index」とします

8.index.xhtmlが追加されたのを確認し、今度は「プロジェクト・ファイル」から「pom.xml」を開きます

9.OpenFacesのレポジトリを設定します

10.続けてタグ内に新しく以下のタグを追加します

PrimeFacesやRichFacesと違って依存性が多いのが残念ですね(^^;
全て揃わないと実行できませんでした。

11.ここで一旦ビルドすると、指定したバージョンのOpenFacesモジュールをダウンロードしてくれます

依存性を確認して、openfaces-3.0.jarやその他ライブラリが追加されていればOKです。

12.「index.xhtml」のコードを表示し、bodyタグの中で以下のように打ちます

13.Ctrl+Spaceを押すとPrimeFacesの様々なコンポーネントのタグが確認できます。

OpenFacesは「oo」が標準なのか(^^;
なぜ「o」じゃないんだろｗ
とはいえ、自分で宣言部を変えれば「o」でもいけますが。

14.例えば以下のようにテキストボックスとボタンを配置してみます

15.実行すると…全然リッチ感がわかない(>_<;

16.Calendar追加

<oo:calendar />

だけ追加して再度実行。

こんな感じ…(^^;

でもショーケースみるとコンポーネント種類はわりと豊富そうです。
http://www.openfaces.org/demo/overview/homepage.jsf

もう少し調べてみようかな。

おまけ

JSFリッチコンポのスタートアップ関連は過去に以下のようなものを書きました。
NetBeansをインストールしてれば、10分もかからず画面作れるので、JSFを触ってみたい！という方は是非(^^)個人的にはPrimeFacesがおススメです。

PrimeFaces
NetBeansで始める初めてのPrimeFaces 〜Maven編〜 はてなブックマーク - NetBeansで始める初めてのPrimeFaces 〜Maven編〜
NetBeansで始める初めてのPrimeFaces
PrimeFacesを使ったJSFリッチユーザインタフェース入門　〜ちょっと便利なコンポ達〜

RichFaces
NetBeansで始める初めてのRichFaces ～Maven編～

あとJSFリッチコンポの比較としては

開発現場で実際にJSFを利用していて感じること

辺りで書きましたが、やはり未だにPrimeFacesが独走なのかなぁと(^^;