-
[Spring] Form에 쏴준 데이터 받고 다시 출력하기Spring 2021. 10. 6. 11:23
데이터 Form으로 받기
<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <body> <div class="container"> <form action="/members/new" method="post"> <div class="form-group"> <label for="name">이름</label> <input type="text" id="name" name="name" placeholder="이름을 입력하세요"> </div> <button type="submit">등록</button> </form> </div> <!-- /container --> </body> </html>Form으로 감싸 데이터를 입력받아 가져오는 방법은 @PostMapping이라는 어노테이션을 쓰는 것이다.
@PostMapping("/members/new") public String create(MemberForm form) { Member member = new Member(); member.setName(form.getName()); memberService.join(member); return "redirect:/"; }이렇게 하면 members/new 에서 폼을 받을 때 연결받아 데이터를 받을 수 있다.
데이터를 받고나면, 리다이렉트를 해줌으로써 형식을 유지해준다.
데이터 프론트로 출력하기
Model 클래스 객체를 통해 데이터를 출력하는 방법은 앞서 설명한 적이 있다.
다만 변수가 아닌 리스트를 담아 리턴했을 경우에는
html에서 루프를 돌려야 한다.
<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <body> <div class="container"> <div> <table> <thead> <tr> <th>#</th> <th>이름</th> </tr> </thead> <tbody> <tr th:each="member : ${members}"> <td th:text="${member.id}"></td> <td th:text="${member.name}"></td> </tr> </tbody> </table> </div> </div> <!-- /container --> </body> </html><tr>부분의 th :each 가 반복문 역할을 해준다.
리스트의 꼬리를 볼때까지 돌아간다.
출처 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 학습 페이지 (inflearn.com)
'Spring' 카테고리의 다른 글
[Spring] 스프링 빈의 자동, 수동의 올바른 실무 운영 기준 (0) 2021.11.04 [Spring] JPA 설정 및 사용 (0) 2021.10.11 [Spring] 스프링 빈과 의존관계 (0) 2021.10.05 [Spring] Test 코드 기초작성 (0) 2021.10.04 [Spring] 웹 개발 기초 (0) 2021.10.01