「Spring解体新書」というテキストを参考にしながら、簡単なログイン画面を作っているのですが、以下のように表示されてしまい上手く行きません。
org.thymeleaf.exceptions.TemplateInputException: Error resolving template [login/login], template might not exist or might not be accessible by any of the configured Template Resolvers
色々と調べてみたのですが、書いてあった解決方法はコントローラークラスのreturn処理のところで、htmlファイルの指定をするときに先頭にスラッシュを付けないというものでした。しかし、私のソースコードには最初からスラッシュは付けておりません。
テンプレートにが無い、もしくはテンプレートにアクセスできないとエラーが出てしまっているのですが、これはどのようにして解決すればいいのかお知恵をお貸しください。
LoginControllerクラス
Java
1package com.example.demo.login.controller; 2 3import org.springframework.stereotype.Controller; 4import org.springframework.ui.Model; 5import org.springframework.web.bind.annotation.GetMapping; 6import org.springframework.web.bind.annotation.PostMapping; 7 8@Controller 9public class LoginController { 10 @GetMapping("/login") 11 public String getLogin(Model model) { 12 return "login/login"; 13 } 14 15 @PostMapping("/login") 16 public String postLogin(Model model) { 17 return "login/login"; 18 } 19} 20
SignupControllerクラス
Java
1package com.example.demo.login.controller; 2 3import java.util.LinkedHashMap; 4import java.util.Map; 5 6import org.springframework.ui.Model; 7import org.springframework.web.bind.annotation.GetMapping; 8import org.springframework.web.bind.annotation.PostMapping; 9 10public class SignupController { 11 private Map<String, String> radioMarriage; 12 private Map<String, String> initRadioMarriage(){ 13 Map<String, String> radio = new LinkedHashMap<>(); 14 15 radio.put("既婚", "true"); 16 radio.put("未婚", "false"); 17 18 return radio; 19 } 20 21 @GetMapping("/signup") 22 public String getSignUp(Model model) { 23 radioMarriage = initRadioMarriage(); 24 model.addAttribute("radioMarriage", radioMarriage); 25 26 return "login/signup"; 27 } 28 29 @PostMapping("/signup") 30 public String postSignUp(Model model) { 31 return "redirect/login"; 32 } 33} 34
login.html
html
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org"> 3<head> 4 <meta charset="UTF-8"> 5 <link th:href="@{webjars/bootstrap/4.5.0/css/bootstrap.min.css}" rel="stylesheet"></link> 6 <script th:src="@{webjars/jquery/3.4.1/jquery.min.js}"></script> 7 <script th:src="@{webjars/bootstrap/4.5.0/js/bootstrap.min.js}"></script> 8<title>Login</title> 9</head> 10<body class="text-center"> 11 <h1>Login</h1> 12 <form method="post" action="/login"> 13 <label>USER ID</label> 14 <input type="text"/><br/> 15 <br /> 16 17 <label>PASSWORD</label> 18 <input type="password"/><br/> 19 <br /> 20 21 <button class="btn btn-primary" type="submit">LOGIN</button> 22 </form> 23 <br /> 24 <a th:href="@{'/signup'}">CLICK FOR SIGNUP</a> 25</body> 26</html>
signup.html
html
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org"> 3<head> 4 <meta charset="UTF-8"> 5 <link th:href="@{webjars/bootstrap/4.5.0/css/bootstrap.min.css}" rel="stylesheet"></link> 6 <script th:src="@{webjars/jquery/3.4.1/jquery.min.js}"></script> 7 <script th:src="@{webjars/bootstrap/4.5.0/js/bootstrap.min.js}"></script> 8<title>SignUp</title> 9</head> 10<body> 11 <div class="col-sm-5"> 12 <div class="page-header"> 13 <h1>ユーザー登録画面</h1> 14 </div> 15 <form method="post" th:action="@{/signup}"> 16 <table class="table table-bordered table-hover"> 17 <tr> 18 <td> 19 <div class="form-group"> 20 <input type="text" class="form-control"/> 21 </div> 22 </td> 23 </tr> 24 <tr> 25 <th class="active">Password</th> 26 <td> 27 <div class="form-group"> 28 <input type="text" class="form-control"/> 29 </div> 30 </td> 31 </tr> 32 <tr> 33 <th class="active">User Name</th> 34 <td> 35 <div class="form-group"> 36 <input type="text" class="form-control"/> 37 </div> 38 </td> 39 </tr> 40 <tr> 41 <th class="active">Birthday</th> 42 <td> 43 <div class="form-group"> 44 <input type="text" class="form-control" placeholser="yyyy/MM/dd"/> 45 </div> 46 </td> 47 </tr> 48 <tr> 49 <th class="active">Age</th> 50 <td> 51 <div class="form-group"> 52 <input type="text" class="form-control"/> 53 </div> 54 </td> 55 </tr> 56 <tr> 57 <th class="active">Marriage</th> 58 <td> 59 <div class="form-group"> 60 <div th:each="item:${radioMarriage}"> 61 <input type="radio" name="radioMarriage" th:text="${item.key}" th:value="${item.value}"> 62 </input> 63 </div> 64 </div> 65 </td> 66 </tr> 67 </table> 68 <button class="btn btn-primary" type="submit">ユーザー登録</button> 69 </form> 70 </div> 71</body> 72</html>