Challenge Engineer Life !

エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。

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

PrimeFaces以外のJSFリッチコンポーネントってどんなんだろう、とずっと気になってたので、RichFacesを触ってみました。

http://www.jboss.org/richfaces

RichFaces 5.0.0 Alpha1が最新のようで、リリースが2013年6月14日なので、PrimeFaces同様に元気そうです。

とりあえず、前に書いた「NetBeansで始める初めてのPrimeFaces ~Maven編~」と同じことをやってみました。

NetBeansは7.3でMavenを使った手順です。

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

f:id:kikutaro777:20130707231707j:plain

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

f:id:kikutaro777:20130707231716j:plain

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

f:id:kikutaro777:20130707231722j:plain

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

f:id:kikutaro777:20130707231732j:plain

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

f:id:kikutaro777:20130707231748j:plain

6.index.jspを削除後、Webページで右クリックして「その他」からカテゴリ「Web」で「JSFページ」を選びます

f:id:kikutaro777:20130707231806j:plain

f:id:kikutaro777:20130707231820j:plain

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

f:id:kikutaro777:20130707231835j:plain

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

f:id:kikutaro777:20130707231939j:plain

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

RichFacesはPrimeFacesと違って専用レポジトリでなくCentralレポジトリにあるようで、Repositoryタグは不要でした。

<dependency>
    <groupId>org.richfaces.ui</groupId>
    <artifactId>richfaces-components-ui</artifactId>
    <version>4.3.2.Final</version>
</dependency>
<dependency>
    <groupId>org.richfaces.core</groupId>
    <artifactId>richfaces-core-impl</artifactId>
    <version>4.3.2.Final</version>
</dependency>
10.ビルドして「index.xhtml」に以下追加しました
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <rich:panel>
            <h:inputText />
            <a4j:commandButton value="ボタン" />
        </rich:panel>
    </h:body>
</html>

タグがrichとa4jと2種類あるみたいです。

11.実行すると…

f:id:kikutaro777:20130707232601j:plain
ふむ。PrimeFacesとはまた違う感じの見た目。

テーマ

標準で使えるテーマはデフォルトの他に以下のようなものがあるようです。

  • emeraldTown

f:id:kikutaro777:20130707232735j:plain

  • blueSky

f:id:kikutaro777:20130707232747j:plain

  • wine

f:id:kikutaro777:20130707232756j:plain

  • japanCherry

f:id:kikutaro777:20130707232806j:plain

f:id:kikutaro777:20130707232814j:plain

  • classic

f:id:kikutaro777:20130707232831j:plain

  • deepMarine

f:id:kikutaro777:20130707232839j:plain
もう少し触ってみないとPrimeFacesとの違いはわからないです…(^^;

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