しがないプログラマーの備忘録: RichFaces3プロジェクトの作成方法

【目的】
RichFaces3のプロジェクトを作成し、実行します。

【手順１】
１．「Eclipse 3.7.2 Indigoの起動方法」の手順で、Eclipseを起動。
２．メニューの「ファイル」⇒「新規」⇒「プロジェクト」を選択。

【手順２】
１．「Web」⇒「動的Webプロジェクト」を選択。
２．「次へ」ボタンをクリック。

【手順３】
１．「プロジェクト名」に「RichFaces3Sample001-HelloWorld」と入力。
２．ターゲット・ランタイムは「サーバー・ランタイムの設定(Tomcat6)」の手順でセットした、「Apache Tomcat v6.0」を選択。
３．「次へ」ボタンをクリック。

【手順４】
１．「次へ」ボタンをクリック。

【手順５】
１．「完了」ボタンをクリック。

【手順６】

１．以下の様に、動的プロジェクトが作成されます。

【手順７】
１．「RichFaces3.3.3のライブラリの設定方法」の手順に従って、「RichFaces3.3.3」をライブラリに設定。
２．「JSF1.2(Mojarra1.2_15)をライブラリに設定する方法」の手順にしたがって、「JSF1.2(Mojarra1.2_15)」をライブラリに設定。
３．「jstl-1.2.jarをライブラリに設定する方法」の手順に従って、「jstl-1.2.jar」をライブラリ設定。
４．「jsf-facelets-1.1.14.jarをライブラリに設定する方法」の手順に従って、「jsf-facelets-1.1.14.jar」をライブラリ設定。

５．「RichFaces3.3.3に依存するライブラリの設定方法」の手順に従って、依存するライブラリを設定。

【手順８】
１．「WebContent/WEB-INF/web.xml」を以下の様に入力。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    id="WebApp_ID" version="2.5">

    <display-name>RichFaces3Sample001-HelloWorld</display-name>


    <context-param>
        <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
        <param-value>server</param-value>
    </context-param>

    <context-param>
        <param-name>org.richfaces.SKIN</param-name>
        <param-value>blueSky</param-value>
    </context-param>

    <context-param>
        <param-name>org.richfaces.CONTROL_SKINNING</param-name>
        <param-value>enable</param-value>
    </context-param>

    <filter>
        <display-name>RichFaces Filter</display-name>
        <filter-name>richfaces</filter-name>
        <filter-class>org.ajax4jsf.Filter</filter-class>
    </filter>

    <filter-mapping>
        <filter-name>richfaces</filter-name>
        <servlet-name>Faces Servlet</servlet-name>
        <dispatcher>REQUEST</dispatcher>
        <dispatcher>FORWARD</dispatcher>
        <dispatcher>INCLUDE</dispatcher>
    </filter-mapping>

    <listener>
        <listener-class>com.sun.faces.config.ConfigureListener</listener-class>
    </listener>

    <context-param>
        <param-name>javax.faces.DEFAULT_SUFFIX</param-name>
        <param-value>.xhtml</param-value>
    </context-param>

    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>

    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>

</web-app>

２．「任意のファイルの作成方法」の手順で、「WebContent/WEB-INF/」ディレクトリに「faces-config.xml」というファイルを作成。３．「faces-config.xml」を以下の様に入力。

<?xml version="1.0" encoding="UTF-8"?>

<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd"
    version="1.2">

    <application>
        <view-handler>com.sun.facelets.FaceletViewHandler</view-handler>
    </application>

</faces-config>

３．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
４．「任意のファイルの作成方法」の手順で、「WebContent/」ディレクトリに「index.xhtml」というファイルを作成。
５．「index.xhtml」を以下の様に入力。

<html xmlns="http://www.w3c.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich" >
<head>
</head>
<body>
    <rich:calendar />
</body>
</html>

６．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。

以上です。

しがないプログラマーの備忘録

ページ

最近の更新

2012年6月14日木曜日

RichFaces3プロジェクトの作成方法

0 件のコメント:

コメントを投稿

関連記事