반응형
기존 MemberController 코드 추가
// 입력 화면 호출
@GetMapping("/members/new")
public String createForm() {
return "members/createMemberForm";
}
// 입력 화면 데이터 전달 받은 후 처음 화면 호줄
@PostMapping("/members/new")
public String create(MemberForm form) {
Member member = new Member();
member.setName(form.getName());
memberService.join(member);
return "redirect:/";
}
MemberForm 클래스 생성 -> Html에서 Form 데이터를 전달 받는 역할
package hello.hellospring.controller;
public class MemberForm {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
// 스프링에서 html form안에 name과 일치하는 데이터를 받아 줌
this.name = name;
}
}
Html 작성 -> members/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>
동작 순서
사용자가 회원 가입 링크를 클릭하면 members/new getMapping 동작 -> 해당 html파일을 검색하여 호출
-> 사용자가 입력 후 등록 버튼을 클릭하면 members/new postMappng 동작
Html에 name 값으로 들어있던 값을 MemberForm 클래스에서 자동으로 setter를 이용해서 받고 getter로 호출하여 Member 클래스에 저장 -> MemberService의 join 메소드를 호출하여 저장기능 동작
-> redirect: 명령어를 통해 처음페이지로 돌아감
여기서 중요한 점
html에서 name 값으로 해당 클래스에 같은 이름의 변수와 맵핑 된다는 점
url 경로가 같아도 get, post 전달 방식이 다르면 각각 다르게 동작한다는 점
post는 데이터를 전달할 때, get은 조회할 때 사용한다는 점
redirect 명령어를 return에 넣어주면 해당 url에 해당하는 html 화면을 보여준다는 점
반응형
'코드로 배우는 스프링 부트 - 인프런' 카테고리의 다른 글
| H2 데이터베이스 설치 (0) | 2022.08.16 |
|---|---|
| 회원 웹 기능 - 조회 (0) | 2022.08.15 |
| 회원 웹 기능 - 홈 화면 추가 (0) | 2022.08.13 |
| 자바 코드로 직접 스프링 빈 등록하기 (0) | 2022.08.13 |
| 컴포넌트 스캔과 자동 의존관계 설정 (0) | 2022.08.09 |
