김영한님의 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술을 보면서 공부한 내용입니다.
회원가입의 플로우
- Get으로 /member/new 요청
/controllers/MemberController
@GetMapping("/members/new")
public String createForm() {
return "members/createMemberForm";
}
2. html의 폼태그에 이름 입력 후 등록 클릭
/resources/templates/member/createMemberForm.html
<!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>→ POST 방식으로 /members/new 요청
/controllers/MemberController
@PostMapping("/members/new")
public String create(MemberForm form) {
//MemberForm의 name에 html에서 받아온 name이 들어감
Member member = new Member();
member.setName(form.getName());
memberService.join(member);
//메인으로 리다이렉트하기
return "redirect:/";
} /controllers/MemberForm
package hello.hellospirng.controller;
public class MemberForm {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}회원 조회
Thymeleaf의 반복문 이용
<tr th:each="member : ${members}">
<td th:text="${member.id}"></td>
<td th:text="${member.name}"></td>
</tr>출처
김영한님의 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술을 보면서 공부한 내용입니다.
Hongik CE