最近の更新

2012年6月17日日曜日

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

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



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




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




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




【手順4】
1.「次へ」ボタンをクリック。




【手順5】
1.「完了」ボタンをクリック。




【手順6】
1.以下の様に、動的プロジェクトが作成されます。




【手順7】
1.RichFaces4のライブラリを設定。
※(RichFaces4.2系の場合)「RichFaces4.2.2をライブラリに設定する方法」の手順に従って、「RichFaces4.2.2」をライブラリに設定。
※(RichFaces4.3系の場合)「RichFaces4.3.0をライブラリに設定する方法」の手順に従って、「RichFaces4.3.0」をライブラリに設定。
2.「JSF2.1(Mojarra2.1.9)をライブラリに設定する方法」の手順に従って、「javax.faces-2.1.9.jar」をライブラリ設定。
3.「CSS Parser0.9.5をライブラリに設定する方法」の手順に従って、をライブラリを設定。
4.「Simple API for CSS1.3をライブラリに設定する方法」の手順に従って、をライブラリを設定。
5.「Google Guava10.0.1をライブラリに設定する方法」の手順に従って、をライブラリを設定。





【手順8】
1.「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>RichFaces4Sample001-HelloWorld</display-name>

    <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>

2.「任意のファイルの作成方法」の手順で、「WebContent/WEB-INF/」ディレクトリに「faces-config.xml」というファイルを作成。3.「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_2_0.xsd"
    version="2.0">
</faces-config>

4.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
5.「任意のファイルの作成方法」の手順で、「WebContent/」ディレクトリに「index.xhtml」というファイルを作成。
6.「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">
<h:head>
</h:head>
<h:body>
    <rich:calendar />
</h:body>
</html>

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



以上です。

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。

関連記事