JSF2.1のプロジェクトを作成し、実行します。
【手順1】
1.「Eclipse 3.7.2 Indigoの起動方法」の手順で、Eclipseを起動。
2.メニューの「ファイル」⇒「新規」⇒「プロジェクト」を選択。
1.「Web」⇒「動的Webプロジェクト」を選択。
2.「次へ」ボタンをクリック。
1.「プロジェクト名」に「JSF21Sample001-HelloWorld」と入力。
2.ターゲット・ランタイムは「サーバー・ランタイムの設定(Tomcat7)」の手順でセットした、「Apache Tomcat v7.0」を選択。
3.「次へ」ボタンをクリック。
1.「次へ」ボタンをクリック。
1.「完了」ボタンをクリック。
1.以下の様に、動的プロジェクトが作成されます。
【手順7】
【手順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_3_0.xsd" id="WebApp_ID" version="3.0"> <display-name>JSF21Sample001-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.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
3.「任意のファイルの作成方法」の手順で、「WebContent/WEB-INF/」ディレクトリに「faces-config.xml」というファイルを作成。
4.「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_1.xsd" version="2.1"> </faces-config>
5.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
6.「任意のファイルの作成方法」の手順で、「WebContent/」ディレクトリに「index.xhtml」というファイルを作成。
7.「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"> <head> </head> <body> <h:outputText value="ハローワールド JSF2.1"/> </body> </html>
8.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
【補足】
「JSF2.1プロジェクトでXHMLTのタグの補完機能を利用する方法」の手順を実施しておくと便利です。
以上です。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。