11 - Web MVC

💡 Web MVC를 이용한 회원 관리 예제 개발

홈 화면 추가

• 컨트롤러가 Home 컨트롤러를 발견해서 default static page인 index.html은 무시된다
• 회원가입 경로를 /members/new, 회원목록 경로를 /members로 설정

Controller - HomeController Class 생성

Template - home.html 생성

톰캣 재기동 - localhost로 접속하면 home.html 파일 렌더링됨

---

회원 등록 폼 컨트롤러 생성

위에서 회원가입 경로를 지정 했으니 기능을 개발해보자

1. 회원가입 html 렌더링
2. 회원가입 등록기능 생성

 

MemberController에 @GetMapping을 이용해 폼 생성

template - members 디렉토리 생성 - createMemberForm.html 생성 후 html 작성

톰캣 재기동 - 회원 가입을 누르면 방금 만든 html파일 렌더링

---

회원가입 등록 기능 생성

• MemberForm의 String name 은 createMemberForm.html 파일의 input 내부에있는 name과 매칭된다

Controller - MemberForm 생성

• @PostMapping 어노테이션 사용이유 = 위의 createMemberForm.html의 form태그에서,
  method를 post로 지정을 했기때문에 post를 매핑해줘야함

MemberController 에 @PostMapping 을 이용해서 기능 추가 후 리다이렉트 처리