読者です 読者をやめる 読者になる 読者になる

Challenge Java EE !

Java EEを中心に趣味や仕事における開発メモを書いています。

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

JSF Maven NetBeans OpenFaces

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

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

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

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

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

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

f:id:kikutaro777:20130802214037j:plain

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

f:id:kikutaro777:20130802214048j:plain

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

f:id:kikutaro777:20130802214143j:plain

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

f:id:kikutaro777:20130802214202j:plain

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

今回の例ではJSFでサンプルを作る流れとしますので、index.jspを削除します。
f:id:kikutaro777:20130802214214j:plain

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

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

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

f:id:kikutaro777:20130802214246j:plain

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

f:id:kikutaro777:20130802214257j:plain

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

f:id:kikutaro777:20130802214302j:plain

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

f:id:kikutaro777:20130802214343j:plain

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

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

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

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

f:id:kikutaro777:20130802214519j:plain

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

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

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

f:id:kikutaro777:20130802214528j:plain

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

f:id:kikutaro777:20130802214605j:plain

16.Calendar追加
<oo:calendar />

だけ追加して再度実行。

f:id:kikutaro777:20130802215422j:plain

こんな感じ…(^^;

でもショーケースみるとコンポーネント種類はわりと豊富そうです。
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が独走なのかなぁと(^^;

にほんブログ村 IT技術ブログへ
にほんブログ村
にほんブログ村 IT技術ブログ Javaへ
にほんブログ村