springtoolsuite4で ログイン画面を作成しています.
Whitelabel
1This application has no explicit mapping for /error, so you are seeing this as a fallback. 2 3Fri Mar 17 00:28:32 JST 2023 4There was an unexpected error (type=Not Found, status=404). 5No message available``` 6 7ブラウザからlocalhost:8080/loginと接続をしたところ 8このようなエラーが表示されました. 9 10 11 12このような構成となっており, 13```package com.example.application.service; 14 15import java.util.LinkedHashMap; 16import java.util.Map; 17 18import org.springframework.stereotype.Service; 19 20@Service 21public class UserApplicationService { 22 /**性別のMapを作成する*/ 23 public Map<String,Integer> getGenderMap(){ 24 Map<String,Integer> genderMap=new LinkedHashMap<>(); 25 genderMap.put("男性", 1); 26 genderMap.put("女性", 2); 27 return genderMap; 28 } 29}
package
1 2import org.springframework.stereotype.Controller; 3import org.springframework.web.bind.annotation.GetMapping; 4 5@Controller 6public class LoginController { 7 /**ログイン画面を表示*/ 8 @GetMapping("/loing") 9 public String getLogin() { 10 return "login/login"; 11 } 12}
package
1 2import java.util.Map; 3 4import org.springframework.beans.factory.annotation.Autowired; 5import org.springframework.stereotype.Controller; 6import org.springframework.ui.Model; 7import org.springframework.web.bind.annotation.GetMapping; 8import org.springframework.web.bind.annotation.PostMapping; 9import org.springframework.web.bind.annotation.RequestMapping; 10 11import com.example.application.service.UserApplicationService; 12 13@Controller 14@RequestMapping("/user") 15public class SignupController { 16 17 @Autowired 18 private UserApplicationService userApplicationService; 19 20 /**ユーザー登録画面を表示*/ 21 @GetMapping("/signup") 22 public String getSignup(Model model) { 23 //性別を取得 24 Map<String,Integer> genderMap=userApplicationService.getGenderMap(); 25 model.addAttribute("genderMap",genderMap); 26 27 //ユーザー登録画面に遷移 28 return "user/signup"; 29 } 30 31 /**ユーザー登録処理*/ 32 @PostMapping("/signup") 33 public String postSignup() { 34 //ログイン画面にリダイレクト 35 return "redirect:/login"; 36 } 37 38}
<html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <!--CSS読込--> <link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}"> <link rel="stylesheet" th:href="@{/css/user/signup.css}"> <!--JS読込--> <script th:src="@{webjars/jquery/jquery.min.js}" defer></script> <script th:src="@{webjars/bootstrap/js/bootstrap.min.js}" defer></script> <title>ユーザー登録</title> </head> <body class="bg-light"> <form id="signup-form" method="post" action="/user/signup" class="form-signup"> <h1 class="text-center">ユーザー登録</h1> <!--ユーザーID--> <div class="form-group"> <label for="userId">ユーザーID</label> <input type="text" class="form-control"/> </div> <!--パスワード--> <div class="form-group"> <label for="password">パスワード</label> <input type="text" class="form-control"/> </div> <!--誕生日--> <div class="form-group"> <label for="birthday">誕生日</label> <input type="text" class="form-control"/> </div> <!--年齢--> <div class="form-group"> <label for="age">年齢</label> <input type="text" class="form-control"/> </div> <!--性別--> <div class="form-group"> <div th:each="item:${genderMap}" class="form-check-inline"> <input type="radio" class="form-check-input" th:value="${item.value}"/> <label class="form-check-label" th:text="${item.key}"></label> </div> </div> <!--登録ボタン--> <input type="submit" value="ユーザー登録" class="btn btn-primary w-100 mt-3"/> </form> </body> </html>``` エラーの原因はどこにあります.ご教授お願いします.
本文全てがマークダウンのcodeとなってしまっているので調整してください。
```
で囲われているとそうなります。
投稿前にプレビューを確認してください。(PCなら画面右側がプレビューです)