spring bootで新規登録機能を作成したい。

Question

実現したいこと

新規ユーザー登録機能を作りたい。

前提

以下のサイトを参考にして、実装を行っております。
https://medium-company.com/spring-boot-thymeleaf%E3%81%A7%E6%96%B0%E8%A6%8F%E7%99%BB%E9%8C%B2%E7%94%BB%E9%9D%A2%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B/
登録ボタンを押下すると以下のエラーメッセージが発生しました。

現状の画面

発生している問題・エラーメッセージ

以下文字数制限によって、全文投稿できなかったため、スクリーンショットで表示いたします。

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Fri Jun 02 11:37:50 GMT+09:00 2023
There was an unexpected error (type=Internal Server Error, status=500).

該当のソースコード

ディレクトリ構成

UserController

package com.example.demo.controller;

import java.util.ArrayList;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.validation.ObjectError;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;

import com.example.demo.dto.UserRequest;
import com.example.demo.entity.User;
import com.example.demo.service.UserService;

/**
 * ユーザー情報 Controller
 */
@Controller
public class UserController {

	/**
	 * ユーザー情報 Service
	 */
	@Autowired
	private UserService userService;

	/**
	 * ユーザー情報一覧画面を表示
	 * @param model Model
	 * @return ユーザー情報一覧画面
	 */
	@GetMapping(value = "/user/list")
	public String displayList(Model model) {
		List<User> userlist = userService.searchAll();
		model.addAttribute("userlist", userlist);
		return "user/list";
	}

	/**
	 * ユーザー新規登録画面を表示
	 * @param model Model
	 * @return ユーザー情報一覧画面
	 */
	@GetMapping(value = "/user/add")
	public String displayAdd(Model model) {
		model.addAttribute("userRequest", new UserRequest());
		return "user/add";
	}

	/**
	 * ユーザー新規登録
	 * @param userRequest リクエストデータ
	 * @param model Model
	 * @return ユーザー情報一覧画面
	 */
	@PostMapping("/user/create")
	public String create(@Validated @ModelAttribute UserRequest userRequest, BindingResult result, Model model) {

		if (result.hasErrors()) {
			// 入力チェックエラーの場合
			List<String> errorList = new ArrayList<String>();
			for (ObjectError error : result.getAllErrors()) {
				errorList.add(error.getDefaultMessage());
			}
			model.addAttribute("validationError", errorList);
			return "user/add";
		}
		// ユーザー情報の登録
		userService.create(userRequest);
		return "redirect:/user/list";
	}

	/**
	 * ユーザー情報詳細画面を表示
	 * @param id 表示するユーザーID
	 * @param model Model
	 * @return ユーザー情報詳細画面
	 */
	@GetMapping("/user/{id}")
	public String displayView(@PathVariable Long id, Model model) {
		User user = userService.findById(id);
		model.addAttribute("userData", user);
		return "user/view";
	}
}

UserRequest

package com.example.demo.dto;

import java.io.Serializable;

import jakarta.validation.constraints.NotEmpty;
import jakarta.validation.constraints.Pattern;
import jakarta.validation.constraints.Size;
import lombok.Data;

/**
 * ユーザー情報 リクエストデータ
 */
@Data
public class UserRequest implements Serializable {
	/**
	 * 名前
	 */
	@NotEmpty(message = "名前を入力してください")
	@Size(max = 100, message = "名前は100桁以内で入力してください")
	private String name;
	/**
	 * 住所
	 */
	@Size(max = 255, message = "住所は255桁以内で入力してください")
	private String address;
	/**
	 * 電話番号
	 */
	@Pattern(regexp = "0\\d{1,4}-\\d{1,4}-\\d{4}", message = "電話番号の形式で入力してください")
	private String phone;
}

User

package com.example.demo.entity;

import java.io.Serializable;
import java.util.Date;

import jakarta.persistence.Column;
import jakarta.persistence.Entity;
import jakarta.persistence.GeneratedValue;
import jakarta.persistence.GenerationType;
import jakarta.persistence.Id;
import jakarta.persistence.Table;
import lombok.Data;

/**
 * ユーザー情報 Entity
 */
@Entity
@Data
@Table(name = "user")
public class User implements Serializable {
	/**
	 * ID
	 */
	@Id
	@GeneratedValue(strategy = GenerationType.IDENTITY)
	private Long id;
	/**
	 * 名前
	 */
	@Column(name = "name")
	private String name;
	/**
	 * 住所
	 */
	@Column(name = "address")
	private String address;
	/**
	 * 電話番号
	 */
	@Column(name = "phone")
	private String phone;
	/**
	 * 更新日時
	 */
	@Column(name = "update_date")
	private Date updateDate;
	/**
	 * 登録日時
	 */
	@Column(name = "create_date")
	private Date createDate;
	/**
	 * 削除日時
	 */
	@Column(name = "delete_date")
	private Date deleteDate;
}

UserRepository

package com.example.demo.repository;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import com.example.demo.entity.User;

/**
 * ユーザー情報 Repository
 */
@Repository
public interface UserRepository extends JpaRepository<User, Long> {
}

UserService

@Service
@Transactional(rollbackFor = Exception.class)
public class UserService {
	/**
	 * ユーザー情報 Repository
	 */
	@Autowired
	private UserRepository userRepository;

	/**
	 * ユーザー情報 全検索
	 * @return 検索結果
	 */
	public List<User> searchAll() {
		return userRepository.findAll();
	}

	/**
	 * ユーザー情報 新規登録
	 * @param user ユーザー情報
	 */
	public void create(UserRequest userRequest) {
		Date now = new Date();
		User user = new User();
		user.setName(userRequest.getName());
		user.setAddress(userRequest.getAddress());
		user.setPhone(userRequest.getPhone());
		user.setCreateDate(now);
		user.setUpdateDate(now);
		userRepository.save(user);
	}

	/**
	 * ユーザー情報 主キー検索
	 * @return 検索結果
	 */
	public User findById(Long id) {
		return userRepository.findById(id).get();
	}

}

add.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:th="http://www.thymeleaf.org">
<head
  th:replace="common/head :: head_fragment(title = 'ユーザー新規登録', scripts = ~{::script}, links = ~{::link})"></head>
<body>
  <div class="container">
    <div th:if="${validationError}" th:each="error : ${validationError}">
      <label class="text-danger" th:text="${error}"></label>
    </div>
    <h1>ユーザー新規登録</h1>
    <form th:action="@{/user/create}" th:object="${userRequest}" th:method="post">

      <div class="form-group">
        <label>名前：<span class="text-danger">※</span></label>
        <input type="text" th:field="*{name}" class="form-control">
      </div>

      <div class="form-group">
        <label>住所：</label>
        <input type="text" th:field="*{address}" class="form-control">
      </div>

      <div class="form-group">
        <label>電話番号：<span class="text-danger">※</span></label>
        <input type="text" th:field="*{phone}" class="form-control">
      </div>
      <br />
      <div class="text-center">
        <a href="/user/list" class="btn btn-secondary">キャンセル</a>
        <input type="submit" value="　登録　" class="btn btn-primary">
      </div>
    </form>
  </div>
</body>
</html>

list.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/head :: head_fragment(title = 'ユーザー情報一覧', scripts = ~{::script}, links = ~{::link})"></head>
<body>
  <div class="container">
    <h1>ユーザー情報一覧</h1>
    <div class="float-end">
      <a th:href="@{/user/add}" class="btn btn-primary">新規登録はこちら</a>
    </div>
    <table class="table table-striped">
      <thead>
        <tr>
          <th>ID</th>
          <th>名前</th>
          <th>住所</th>
          <th>電話番号</th>
          <th>更新日時</th>
          <th>登録日時</th>
          <th>削除日時</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr th:each="user : ${userlist}" th:object="${user}" class="align-middle">
          <td th:text="*{id}"></td>
          <td th:text="*{name}"></td>
          <td th:text="*{address}"></td>
          <td th:text="*{phone}"></td>
          <td th:text="${#dates.format(user.updateDate, 'yyyy/MM/dd')}"></td>
          <td th:text="${#dates.format(user.createDate, 'yyyy/MM/dd')}"></td>
          <td th:text="${#dates.format(user.deleteDate, 'yyyy/MM/dd')}"></td>
          <td><a th:href="@{/user/{id}(id=*{id})}" class="btn btn-secondary">詳細</a></td>
        </tr>
      </tbody>
    </table>
  </div>
</body>
</html>

試したこと

エラーメッセージで調査し、他の登録機能のサイトと見比べても原因はわからず、参考サイトの仕組みにも違和感は感じませんでした。原因を知るため、登録しようとしているデータがどこで止まっているか知る必要があり、UserControllerのuserService.create(userRequest);からUserServiceのcreateメソッドには反応していることまでは理解できました。次にUserServiceのcreateメソッドにブレークポイントを設定するところまではできましたが、持っているデータを閲覧する方法が分からず、教えて頂けると幸いです。
https://www.jetbrains.com/help/objc/examining-suspended-program.html#examine-frames

補足情報（FW/ツールのバージョンなど）

Windows 11.0
IntelliJ IDEA 2023.1.2 (Community Edition)
MySQL Community Server - GPL Version: 8.0.32
Oracle OpenJDK 17.0.7

Comments

[hhhhhhggggg]

ご指摘ありがとうございます。試したことを追記いたしましたので、アドバイス頂けると幸いです。

[jimbe]

一覧画面からの続きのようですが、一覧は記事通りに表示されたのでしょうか。

デバッガの使い方は別として、まずは例外から何が起きているのかを出来るだけ把握する必要があると思います。
Whitelabel errir page に表示されたのは、スクリーンショットが全てでしょうか、それとももっと下がありますか。
もっと下があるようなら、スクリーンショットでは無くテキストとして(全コピーしてコードと同じようにマークダウンを用いて)質問に追加ご提示ください。

なお、現在コードのマークダウンに書かれている ``` の後のファイル名部分は、言語名を書くところです。( java とか html とか。)
ファイル名はマークダウンの外に書いてください。

[hhhhhhggggg]

ご指摘ありがとうございます。エラー内容なのですが、あまりに長く実装ソースを全てスクリーンショットにしたとしても半分投稿できるかどうかといったところでしたので、スクリーンショットになってしまいますが、ご了承ください。

[jimbe]

追加編集ありがとうございます。

文字数制限は、存在の必要性は分かるとは言えプログラミングQAなのに1万文字というのは厳しいのは不満な所ではありますが…。
留意しておいて頂きたいのは、 teratail はQAの形で情報を貯めておいて同じ問題を抱える人に情報を残す目的もあることです。
ですがご自身がされたように例外の文言で検索しても、例外が画像で示されていてはこの質問はヒットしません。
一通り全てをご提示頂くことも大事ですが、コード等は外部のアーカイブサイト(GitHub等)を利用する等で対処して頂くと、文字数をあまり気にしなくて済みます。

Answer 1

エラーメッセージで調査し、他の登録機能のサイトと見比べても原因はわからず

Whitelabel Error Page の中に Caused by: java.sql.SQLException: Field 'id' doesn't have a default value という原因の表示があります。
参考記事のほうでは id 列は『主キー（AUTO_INCREMENT）』ということになっていますが、そのように定義されていないのでは無いでしょうか。

Comments

[hhhhhhggggg]

ありがとうございます！
id にAUTO_INCREMENTが設定されておらず、設定したところ登録することができました。
沢山のご指摘等、丁寧に見て頂き感謝しております。