Spring MVCのテキストエリアの例
Spring MVCでは、
<form:textarea/>
を使用してHTMLテキストエリアを描画します。
例えば、
<form:textarea path="address" rows="5" cols="30"/>
次のHTMLコードがレンダリングされます
<textarea id="address" name="address" rows="5" cols="30"></textarea>
このチュートリアルでは、Springのフォームタグ ”
textarea
“を使用してHTMLテキストエリア
をレンダリングして ”
アドレス** “を格納する方法を説明します。さらに、バリデーターを追加して、フォームの送信中にテキサーが空でないことを確認します。
1.コントローラー
フォーム値を扱うための
SimpleFormController
。
ファイル:TextArea Controller.java
package com.mkyong.customer.controller; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.validation.BindException; import org.springframework.web.servlet.ModelAndView; import org.springframework.web.servlet.mvc.SimpleFormController; import com.mkyong.customer.model.Customer; public class TextAreaController extends SimpleFormController{ public TextAreaController(){ setCommandClass(Customer.class); setCommandName("customerForm"); } @Override protected ModelAndView onSubmit(HttpServletRequest request, HttpServletResponse response, Object command, BindException errors) throws Exception { Customer customer = (Customer)command; return new ModelAndView("CustomerSuccess","customer",customer); } }
2.モデル
textarea値を格納するCustomerオブジェクト。
File:Customer.java
package com.mkyong.customer.model; public class Customer{ String address; //getter and setter methods for address }
3.フォームバリデーター
フォームバリデータークラスを作成し、
ValidationUtils
クラスを使用して「アドレス」が空でないことを確認します。そうでない場合は、対応するリソースバンドル(プロパティファイル)から「
required.address
」メッセージを取得します。
File:CustomerValidator.java
package com.mkyong.customer.validator; import org.springframework.validation.Errors; import org.springframework.validation.ValidationUtils; import org.springframework.validation.Validator; import com.mkyong.customer.model.Customer; public class CustomerValidator implements Validator{ @Override public boolean supports(Class clazz) { //just validate the Customer instances return Customer.class.isAssignableFrom(clazz); } @Override public void validate(Object target, Errors errors) { ValidationUtils.rejectIfEmptyOrWhitespace(errors, "address", "required.address", "Field name is required."); } }
ファイル:message.properties
required.address = Address is required!
4.ビュー
Springのフォームタグ ”
textarea
“を使用してHTMLテキストエリアをレンダリングするJSPページ。エラーメッセージを強調表示するCSSスタイルをいくつか配置します。
File:CustomerForm.jsp
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <html> <head> <style> .error { color: #ff0000; } .errorblock { color: #000; background-color: #ffEEEE; border: 3px solid #ff0000; padding: 8px; margin: 16px; } </style> </head> <body> <h2>Spring's form textarea example</h2> <form:form method="POST" commandName="customerForm"> <form:errors path="** " cssClass="errorblock" element="div"/> <table> <tr> <td>Address :</td> <td><form:textarea path="address" rows="5" cols="30"/></td> <td><form:errors path="address" cssClass="error"/></td> </tr> <tr> <td colspan="3"><input type="submit"/></td> </tr> </table> </form:form> </body> </html>
フォームが送信された場合は、成功したページをレンダリングし、送信されたテキストエリアの値を表示します。
File:CustomerSuccess.jsp
<html> <body> <h2>Spring's form textarea example</h2> Address : ${customer.address} </body> </html>
5. Spring Beanの設定
すべてのリンク〜
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd"> <bean class="org.springframework.web.servlet.mvc.support.ControllerClassNameHandlerMapping"/> <bean class="com.mkyong.customer.controller.TextAreaController"> <property name="formView" value="CustomerForm"/> <property name="successView" value="CustomerSuccess"/> <!-- Map a validator --> <property name="validator"> <bean class="com.mkyong.customer.validator.CustomerValidator"/> </property> </bean> <!-- Register the Customer.properties --> <bean id="messageSource" class="org.springframework.context.support.ResourceBundleMessageSource"> <property name="basename" value="message"/> </bean> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix"> <value>/WEB-INF/pages/</value> </property> <property name="suffix"> <value>.jsp</value> </property> </bean> </beans>
6.デモ
ページにアクセスする –
http://localhost:8080/SpringMVCForm/textarea.htm
SpringMVC-TextArea-Example-1.jpg[SpringMVC-TextArea-Example-1、title = “SpringMVC-TextArea-Example-1″、width = 640、height = 312]
フォームの送信中にtextarea値が空の場合は、エラーメッセージを表示して強調表示します。
例:SpringMVC-TextArea-Example-2、title = “SpringMVC-TextArea-Example-2″、width = 640、height = 359]
フォームが正常に送信された場合は、送信されたテキストエリアの値を表示するだけです。
SpringMVC-TextArea-Example-3、title = “SpringMVC-TextArea-Example-3″、width = 639、height = 250]