Todoリストアプリを作っており、文字列の部分一致の検索機能を実装したいのですがうまくいきません。
List<Todo> findByTitleContainingOrderByIdAsc(String title);
このような形で部分一致検索をしているのですが、使い方があっていないのか、フォームに値が渡らないのか、検索機能が実行できません。
フォームに入力した文字列を含む値(title)を一覧で表示するにはどのようにするべきでしょうか?
ご教授よろしくお願いします。
Controller
1 @GetMapping("search") 2 public String search(Model model){ 3 return "search"; 4 } 5 6 @RequestMapping(value ="search", method = RequestMethod.POST) 7 public String search(@RequestParam("title") String title, Model model) { 8 List<Todo> todos = service.searchTodo(title); 9 model.addAttribute("todos", todos); 10 return "redirect:/search"; 11 } 12
Repository
1@Repository 2public interface TodoRepository extends JpaRepository<Todo, Long> { 3 4 List<Todo> findByTitleContainingOrderByIdAsc(String title); 5}
Service
1@Service 2public class TodoService { 3 4 public List<Todo> searchTodo(String title){ 5 return repository.findByTitleContainingOrderByIdAsc(title); 6 } 7 8}
html
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> 7 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 8 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> 9 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> 10 11</head> 12<body> 13<div th:replace="/common.html::header"></div> 14 15<div class="container"> 16 17<form method="POST" th:action="@{/search}" > 18 <input type="text" name="title" /> 19 <input type="submit" value="検索" /> 20</form> 21 22 23 <table class="table table-bordered"> 24 <tbody> 25 <tr th:each="todo : ${todos}" th:object="${todo}"> 26 <td th:text="*{title}"></td> 27 </tr> 28 </tbody> 29 </table> 30 31 32</div> 33</body> 34</html>
あなたの回答
tips
プレビュー