이번시간에는 회원 등록을 해보았다.
package hello.hellospring.controller;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class MemberController {
private final MemberService memberService;
@Autowired
public MemberController(MemberService memberService){
this.memberService = memberService;
}
@GetMapping("/members/new")
public String createForm(){
return "members/createMemberForm";
}
}
기존에 만들어 놨던 MemberController에
/members/new 를 매핑으로 사용하는 creatForm을
만들었다. members/createMemberForm을 반환하게된다!
<!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디렉터리를 만들고 그 하위에 createMemberForm.html을
만들었다. input type태그를 사용하여
이름을 입력받고 등록버튼을 누르면 서버로 값이 전달되게 된다.
그 다음으로는 넘어온 값을 받아서 실제 회원가입을 할 수 있게끔 만들었다.
package hello.hellospring.controller;
public class MemberForm {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
먼저 MemberForm 이라는 클래스를 만들고 Getter and Setter를 만들어준다
이유는 받아온 값을 매칭시켜줄 클래스를 만들어야하기 때문이다!
package hello.hellospring.controller;
import hello.hellospring.domain.Member;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
@Controller
public class MemberController {
private final MemberService memberService;
@Autowired
public MemberController(MemberService memberService){
this.memberService = memberService;
}
@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:/";
}
}그런 다음 @PostMapping으로 create를 만들었다.
-createForm()
먼저 회원가입을 누르면 members/new로 들어온다
이때는 Get방식이다 단지 members/createMemberForm 을 뿌려주는것뿐이다.
createMemberForm 에 이름을 넣고 등록버튼을 누르면 Post 방식으로 넘어온다!!
PostMapping은 데이터를 폼 ?같은것에 넣고 전달할때 쓰인다.
Get은 조회할때 쓰인다
url은 같지만 Post냐 Get이냐 에 따라 다르게 매핑이 가능한다.
등록버튼이 눌러지면 Post매핑인 create()가 동작한다.!
-create()
이때 MemberForm 의 name에 데이터 값이 들어오게된다.
(스프링이 createMemberForm.html에 있는
input type에 name을 보고 넣어주게된다.)
스프링이 setName()을 통해서 값을 넣어주게되고
나는 getName을 이용하여 member 객체에 name값을
넘겨준다!
그리고 join을 이용하여 가입하고
redirect 를 이용하여 " / "를 다시 요청한다.!
'웹프로그래밍 > Spring 입문' 카테고리의 다른 글
| 15. H2 데이터베이스 설치 (0) | 2021.06.24 |
|---|---|
| 14. 회원 웹 기능 - 조회 (0) | 2021.06.24 |
| 12. 회원 웹기능 - 홈 화면 추가 (0) | 2021.06.23 |
| 11. 자바 코드로 직접 스프링 빈 등록하기 (0) | 2021.06.22 |
| 10. 컴포넌트 스캔과 자동 의존관계 설정 (0) | 2021.06.22 |