質問編集履歴

誤字の修正

2023/12/11 14:44

投稿

hiko_00001

スコア7

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,529 +1,265 @@
 ### 前提・実現したいこと
-現在、JavanのSpringBOOTを用いてお問い合わせアプリを作成しています。
+現在、JavaのSpringBootを用いてお問い合わせアプリを作成しています。
 DBに登録済みの問い合わせデータを更新する際に空文字にしてDB登録をしようとした場合に
 バリデーションを表示させたいのですが、できないため、バリデーションの表示方法をご教示いただきたいです。
 ![イメージ説明](b4e81ca07e4810fd0e1aafb1d0401fa4.png)
 ※１送信ボタンを押下後、DBへの登録は変更されていないです。
 ※２上記写真は送信ボタンを押下後にバリデーションが表示されていないものです。
 ※２このアプリは下記URLから利用できます。
 http://inquirysystem-env.eba-2fdyge2m.ap-northeast-1.elasticbeanstalk.com/inquiry
 ※３問い合わせを登録する際にはバリデーションが表示されます。
 ![イメージ説明](7923d5a1c476bcc3c53b5e0c918b8a01.png)
 ### 発生している問題・エラーメッセージ
-```
+```
 １枚目の写真の通りバリデーションが表示されません。
-```
+```
 ### 該当のソースコード
 InquiryController
 ```Java
 package com.example.demo.app.inquiry;
 import java.time.LocalDateTime;
 import java.util.List;
 import java.util.Optional;
 import javax.validation.Valid;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.validation.BindingResult;
 import org.springframework.validation.annotation.Validated;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.ModelAttribute;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.servlet.mvc.support.RedirectAttributes;
 import com.example.demo.entity.Inquiry;
 import com.example.demo.service.InquiryService;
 @Controller
 @RequestMapping("/inquiry")
 public class InquiryController {
 	private final InquiryService inquiryService;
 	public InquiryController(InquiryService inquiryService) {
 		this.inquiryService=inquiryService;
 	}
     @GetMapping("/{id}")
     public String showUpdate(
     		InquiryForm inquiryForm,
         @PathVariable int id,
         Model model) {
     	//Inquiryを取得(Optionalでラップ)
         Optional<Inquiry> inquiryOpt = inquiryService.getInquiry(id);
         //InquiryFormへの詰め直し
 		 Optional<InquiryForm> inquiryFormOpt = inquiryOpt.map(t->makeInquiryForm(t));
         //InquiryFormがnullでなければ中身を取り出し
         if(inquiryFormOpt.isPresent()) {
         	inquiryForm = inquiryFormOpt.get();
         }
         model.addAttribute("InquiryForm", inquiryForm);
         List<Inquiry> list = inquiryService.getAll();
         model.addAttribute("list", list);
         model.addAttribute("inquiryId", id);
         model.addAttribute("title", "更新用フォーム");
         return "inquiry/update";
     }
 	  @PostMapping("/update")
 	    public String update(
 	    	@ModelAttribute @Validated  InquiryForm inquiryForm,
 	    	BindingResult result,
 	    	@RequestParam("inquiryId") int inquiryId,
 	    	Model model,
 	    	RedirectAttributes redirectAttributes) {
 	        if (!result.hasErrors()) {
 	        	//InquiryFormのデータをInquiryに格納
 	        	Inquiry inquiry=new Inquiry();
 	        	inquiry.setId(inquiryId);
 	    		inquiry.setName(inquiryForm.getName());
 	    		inquiry.setEmail(inquiryForm.getEmail());
 	    		inquiry.setContents(inquiryForm.getContents());
 	    		inquiry.setCreated(LocalDateTime.now());
 	        	//更新処理、フラッシュスコープの使用、リダイレクト（個々の編集ページ）
 	        	inquiryService.update(inquiry);
 	        	redirectAttributes.addFlashAttribute("complete", "変更が完了しました");
 	            return "redirect:/inquiry/" + inquiryId;
 	        }else {
 	        	model.addAttribute("InquiryForm", inquiryForm);
 	        	model.addAttribute("inquiryId",inquiryId);
 	            model.addAttribute("title", "更新用フォーム");
 	            return "inquiry/update";
 	        }
 	        }
 	  @PostMapping("/delete")
 	    public String delete(
 	    	@RequestParam("inquiryId") int inquiryid,
 	    	Model model) {
 	    	//タスクを一件削除しリダイレクト
 	        inquiryService.delete(inquiryid);
 	        return "redirect:/inquiry";
 	    }
 	  private InquiryForm makeInquiryForm(Inquiry inquiry) {
 		  InquiryForm InquiryForm = new InquiryForm();
 	        InquiryForm.setName(inquiry.getName());
 	        InquiryForm.setEmail(inquiry.getEmail());
 	        InquiryForm.setContents(inquiry.getContents());
 	        return InquiryForm;
 	    }
 	 }
-```
+```
 InquiryForm
 ```Java
 package com.example.demo.app.inquiry;
 import javax.validation.constraints.Email;
 import javax.validation.constraints.NotNull;
 import javax.validation.constraints.Size;
 public class InquiryForm {
 	@NotNull(message="お名前を入力してください")
 	@Size(min =1,max=20,message="２０文字以下で入力してください")
 	private String name;
 	@NotNull(message="メールアドレスを入力してください")
 	@Email(message="メールアドレスのフォーマットで入力してください")
 	private String email;
 	@NotNull(message="問い合わせ内容を入力してください")
 	private String contents;
 	public InquiryForm() {
 	}
 	//getterとsetterは省略
 }
-```
+```
 index_boot.html
 ```HTML
 <html xmlns:th="http://www.thymeleaf.org">
   <head>
     <link rel="icon" href="../../../../favicon.ico">
     <title>お問い合わせ一覧</title>
   </head>
   <body>
         <div class="starter-template">
         <h1 th:text="${title}">お問い合わせ一覧</h1>
         <p class="lead">お問い合わせ内容の一覧です。</p>
       </div>
 <table class="table table-striped">
   <thead>
     <tr>
       <th scope="col">ID</th>
       <th scope="col">名前</th>
       <th scope="col">メールアドレス</th>
       <th scope="col">問い合わせ内容</th>
       <th scope="col">日時</th>
       <th scope="col"></th>
       <th scope="col"></th>
     </tr>
   </thead>
   <tbody>
     <tr th:each="inquiry : ${inquiryList}">
       <td  scope="row" th:text="${inquiry.id}">1</td>
       <td th:text="${inquiry.name}">name</td>
       <td th:text="${inquiry.email}">email</td>
       <td th:text="${inquiry.contents}">contents</td>
       <td th:text="${inquiry.created}">created</td>
 	  <td><a type="button" th:href="@{/inquiry/{id}(id=${inquiry.id})}">編集</a></td>
 		<td>
 			<form method="POST" th:action="@{/inquiry/delete}">
 			<input type="hidden" name="inquiryId" th:value="${inquiry.id}">
 			<input type="submit" value="削除"　class="btn btn-primary">
 			</form>
 		</td>
     </tr>
   </tbody>
 </table>
     </main><!-- /.container -->
   </body>
 </html>
-```
+```
 update.html
 ```HTML
 <html xmlns:th="http://www.thymeleaf.org"
       xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="description" content="">
     <meta name="author" content="">
     <link rel="icon" href="../../../../favicon.ico">
   <title>更新用フォーム</title>
     <!-- Bootstrap core CSS -->
     <link href="/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
     <!-- Custom styles for this template -->
     <link href="starter-template.css"  th:href="@{/css/starter-template.css}" rel="stylesheet">
   </head>
   <body>
     <div th:replace="~{block/header::headerA}"></div>
     <main role="main" class="container">
 <h1 th:text="${title}">更新用フォーム</h1>
 <p th:if="${complete}" th:text="${complete}"></p>
 	<form method="post" action="#" th:action="@{/inquiry/update}" th:object="${InquiryForm}">
 	  <label for="name">お名前</label>
 	  <input type="text" name="name" class="form-control" id="name" th:value="*{name}">
 	  <div class="text-danger mb-4" th:if="${#fields.hasErrors('name')}" th:errors="*{name}"></div>
 	  <label for="email">メールアドレス</label>
 	  <input type="text" name="email" class="form-control" id="email"  th:value="*{email}">
 	  <div class="text-danger mb-4" th:if="${#fields.hasErrors('email')}" th:errors="*{email}"></div>
 	  <label for="contents">問い合わせ内容</label>
 	   <textarea name="contents" class="form-control" id="detail" rows="3" th:field="*{contents}"></textarea>
 	  <div class="text-danger mb-4"  th:if="${#fields.hasErrors('contents')}" th:errors="*{contents}"></div>
 	  <input  th:if="${inquiryId}" type="hidden" name="inquiryId" th:value="${inquiryId}">
 	  <button type="submit" style="margin-top:2px" class="btn btn-primary">送信</button><br>
 	  <a href="#"  style="margin-top:10px" th:href="@{/inquiry}" class="btn btn-primary">戻る</a>
 	</form><br>
 	</main>
 	</form>
 </div>
 </body>
 </html>
-```
+```
 ### 試したこと
 update.htmlのソースコードに間違いがないか確認しましたがわかりませんでした。
 ### 補足情報（FW/ツールのバージョンなど）
 OS:macOS Big Sur 11.5.2
 使用ブラウザ：GoogleChrome
 Spring:2.5.4
 Java：OpenJDK 11.0.2
 DB:MySQL(AWSのRDS上で起動中)
 足りない情報等ありましたらコメントくださると幸いです。

Java バリデーション Spring Boot