package start.hellospring.controller;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import start.hellospring.service.MemberService;
@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";
}
}
home.html에서 회원가입을 누르면 '/members/new'로 링크를 줬다. template폴더에 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>
</body>
</html>
<form></form>은 값을 입력할 수 있게 해줌.
<input></input>에서 name은 서버에서 key가 됨.(중요한 역할) placeholder는 아무것도 입력이 되지 않았을 때 빈칸에 적혀있는 값
package start.hellospring.controller;
public class MemberForm {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
Form에 값(ex: spring)을 입력하면 name에 들어온다. setName함수는 값을 넣는다.
package start.hellospring.controller;
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;
import start.hellospring.domain.Member;
import start.hellospring.service.MemberService;
@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:/";
}
}
GetMapping과 PostMapping의 차이?
- GetMapping은 조회할 때
- PostMapping은 전달할 때
"redirect:/"는 첫 화면으로 돌아가기.
반응형
'Framework > Spring Boot' 카테고리의 다른 글
| JPA (0) | 2020.12.13 |
|---|---|
| 회원 웹 기능 - 조회 (0) | 2020.12.12 |
| 회원 웹 기능 - 홈 화면 추가 (0) | 2020.12.12 |
| 스프링 빈과 의존관계 (0) | 2020.12.12 |
| 회원 관리 예제 - 백엔드 개발 (0) | 2020.12.06 |