前提・実現したいこと
(例)個人開発でJava(SpringBoot)で個別指導塾の授業管理システムを作っています。
時間割(何曜日の何限は開講しているとか)をテーブルで一覧表示させたいのですが、実装中に以下のエラーメッセージが発生しました。
どうしていいかわかりません。どうか解決法ご教授願います。
発生している問題・エラーメッセージ
org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/login/homeLayout.html]") Caused by: org.thymeleaf.exceptions.TemplateProcessingException: Exception evaluating SpringEL expression: "timed.timedId" (template: "login/timetable" - line 21, col 11) org.springframework.expression.spel.SpelEvaluationException: EL1008E: Property or field 'timedId' cannot be found on object of type 'java.lang.String' - maybe not public or not valid?
該当のソースコード
Java
1@Data 2@AllArgsConstructor 3public class TimedBoolean { 4 private Integer timedId; 5 private Boolean isOpen; 6} 7
Java
1@Controller 2public class MTimetableController extends BaseController { 3 @GetMapping("/timetable") 4 public String index(Model model) { 5 model.addAttribute("timetable", createTimetable()); 6 return setView(model, "login/timetable"); 7 } 8 9 private Map<String, List<TimedBoolean>> createTimetable(){ 10 Map<String, List<TimedBoolean>> timetable = new LinkedHashMap<>(); 11 List<TimedBoolean> mon = new ArrayList<>(); 12 mon.add(new TimedBoolean(1, false)); 13 mon.add(new TimedBoolean(2, false)); 14 mon.add(new TimedBoolean(3, true)); 15 timetable.put("月", mon); 16 17 List<TimedBoolean> tue = new ArrayList<>(); 18 tue.add(new TimedBoolean(1, false)); 19 tue.add(new TimedBoolean(2, false)); 20 tue.add(new TimedBoolean(3, true)); 21 timetable.put("火", tue); 22 23 return timetable; 24 } 25}
Java
1@Controller 2public class BaseController { 3 @Autowired 4 MessageSource messageSource; 5 6 @InitBinder 7 public void initBinder(WebDataBinder binder) { 8 // 未入力のStringをnullに設定する 9 binder.registerCustomEditor(String.class, new StringTrimmerEditor(true)); 10 } 11 12 protected String setView(Model model, String contentPath) { 13 String contentName = contentPath.substring(contentPath.lastIndexOf("/") + 1); 14 model.addAttribute("contents", contentPath + " :: " + contentName + "_contents"); 15 return "login/homeLayout"; 16 } 17 18 protected void setMessage(Model model, Message message) { 19 model.addAttribute("message", messageSource.getMessage(message.getKey(), null, Locale.JAPAN)); 20 } 21}
HTML
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org" 3 xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"> 4<head> 5<meta charset="UTF-8"></meta> 6</head> 7<body> 8 <!-- ポイント:th:fragment --> 9 <div th:fragment="timetable_contents"> 10 <div class="page-header"> 11 <h1>時間割管理</h1> 12 </div> 13 <form method="post" th:action="@{/timetable/update}" 14 th:object="${timetableForm}"> 15 <div th:if="${message}" class="alert alert-success"> 16 <p th:text="${message}"></p> 17 </div> 18 <table class="table table-bordered table-striped"> 19 <tr th:each="entry : ${timetable}"> 20 <th:block th:each="timed : entry.value"> 21 <td th:text="${timed.timedId}"></td> 22 <td th:text="${timed.isOpen}"></td> 23 </th:block> 24 </tr> 25 </table> 26 <!-- 更新 --> 27 <button class="btn btn-primary btn-lg pull-right" type="submit" 28 name="update">更新</button> 29 </form> 30 </div> 31</body> 32<script type="text/javascript" th:inline="javascript"> 33 /*<![CDATA[*/ 34 35 /*]]>*/ 36</script> 37</html>
HTML
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org" 3 xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"> 4 5<head> 6<meta charset="UTF-8"></meta> 7 8<!-- Bootstrapの設定 --> 9<link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" 10 rel="stylesheet"></link> 11<script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script> 12<script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script> 13 14<!-- CSSの読込 --> 15<link th:href="@{/css/home.css}" rel="stylesheet"></link> 16<!-- Font Awesomeの読込 --> 17<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" 18 rel="stylesheet"> 19 20<title>jukuSystem</title> 21</head> 22<body> 23 <!-- ===== ヘッダー(ナビゲーションバー) ===== --> 24 <nav class="navbar navbar-inverse navbar-fixed-top"> 25 <div class="container-fluid"> 26 <div class="navbar-header"> 27 <a class="navbar-brand" href="#">jukuSystem</a> 28 </div> 29 <form method="post" th:action="@{/logout}"> 30 <button class="btn btn-link pull-right navbar-brand" type="submit"> 31 ログアウト</button> 32 </form> 33 </div> 34 </nav> 35 <!-- ===== サイドバー ===== --> 36 <div class="container-fluid"> 37 <div class="row"> 38 <div class="col-sm-2 sidebar"> 39 <ul class="nav nav-pills nav-stacked"> 40 <li role="presentation"><a th:href="@{'/studentList'}"><i 41 class="fas fa-user-graduate"></i> 生徒管理</a></li> 42 <li role="presentation"><a th:href="@{'/teacherList'}"><i 43 class="fas fa-chalkboard-teacher"></i> 講師管理</a></li> 44 45 <li role="presentation"><a class="js-menu_item_link" 46 href="javascript:void(0)"><i class="fas fa-vr-cardboard"></i> マスタ管理</a> 47 <ul class="submenu nav nav-pills nav-stacked"> 48 <li role="presentation" class="submenu_item"><a 49 th:href="@{'/courseList'}"> コース管理</a></li> 50 <li role="presentation" class="submenu_item"><a 51 th:href="@{'/lessonList'}"> 授業管理</a></li> 52 <li role="presentation" class="submenu_item"><a 53 th:href="@{'/timetable'}"> 時間割管理</a></li> 54 <li role="presentation" class="submenu_item"><a 55 th:href="@{'/timed'}"> 時限管理</a></li> 56 </ul></li> 57 58 </ul> 59 </div> 60 </div> 61 </div> 62 <!-- ===== コンテンツ ===== --> 63 <div class="container-fluid"> 64 <div class="row"> 65 <div class="col-sm-10 col-sm-offset-2 main"> 66 <div th:include="__${contents}__"></div> 67 </div> 68 </div> 69 </div> 70 71 <script type="text/javascript" th:src="@{/js/jukuSystem.js}"></script> 72</body> 73</html> 74 75 76 77
試したこと
https://qiita.com/alpha_pz/items/95842733d06cb5c9eb1b
https://teratail.com/questions/5133
など参考にしてMapとListのネストでも表示できるようにするためにThymeleafを編集してきましたが、ここで詰まってしまいました。
補足情報(FW/ツールのバージョンなど)
Java:1.8
SpringBoot:2.5.2
回答1件
あなたの回答
tips
プレビュー