back

テンプレートの利用 (5/6)

■フォームを送信する

値のやり取りということを考えるなら、なんといっても「フォームの送信」が王道でしょう。これはどのようにやればいいのか、試してみましょう。

まずは、テンプレートのindex.htmlの変更です。下のリスト欄のように書き換えて下さい。見ればわかるように、フォームを1つ設置していますね。送信先は"/"です。今回は、このindex.htmlをGETとPOSTで使います。"/"にGETでアクセスするとフォームが表示され、それを送信すると"/"にPOST送信されて処理結果が表示される、という形で考えることにしましょう。

ここでは、<input type="text">タグのところで、th:value="${val}"というように属性を指定しています。これでコントローラーから渡された値valをvalueに設定しよう、というわけです。

Thymeleafでは、属性などに式言語を使って値を設定したい場合、「th:属性名」という形で属性を記述します。こうすることで、「この属性の値はThymeleafの式言語が設定されている」ということが明確にわかるようになっているのです。覚えてしまえば、割と簡単に式言語が使えますね！



(by. SYODA-Tuyano.)

※リストが表示されない場合

AddBlockなどの広告ブロックツールがONになっているとリストなどが表示されない場合があります。これらのツールをOFFにしてみてください。

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>top page</title>
    <meta http-equiv="Content-Type" 
        content="text/html; charset=UTF-8" />
</head>
<body>
    <h1 th:text="${title}" />
    <p th:text="${msg}" />
    <form method="post" action="/">
        <input type="text" name="txt1" th:value="${val}" />
        <input type="submit" />
    </form>
</body>
</html>



　 　

記事のリストに戻る



PC Site G+ mail
copyright 2009. SYODA-tuyano.