JSFのインストール - 初めてのJSFアプリ作成・実行

2009/06/23 16:24Update
TAGS: JSF | インストール | 入門 | hello

JSFのインストール方法、初めてのJSFアプリケーションの作成及びその実行方法。

動作環境（JSF 1.2.x）


◇　GlassFish または JSP2.1/J2EE 5.0 ベースの任意コンテナー
◇　J2SE 5.0 ＋

１）動作環境のインストール


　　環境構築 - Java入門
　　WebサーバTomcatのインストール | Windows篇
　　WebサーバTomcatのインストール | Linux篇

２）JSF仕様を実装したライブラリのダウンロード


　　JSF仕様を実装したフレームワークはいくつかありますが、次のいずれか（一つ）をダウンロードします。
　　MyFaces：Apache のJSF実装。Apache Myfaces - JavaServer Faces（JSF）フレームワークのオープンソース実装
　　Mojarra：Sun java.netのJSF実装。GlassFish Mojarra - GlassFishのJavaServer Faces（JSF）フレームワークの実装
　　JBoss RichFaces：JBoss RichFaces - Ajax機能付けJSFベースのフレームワーク
　　

３）プロジェクト作成


　　TOMCATの場合、webapps\下にhellojsfフォルダを作成。
※1 階層
　hellojsf
　　┠hello.jsp
　　┗WEB-INF
　　　　┠web.xml
　　　　┗lib
　　　　　　┠jsf-api.jar（myfaces-api.jar）
　　　　　　┠jsf-impl.jar（myfaces-impl.jar）
　　　　　　┠javaee.jar
　　　　　　┗....jar
※サーバ起動エラー時、エラーメッセージを見ながら、適当なjarライブラリをWEB-INF\lib\に追加する必要があるかもしれません。

詳細について、JSFプロジェクト階層構造例

※2 web.xml記述

web.xml例：
<?xml version='1.0' encoding='UTF-8'?>

<web-app version="2.5"
         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-app_2_5.xsd">

    <display-name>hellojsf</display-name>
    <description>JSF start guide</description>

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


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

</web-app>


※3 JSP記述

hello.jsp例：
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;CHARSET=utf-8">
    <title>Hello JSF</title>
</head>

<body>
<f:view>
    <h:outputText value="Hello JSF." />
</f:view>
</body>

</html>


※4　サーバ実行


TomcatなどのWebサーバを起動します。
ブラウザーのアドレスバーに次のURLを入力します。

http://localhost:8080/hellojsf/helloworld.faces

「Hello JSF.」が表示されればOKです。

有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Sponsored Link


Comments

  • Relative Articles