Spring Boot(Spring MVC)のform送信の仕組みを少しずつ理解する
はじめに
Spring Boot + Thymeleaf でのform送信について、公式ドキュメントとしては
があります。
しかし、これらのドキュメントは初歩的な説明にとどまり、この知識だけで実践に挑むとかなり苦労します。
また、最近は静的webページでformをpostするみたいなことをやる機会が少なくなっており、検索しても実例が出てこなかったりロストテクノロジー化しつつあるように思われました。
(「ロストテクノロジー化」については、AIに聞けば良い時代になったので今後は問題にはならないかも?)
今回、form post実装で色々とつまづいたことがあったので、そうったことを含めて、上記公式ドキュメントのnext step的な内容をまとめたいと思います。
本記事のコードはKotlinで実装する予定でしたが、Spring Boot(Spring MVC)の事情とKotlin特有の話があるので、Spring MVCの話をするのにJavaで実装し直した箇所が混在しています。
postデータがcontollerに渡るまでの処理の前提知識
(本節の情報はドキュメントや実装で詳細を確認したわけでなく、経験に拠るものです。ので正確ではないかもしれません)
ユーザーが作成したformデータが、コントローラーのハンドラーの引数として渡ってくるまでには、大きく次の2つの手順を踏みます。
- formデータの各項目が(今回の場合は)文字列として受け付けられるので、それをそれぞれJavaのオブジェクトに変換する
- データバインディングと呼ばれる処理
- ドキュメント: @InitBinder
@Valid
(あるいは@Validated
) が付与されていれば、バインドしたオブジェクトを検証する- いわゆるバリデーション。典型的には Bean Validator を用いて行う
- ドキュメント: Validation
私は長い間1.と2.を区別できていませんでした。
Bean Validator は名前の通りBean(Javaオブジェクト)を検証するものであり、そもそもJavaオブジェクトが構築できていないのならvalidationできない、というに気付けばそれはそう、という話ではあるのですが…
どちらも BindingResult#hasErrors()
で error として扱えたり、大抵の場合は同一視できるのですが微妙な違いもあるので2種類ある、というのは覚えておいた方が良いです。
実装、挙動確認
ここからは、実際の挙動を確認していきます。
実行するにはJava21(以降)がインストールされている必要があります。
ソースコード
まず簡単なフォームを実装して挙動を確認してみます。(以降、bootstrap利用&prettierの整形の都合上、行数が多いですが大したことはしていません)
- ソースコード
- hash: a52f84feeea8b92e8526eee6f1913fae964d21b6
- path: spring/validation/kotlin-form-binding
簡単に解説します。
まず、ユーザー入力とそのデータ送信を行うformとそのformのデータをバインドするクラス JavaForm
を実装します。
JavaForm
のプロパティにはBean Validationアノテーションを付与します。
postをハンドルするコントローラのメソッドでは、 JavaForm
引数に @Valid
(または@Validated
) アノテーションを付与します。
そしてその引数の直後に BindingResult
引数を設定します。
formについてはもう少し説明が必要かもしれません。
th:
で始まるタグはThymeleafのものですが、2種類のドキュメントを参照する必要があります。
- Tutorial: Using Thymeleaf
- (1つ前のバージョンのようですが)日本語版もあるようです
- Tutorial: Thymeleaf + Spring
そして、今回のようにformを実装する上で必須になるのは後者のドキュメントの 6 Creating a Form と 7 Validation and Error Messages です。
(th:field
とか、実際にform作るのには必須だと思うのですが冒頭で紹介したSpring Boot側のチュートリアルでは一切出てこないですからね…)
実行方法
次のコマンド
|
|
で実行し、 http://localhost:8080/java へアクセスします。
次の項目が入力、送信できます:
- name(
String
):@NotNull
,@NotEmpty
,@Size(min = 1, max = 10)
- birthDate(
LocalDate
):@NotNull
,@DateTimeFormat(iso = DATE)
- age(
Short
): 任意項目
まず、そのまま何も入力せずに「送信」ボタンを押します。
空入力のとき、String
は null
でなく空文字列に変換されているのがわかります。
日付フォーマット不正
続いて、生年月日入力欄に、適当な文字列(“aaaa” とか)を入力してみます。
何やら様相の異なるエラーメッセージが出力されています:
Failed to convert property value of type java.lang.String to required type java.time.LocalDate for property birthDate; Failed to convert from type [java.lang.String] to type [@jakarta.validation.constraints.NotNull @org.springframework.format.annotation.DateTimeFormat java.time.LocalDate] for value [aaaa]
これが、前述の説明した「データバインディング」失敗時の挙動です。
formデータを JavaForm
オブジェクトにバインドするためには、文字列 “aaaa” を LocalDate
型に変換する必要がありますが、この変換処理が成功しなかったのが理由です。
メッセージの趣が異なる理由も、空入力のときの「null は許可されていません」はBean Validator(の実装であるHibernate Validator)が出力しているのに対し、上記のシステマチックなメッセージはSpring MVCが出力しているから、という違いから来ています。
メッセージのカスタマイズ方法については後述します
数値オーバーフロー
年齢は Short
で定義しているので 32767
を超過するとオーバーフローします。
32768
以上を入力して送信してみます。
そうすると、メッセージ形式から、データバインディングでエラーになっていることがわかります。
つまり、オーバーフローしないよう検証しようと @Max(Short.MAX_VALUE)
といったアノテーションを付与したとしても、このBean Validationが動作することはないわけです。
リストの要素が動的に増減する場合のpost
公式チュートリアル4.1節の図中 “Rows” 箇所のようなものです。
入力する要素数(行数)が動的に変わる箇所の実装です。
公式チュートリアルの実装は 6.6 Dynamic fields で説明されている通りで、行追加や行削除を行う際にはサーバーにpostし、サーバー側でバインドオブジェクトの行を増減して送り返すことで、対応するテーブルの行数を増減させています。
確かにこのやりかたはThymeleafとしてはまっとうです。が、今どき行の追加・削除でページ更新が発生するやり方が許容されれるでしょうか…?ということで、私の実装ではjsで行の増減を行い、サーバーリクエストが発生しないような実装を行ってみました。
- ソースコード
- hash: d91c46453493e332a8e1c3c1c055d28194d8d654
- path: spring/validation/kotlin-form-binding
行のtemplateを作っておき、jsでcloneして行追加、行のindexを再計算しています。
…ただこれ、サンプルの小さい実装だからまだ気にならないかもしれませんが、めちゃめちゃ保守したくないコードです。
個人的には、こういうフロントで動的なことをやらないといけない要件が出たなら、今の時代はThymeleafを捨ててVueやReactなんかで実装すべきなのではと考えています。
閑話休題。
Thymeleafとしては、コレクション要素の name
は families[0].familyName
というような形式になります。
これを自動で設定するには
|
|
のような書き方をすることになります。
メッセージのカスタマイズ
Bean Validator
Bean Validationのメッセージのカスタマイズ方法は、Bean Validation 仕様書に記述があります。
メッセージバンドル ValidationMessages.properties
を見るので、クラスパスにこの形式のファイルを置いて(優先度を上げて)やればデフォルト設定のメッセージを上書きできます。
具体的には、 src/main/resources/ValidationMessages.properties
ファイルを作成し、次のように編集します(実際のエンコーディングは ISO-8859-1(Latin-1) です):
|
|
そうして、アプリケーションを再起動した後前回と同じように空のまま送信すると、メッセージが今回設定した「必須項目です」に変わっているはずです。
key値 jakarta.validation.constraints.NotNull.message
の部分はどうやって調べるの?という点については、標準のものであれば仕様書の Appendix B: Standard ResourceBundle messages に載っています。
が、IDEのクラスファイル(やコンパイル前ソースコード)を覗く機能で実装を見た方が早いでしょう。
例えば @NotNull
のクラスを見ると次のように実装されています:
|
|
データバインディング
ではデータバインディング失敗時のエラーメッセージはどうやってカスタマイズするのでしょう?
検索してみたのですが、どうも公式のドキュメントに明示的には書かれていないようです。
前回試したように、生年月日に不正な文字列を入力して送信します。
そしてハンドラーの中で BindingResult
をデバッガーで見てみましょう。
erros[n].codes
(n
は数値)に文字列が並んでいると思います。
typeMismatch.profile.birthDate
typeMismatch.birthDate
typeMismatch.java.time.LocalDate
typeMismatch
どうやらこれがメッセージのkey値になるようです。この並び順の優先度になっていて、下に行くほど汎用的(なので優先度が低い)ですね。
そして、設定するファイルは、Spring MVCの機能なので、上記の ValidationMessages.properties
ではなく 、 messages.properties
になります。
(こちらも実際のエンコーディングは ISO-8859-1)
typeMismatch=有効な形式ではありません
を設定して実行し、生年月日に不正な文字列、年齢にオーバーフローする値を入力して送信してみましょう。
エラーメッセージが「有効な形式ではありません」に変わったことが確認できます。