Spring MVCのテキストボックスの例
Spring MVCでは、
<form:input/>
タグを使用してHTMLテキストボックスフィールドをレンダリングできます。例えば、
<form:input path="userName"/>
次のHTMLコードをレンダリングします
<input id="userName" name="userName" type="text" value=""/>
このチュートリアルでは、Springのフォームタグ ”
input
“を使用してHTMLテキストボックス
をレンダリングして ”
userName ** “を格納する方法を説明します。さらに、空のチェックバリデータを追加して、テキストボックスの値が空でないことを確認します。
1.コントローラー
フォームの値を処理し、フォームの値をCustomerオブジェクトにリンクするための
SimpleFormController
。
File:TextBoxController.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 TextBoxController extends SimpleFormController{
public TextBoxController(){
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.モデル
テキストボックス値を格納するCustomerオブジェクト。
File:Customer.java
package com.mkyong.customer.model;
public class Customer{
String userName;
//getter and setter methods
}
3.フォームバリデーター
フォームバリデータークラスを作成し、
ValidationUtils
クラスを使用して “userName”が空でないことを確認します。それ以外の場合は、対応するリソースバンドル（プロパティファイル）から ”
required.userName
“メッセージを取得します。
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, "userName",
"required.userName", "Field name is required.");
}
}
ファイル:message.properties
required.userName = username is required!
4.ビュー
Springのフォームタグ ”
input
“を使用してHTMLテキストボックスをレンダリングするJSPページ。エラーメッセージを強調表示するCSSスタイルをいくつか配置します。
ファイル:Customer Form.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 textbox example</h2>
<form:form method="POST" commandName="customerForm">
<form:errors path="** " cssClass="errorblock" element="div"/>
<table>
<tr>
<td>Username :</td>
<td><form:input path="userName"/>
</td>
<td><form:errors path="userName" cssClass="error"/>
</td>
</tr>
<tr>
<td colspan="3"><input type="submit"/>
</td>
</tr>
</table>
</form:form>
</body>
</html>
フォームが送信された場合は、成功したページをレンダリングし、送信されたテキストボックス値を表示します。
ファイル:Customer Success.jsp
<html>
<body>
<h2>Spring's form textbox example</h2>
userName : ${customer.userName}
</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.TextBoxController">
<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/textbox.htm
フォームの送信中にテキストボックス値が空白の場合は、エラーメッセージを表示して強調表示します。
例:2、title = “SpringMVC-TextBox-Example-2″、width = 640、height = 300]
フォームが正常に送信された場合は、送信されたテキストボックスの値を表示するだけです。
SpringMVC-TextBox-Example-3、title = “SpringMVC-TextBox-Example-3″、width = 639、height = 234]
