前提・実現したいこと
参考サイトを元にSpring Bootを使ってWebアプリケーションの勉強をしています。
参考サイトの通りにソースを入力、実行しブラウザのurlにhttp://localhost:8080/show
と入力すると、ホワイトラベルエラーページが表示され、期待通りの挙動になりません。
参考サイトのように、従業員検索画面を表示させるにはどのように修正点を探すとよいでしょうか?
発生している問題・エラーメッセージ
エラーページは長すぎるため、重要だと思う部分を一部抜粋して記載致します。
(足りない部分がありましたら教えていただけると幸いです。)
This application has no explicit mapping for /error, so you are seeing this as a fallback. There was an unexpected error (type=Internal Server Error, status=500). An error happened during template parsing (template: "class path resource [templates/employee.html]") Caused by: org.attoparser.ParseException: Exception evaluating SpringEL expression: "id" (template: "employee" - line 24, col 21) Caused by: org.thymeleaf.exceptions.TemplateProcessingException: Exception evaluating SpringEL expression: "id" (template: "employee" - line 24, col 21) Caused by: org.springframework.expression.spel.SpelEvaluationException: EL1008E: Property or field 'id' cannot be found on object of type 'com.example.demo.EmployeeForm' - maybe not public or not valid?
該当のソースコード
EmployeeController.Java
1package com.example.demo; 2 3import org.springframework.stereotype.Controller; 4import org.springframework.web.bind.annotation.RequestMapping; 5import org.springframework.web.servlet.ModelAndView; 6 7@Controller 8public class EmployeeController { 9 10 @RequestMapping("/show") 11 public ModelAndView show(ModelAndView mav) { 12 EmployeeForm form = new EmployeeForm(); 13 form.setId("1"); 14 form.setName("Ken"); 15 form.setEmail("ken@mail.coml"); 16 17 mav.addObject("employeeForm", form); 18 mav.setViewName("employee"); 19 20 return mav; 21 } 22 23}
EmployeeForm.Java
1package com.example.demo; 2 3import lombok.Data; 4 5@Data 6public class EmployeeForm { 7 8 private String id = ""; 9 private String name = ""; 10 private String email = ""; 11 12 public void setId(String id) { 13 this.id = id; 14 } 15 16 public void setName(String name) { 17 this.name = name; 18 } 19 20 public void setEmail(String email) { 21 this.email = email; 22 } 23 24}
MyAppApplication.Java
1package com.example.demo; 2 3import org.springframework.boot.SpringApplication; 4import org.springframework.boot.autoconfigure.SpringBootApplication; 5 6@SpringBootApplication 7public class MyAppApplication { 8 9 public static void main(String[] args) { 10 SpringApplication.run(MyAppApplication.class, args); 11 } 12 13} 14
employee.html
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2<html xmlns:th="http://www.thymeleaf.org"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5<title>Hello, Spring Boot!</title> 6</head> 7<body> 8<h1>Hello, Spring Boot!</h1> 9 10<form th:action="@{/show}" th:object="${employeeForm}" method="post"> 11 <table> 12 <caption> 13 <strong>従業員検索</strong> 14 </caption> 15 <thead> 16 <tr> 17 <th>ID</th> 18 <th>NAME</th> 19 <th>EMAIL</th> 20 </tr> 21 </thead> 22 <tbody> 23 <tr> 24 <td th:text="*{id}"></td> 25 <td th:text="*{name}"></td> 26 <td th:text="*{email}"></td> 27 </tr> 28 </tbody> 29 </table> 30 31 <p>Name (optional): <input type="text" th:field="*{name}" /> 32 <em th:if="${#fields.hasErrors('name')}" th:errors="*{name}">Name Error</em></p> 33 <p><input type="submit" value="Submit" /></p> 34</form> 35</body> 36</html>
試したこと
1.HTMLタグをサニタイズしないようにするためにtext ⇒ utextに変更参考サイト
<td th:utext="*{id}"></td> <td th:utext="*{name}"></td> <td th:utext="*{email}"></td>
2.キャメルケースの関係かと推測し
<form th:action="@{/show}" th:object="${employeeForm}" method="post">
を↓に変更
<form th:action="@{/show}" th:object="${EmployeeForm}" method="post">
補足情報(FW/ツールのバージョンなど)
- Windows10
- Version: Oxygen.3a Release (4.7.3a)
- Spring 4.6(http://dist.springsource.com/release/TOOLS/update/e4.6)
回答1件
あなたの回答
tips
プレビュー