Archive for 2月 17th, 2012

  1. Hello, JSF World!

    Posted on 2月 17th, 2012 by cx20

    JSF

    JSF(JavaServer Faces)は Java EE 周辺技術の一つで Java ベースの Web アプリケーションフレームワークである。
    一般的な Web アプリケーションフレームワークが MVC の形式であるのに対して、JSF はコンポーネントベースとなっている。考え方は ASP.NET に近い。
    なお、Java EE 周辺技術のバージョンは以下のような対応になっている。

    J2EE Servlet JSP EL JSTL JSF EJB
    J2EE 1.2 2.2 1.1 1.1
    J2EE 1.3 2.3 1.2 1.0 2.0
    J2EE 1.4 2.4 2.0 2.0 1.1 2.1
    Java EE 5 2.5 2.1 2.1 1.2 1.2 3.0
    Java EE 6 3.0 2.2 2.2 1.2 2.0 3.1

    ソースコード(JSF)

    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <html>
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <f:view>
          <h:outputText value="Hello, JSF World!" />
        </f:view>
      </body>
    </html>

    実行方法

    ディレクトリ構成
    /hello               … 公開用フォルダ
        /WEB-INF         … アプリケーション設定ファイル配置場所
            /lib         … ライブラリ配置場所
     
    1. WEB-INF/lib にライブラリを配置
       myfaces-api.jar
       myfaces-impl.jar
    2. Tomcat の公開フォルダに JSP ファイルを配置
    3. WEB-INF/web.xml の記載
    <?xml versino="1.0"?>
    <web-app>
      <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
      </servlet>
      <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
      </servlet-mapping>
    </web-app>
    4. WEB-INF/faces-config.xml の記載
    <?xml version="1.0"?>
    <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">
    </faces-config>
    5. ブラウザで表示
       http://localhost:8080/hello/hello.jsf

    実行結果

    Hello, JSF World!