Archive for the ‘JSF’ Category

  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）

    hello.jsp
    raw download
    <%@ 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 の記載
    web.xml
    raw download
    <?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 の記載
    faces-config.xml
    raw download
    <?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!