SpringBoot フォーム　画面遷移サンプルコード

2024年10月2日

環境
SpringBoot 3
JavaSE 17

1.送信側のファイルの定義

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8" />
    <title>submit</title>
  </head>
  <body>
      <form method="post" th:action="@{/userform}">
            <input type="text" name="username"/>
            <input type="submit" value="送信" />	
      </form>
</body>
</html>

説明methodでpost方式を指定し、actionで送信先を指定します。

2.コントローラのクラスの定義
概要
@RequestParamは、リクエストパラメータを受け取ります。

サンプルコード

package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;

@Controller
public class MainController {

      @GetMapping("/demo")
      public String input() {
            return "demo/index";
      }

      @PostMapping("/userform")
      public String print(@RequestParam String username, 
                  Model model) {
            model.addAttribute("username", username);
            model.addAttribute("addr", "東京");
            return "demo/userform";
      }

}

説明
addAttributeメソッドでキーに"username"で値を
変数usernameにしています。

3.受け取る側のファイル(userform.html)

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8" />
    <title>submit</title>
  </head>
  <body>	
      <p th:text="${username}"></p>
      <p>[[${addr}]]</p>
  </body>
</html>

説明
コントローラから渡された値を文字列で表示します。

Posted by arkgame