JSF - データバインディング(Data Binding)
Advertisement
データバインディング
データバインディング（画面←→Javaクラス）は、バッキングビーンを作成し、UIコンポーネントに設定を記述するだけで、後はJSFのフレームワークが自動的にマッピングしてくれる。
UIコンポーネントのマッピング設定には、value-binding expressionsという式言語を記述する。
図1：階層
バッキングビーン(DataBinding.java)
JSP(index.jsp)
faces-config.xml
web.xml
実行結果
図2：実行結果
入力した名前と年齢は、送信ボタンが押下されるとセッターメソッドを経由して、バッキングビーンに格納される。
その後画面が再描画されると、value-binding expressionsの設定にしたがってバッキングビーンから値が取得される。値の取得の際は、ゲッターメソッドが利用される。
UIコンポーネントのマッピング設定には、value-binding expressionsという式言語を記述する。
サンプルコード
階層図1：階層
バッキングビーン(DataBinding.java)
package backingbean.databinding;
public class DataBinding {
private String name;
private String age;
public String getAge() {
return age;
}
public void setAge(String age) {
this.age = age;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
JSP(index.jsp)
<%@ page contentType="text/html;charset=Shift_JIS" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<title>DataBinding</title>
</head>
<body>
<f:view>
<h:form>
入力<br/>
名前：<h:inputText id="name" value="#{DataBindingBean.name}"/><br/>
年齢：<h:inputText id="age" value="#{DataBindingBean.age}"/><br/>
<h:commandButton value="送信"/>
<br/>
<br/>
出力<br/>
名前：<h:outputText id="outputName" value="#{DataBindingBean.name}"/><br/>
年齢：<h:outputText id="outputAge" value="#{DataBindingBean.age}"/>
</h:form>
</f:view>
</body>
</html>
faces-config.xml
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE faces-config PUBLIC
"-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN"
"http://java.sun.com/dtd/web-facesconfig_1_1.dtd">
<faces-config>
<managed-bean>
<managed-bean-name>DataBindingBean</managed-bean-name>
<managed-bean-class>backingbean.databinding.DataBinding</managed-bean-class>
<managed-bean-scope>request</managed-bean-scope>
</managed-bean>
</faces-config>
web.xml
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE web-app PUBLIC
"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
<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>
<context-param>
<param-name>javax.faces.CONFIG_FILES</param-name>
<param-value>/WEB-INF/faces-config.xml</param-value>
</context-param>
<taglib>
<taglib-uri>/tld/jsf-html</taglib-uri>
<taglib-location>/WEB-INF/tld/html_basic.tld</taglib-location>
</taglib>
<taglib>
<taglib-uri>/tld/jsf-core</taglib-uri>
<taglib-location>/WEB-INF/tld/jsf_core.tld</taglib-location>
</taglib>
</web-app>
実行結果
図2：実行結果
入力した名前と年齢は、送信ボタンが押下されるとセッターメソッドを経由して、バッキングビーンに格納される。
その後画面が再描画されると、value-binding expressionsの設定にしたがってバッキングビーンから値が取得される。値の取得の際は、ゲッターメソッドが利用される。