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> |
<%@ 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 の記載 |
ディレクトリ構成
/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> |
<?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 の記載 |
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> |
<?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 |
5. ブラウザで表示
http://localhost:8080/hello/hello.jsf
実行結果
Tags: JSF
Categories: Java, JSF, JSP
