Spring MVCのテキストボックスの例

getdocs

7年前

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>