JSF (JavaServer Faces) アプリケーションでは、ユーザー入力はクライアント要求として http 要求を使用してサーバーに送信されます。これらのユーザー入力は値と呼ばれます。これらのリクエスト値は文字列の形式でサーバーに送信されます。ただし、JSF アプリケーションは、int、float、double、String、Boolean、date などのさまざまなデータ型を使用します。したがって、リクエスト値が処理される前に、適切なデータ型に変換する必要があります。この変換プロセスは変換と呼ばれます。このトピックでは、JSF コンバーターについて学習します。
広告 このカテゴリーの人気コース JSF Java Server Faces - ラーニング パス | 6コースシリーズ無料ソフトウェア開発コースを始めましょう
Web 開発、プログラミング言語、ソフトウェア テスト、その他
JSF アプリケーションで変換を実行するために、JSF フレームワークは標準コンバータを提供します。これらのコンバータは、JSF のコア タグ ライブラリのタグとして提供されます。さらに、アプリケーションの要件を満たす独自のコンバータを作成できます。 これらのコンバータはカスタム コンバータと呼ばれます。
JSF アプリケーションでは、ユーザーが UI コンポーネントに入力したデータは、アプリケーションで処理を進める前に適切な形式に変換する必要があります。次の表は、変換を実行するために JSF コア タグ ライブラリによって提供される標準タグのリストです。
データ変換用の JSF コアタグ –
f:converter – このタグは、インスタンスの親コンポーネントに任意のコンバーターを追加するために使用されます。
例
<f:converter converterId = "javax.faces.Integer"/>
f:convertNumber – このタグは、「NumberConverter」インスタンスを親コンポーネントに追加するために使用されます。
例
<c:convertNumber type = "javax.faces.Integer"/>
f:convertDateTime – このタグは、「DateTimeConverter」インスタンスを親コンポーネントに追加するために使用されます。
例
<f:convertDateTime pattern = "dd/mm/yyyy"/>
JSF フレームワークは、数値と日付の標準コンバーターを提供します。アプリケーションでは、JSF フレームワークを使用して標準コンバータを提供できるように、ユーザー入力を数値および日付データ型に変換する必要がある場合があります。すべての標準コンバータは、javax.faces.convertpackage JSF フレームワークに含まれています。すべてのコンバーターはコンポーネントの値に基づいて暗黙的に適用され、これらのコンバーターにアクセスしたい場合は、コンバーター ID によってアクセスできます。
ユーザー入力文字列値を java.lang.Integer 型の値に変換するために使用する IntegerConverter クラス。そのコンバータ ID は javax.faces.Integer.
例
<h:inputText id="age" converter="javax.faces.Integer" />
ユーザー入力文字列値を java.lang.BigInteger 型の値に変換するために使用する BigIntegerConverter クラス。そのコンバータ ID は javax.faces.BigInteger.
例
<h:inputText id="age" converter="javax.faces.Integer" />
同じ方法をさまざまな整数型に使用できます。
ユーザー入力文字列値を java.lang.Short タイプの値に変換するために使用する ShortConverter クラス。そのコンバータ ID は javax.faces.Short です。
ユーザー入力文字列値を java.lang.Short タイプの値に変換するために使用する LongConverter クラス。そのコンバータ ID は javax.faces.Long です。
ユーザー入力文字列値を java.lang.Number タイプの値に変換するために使用する NumberConverter クラスとそのコンバータ ID は javax.faces.Number です。
例
<h:outputText value="#{userBean.height}">
<f:convertNumber maxFractionDigits="2" />
</h:outputText>ユーザー入力文字列値を java.lang.Float タイプの値に変換するために使用する FloatConverter クラスと、そのコンバータ ID は javax.faces.Float です。
ユーザー入力文字列値を java.lang に変換するために使用する BigDecimalConverter クラス。 BigDecimal の値のタイプとそのコンバータ ID は javax.faces.BigDecimal です。
ユーザー入力文字列値を java.lang に変換するために使用する DoubleConverter クラス。 Double 型の値とそのコンバータ ID は javax.faces.Double です。
ユーザー入力文字列値を java.lang.Byte タイプの値に変換するために使用する ByteConverter クラスと、そのコンバータ ID は javax.faces.Byte です。
ユーザー入力文字列値を java.lang に変換するために使用する CharacterConverter クラス。値の文字型とそのコンバータ ID は javax.faces.Character.
です。ユーザー入力文字列値を java.lang.Boolean 型の値に変換するために使用する BooleanConverter クラス。そのコンバータ ID は javax.faces.Boolean です。
ユーザー入力文字列値を java.lang に変換するために使用する DateTimeConverter クラス。 DateTime 値のタイプとそのコンバータ ID は javax.faces.Datetime.
です。The EnumConverter class which uses to convert user input string values into java.lang. Enum type of values and its conveter id is javax.faces.Enum.
The JSF convertDateTime contains the following attributes to convert the Date time format.
Example
<h:inputText id="DOB" label = "Date of Birth" value="#{bean.DOB }">
<f:convertDateTime pattern="dd/mm/yyyy" />
</h:inputText>The JSF convertNumber contains the following attributes to convert Number format. currencyCode – This attribute specifies to apply the currency format.
Example
<h:outputText value = "#{bean.height}">
<f:convertNumber maxFractionDigits = "1" />
</h:outputText>Let’s see an example of the JSF project.
Create index.xhtml with the following code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:form>
<h:outputLabel for="name">Name : </h:outputLabel>
<h:inputText id="name" value="#{Emp.name}"/><br/>
<h:outputLabel for="eid">Eid : </h:outputLabel>
<h:inputText id="eid" value="#{Emp.eid}">
<h:outputLabel for="sal">Salary : </h:outputLabel>
<h:inputText id="sal" value="#{Emp.sal}">
<f:converter converterId="javax.faces.Integer" />
</h:inputText><br/>
<h:commandButton action="disp.xhtml" value="Submit Query"/>
</h:form>
</html>Create Emp.java class with the following code in the project.
package jsfp;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class Emp {
String name;
String eid;
int sal;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getEid() {
return eid;
}
public void setEid(String eid) {
this.eid = eid;
}
public int getSal() {
return sal;
}
public void setSal(int sal) {
this.sal = sal;
}
}Create disp.xhtml for the response with the following code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>Reply Page</title>
</h:head>
<h:body>
<h:outputText value="Welcome #{Emp.name}. Your eid is #{Emp.eid}. Your Salary is #{Emp.sal}."/>
</h:body>
</html>An output of the above project in the sequence is –
You fill the details as below –
Once you click the button the output is –
The user inputs are sent to the server using an http request in the form of the string, the request values to be processed first need to be transformed into the appropriate data types such as int, float, double, String, Boolean, date, and so on by using the JSF Converters of JSF framework.
以上がJSFコンバータの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
