PrimeFacesプロジェクトを作成し、実行します。
【手順１】
１．「Eclipse 3.7.2 Indigoの起動方法」の手順で、Eclipseを起動。
２．メニューの「ファイル」⇒「新規」⇒「プロジェクト」を選択。
１．「Web」⇒「動的Webプロジェクト」を選択。
２．「次へ」ボタンをクリック。
１．「プロジェクト名」に「PrimeFacesSample001-HelloWorld」と入力。
２．ターゲット・ランタイムは「サーバー・ランタイムの設定(Tomcat6)」の手順でセットした、「Apache Tomcat v6.0」を選択。
３．「次へ」ボタンをクリック。
１．「次へ」ボタンをクリック。
１．「完了」ボタンをクリック。
１．以下の様に、動的プロジェクトが作成されます。
１．「primefaces-3.3.jarをライブラリに設定する方法」の手順に従って、「primefaces-3.3.jar」をライブラリ設定。
２．「JSF2.1(Mojarra2.1.9)をライブラリに設定する方法」の手順に従って、「javax.faces-2.1.9.jar」をライブラリ設定。
【手順８】
１．「WebContent/WEB-INF/web.xml」を以下の様に入力。
２．「任意のファイルの作成方法」の手順で、「WebContent/WEB-INF/」ディレクトリに「faces-config.xml」というファイルを作成。
３．「faces-config.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>PrimeFacesSample001-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>
２．「任意のファイルの作成方法」の手順で、「WebContent/WEB-INF/」ディレクトリに「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>
４．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
５．「任意のファイルの作成方法」の手順で、「WebContent/」ディレクトリに「index.xhtml」というファイルを作成。
６．「index.xhtml」を以下の様に入力。
<html xmlns="http://www.w3c.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<p:editor />
</h:body>
</html>
７．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
以上です。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。