Spring MVCのテキストエリアの例

投稿日: 2019-11-05 2019-11-05
タグ: Spring MVC, textarea

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]

ソースコードをダウンロードする

ダウンロードする –

SpringMVCForm-TextArea-Example.zip

（9KB）

spring mvc

textarea

getdocs

13036