2016-12-24 5 views
0

Я хочу создать простую кнопку для поиска с помощью методов CrudRepository и отображения записей на веб-сайте. Я новичок, так что это может показаться слишком тривиальным для вас, но я прошу совета, тем не менее :)Поиск (через текстовое поле и кнопку) в Spring MVC, CrudRepository, Thymeleaf

StudentRepository.java

public interface StudentRepository extends CrudRepository<Student, Integer> { 
    Iterable<Student> findBySurname(String surname); 
} 

StudentService.java

public interface StudentService { 
    Iterable<Student> listStudentsBySurname(String surname); 
} 

StudentServiceImpl.java

@Service 
public class StudentServiceImpl implements StudentService { 
    private StudentRepository studentRepository; 

    @Autowired 
    public void setStudentRepository(StudentRepository studentRepository) { 
     this.studentRepository = studentRepository; 
    } 

    @Override 
    public Iterable<Student> listStudentsBySurname(String surname) { 
     return studentRepository.findBySurname(surname); 
    } 
} 

students.html

<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org"> 
<head lang="en"> 

    <title></title> 

    <!--/*/ <th:block th:include="fragments/headerincStudent :: head"></th:block> /*/--> 
</head> 
<body> 
<div class="container"> 
    <!--/*/ <th:block th:include="fragments/headerStudent :: header"></th:block> /*/--> 

    <h2>Search for students</h2> 
    <form th:object="${student}" th:action="@{/students}" method="get"> 
     <input type="text" name="search" id="search" th:value="${search}"/> 
     <input type="submit" value="Search"/> 
     <div th:if="${not #lists.isEmpty(search)}"> 
      <h2>Students List</h2> 
      <table class="table table-striped"> 
       <tr> 
        <th>Id</th> 
        <th>Name</th> 
        <th>Surname</th> 
       </tr> 
       <tr th:each="student: ${search}"> 
        <td th:text="${student.idStudent}"><a href="/student/${student.idStudent}">idStudent</a></td> 
        <td th:text="${student.name}">name</td> 
        <td th:text="${student.surname}">surname</td> 
       </tr> 
      </table> 
     </div> 
    </form> 
</div> 
</body> 
</html> 

StudentController.java

@Controller 
public class StudentController { 
    private StudentService studentService; 

    @Autowired 
    public void setStudentService(StudentService studentService) { 
     this.studentService = studentService; 
    } 

    @RequestMapping(value = "students/{surname}", method = RequestMethod.GET) 
    public String showStudentBySurname(@PathVariable String surname, Model model) { 
     model.addAttribute("search", studentService.listStudentsBySurname(surname)); 
     return "students"; 
    } 
} 

мне удалось сделать простой CRUD с моей локальной базы данных. Я просмотрел список студентов методом findAll прямо на сайте, но теперь я хочу сделать это для текстового поля с помощью кнопки, но я не знаю, что дальше.

ответ

0

Вам нужно изменить:

@RequestMapping(value = "students/{surname}", method = RequestMethod.GET) 
    public String showStudentBySurname(@PathVariable String surname, Model model) { 
     model.addAttribute("search", studentService.listStudentsBySurname(surname)); 
     return "students"; 
    } 

к:

@RequestMapping(value = "students", method = RequestMethod.GET) 
public String showStudentBySurname(@RequestParam (value = "surname", required = false) String surname, Model model) { 
    model.addAttribute("search", studentService.listStudentsBySurname(surname)); 
    return "students"; 
} 

Поскольку вы отправляете параметры из формы. @PathVariable используется, если вы хотите получить результаты поиска по ссылке (например <a href="/students/surname">Surname </a>)

+0

Спасибо, но он по-прежнему не работает:/ [До (начало приложение)] [1] [После того, когда я ставлю фамилия, но в базе данных есть такая фамилия] [2] [1]: https://i.stack.imgur.com/V8qyK.jpg [2]: https: // i. stack.imgur.com/jMliS.jpg – user7337867

+0

Просто измените значение = «фамилия» на значение = «поиск» в @RequestParam –

+0

Теперь все в порядке, спасибо! :) – user7337867