SpringBoot + JPA + Thymeleafで簡単なCRUDを作る②~画面と機能作成まで~
参考にしたページ
参考のページを基に、簡単なリマインダを作成したいと思っています。
各ソースの実行は問題なく通り、HTMLも用意しているのですが
- 一覧画面
- 新規作成画面
- 編集画面
- 参照画面
の4つのうち、
- 編集画面
- 参照画面
の二つが画面表示されず、詰まっています。
よろしくお願い致します。
エラーの表示内容は
-編集画面が
Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.
Sat Oct 12 13:28:25 GMT+09:00 2019
There was an unexpected error (type=Internal Server Error, status=500).
Exception evaluating SpringEL expression: "id" (template: "reminder/edit" - line 13, col 13)
- 参照画面が
Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.
Sat Oct 12 13:29:02 GMT+09:00 2019
There was an unexpected error (type=Internal Server Error, status=500).
Exception evaluating SpringEL expression: "id" (template: "reminder/show" - line 16, col 14)
となっています。
edit.html
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8" /> <title>Editing Player - baseball</title> <link rel="stylesheet" href="/css/bootstrap.css" /> <script src="/js/jquery.js"></script> <script src="/js/bootstrap.js"></script> </head> <body> <div class="container"> <h1>Editing Player</h1> <form th:action="@{/reminderViewModelList/{id}(id=*{id})}" th:method="put" th:object="${ReminderViewModel}"> <div class="form-group"> <label class="control-label">ID</label> <!-- ① --> <input class="form-control" type="text" th:field="*{id}" /> </div> <div class="form-group"> <label class="control-label">Date</label> <input class="form-control" type="number" th:field="*{date}" /> </div> <div class="form-group"> <label class="control-label">Task</label> <input class="form-control" type="text" th:field="*{task}" /> </div> <button class="btn btn-default" type="submit">更新</button> </form> <div class="pull-right"> <a class="btn btn-link" href="/reminder">一覧画面へ</a> </div> </div> </body> </html>
show.html
<html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8" /> <title>Show Reminder</title> <link rel="stylesheet" href="/css/bootstrap.css" /> <script src="/js/jquery.js"></script> <script src="/js/bootstrap.js"></script> </head> <body> <div class="container"> <h1>Show Reminder</h1> <div th:object="${ReminderViewModel}"> <div> <label>ID</label> <p th:text="${id}"></p> </div> <div> <label>Date</label> <p th:text="${date}"></p> </div> <div> <label>Task</label> <p th:text="${task}"></p> </div> </div> <div> <a class="btn btn-default" th:href="@{/reminder/{id}/edit(id=*{id})}">編集</a> </div> <div class="pull-right"> <a class="btn btn-link" href="/reminder ">一覧画面へ</a> </div> </div> </body> </html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。