[입문] 회원 관리 예제_웹 MVC 개발

파일이름변경:  shift + F6

최근 파일 보기: ctrl + e

자동 리턴값 만들기: ctrl + alt + v

 

---

회원 웹 기능 - 홈 화면 추가

 

HomeController 와 home.html 파일을 추가하여 홈화면을 만든다.

controller가 정적 파일보다 우선순위가 높으므로 교체되어 보여진다.

<a href="/members"> 테그로 url 연결

 

---

회원 웹 기능 - 등록

 

위에서 연결한 url로 접속 시 MemberController에서 GetMapping을 통해 createForm.html을 반환(?)시킨다.

<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

위와 같이 html을 작성하면 등록 버튼 클릭 시 서버에 post 형식으로 요청된다.

 

MemberController에서 @PostMapping으로 정보를 전달받고 저장시킨다.

return "redirect:/"; 하면 home으로 연결된다.

 

---

회원 웹 기능 - 조회

 

memberService에서 맴버 목록을 가져와 model에 저장하고 memberList.html에서 thymeleaf를 통해 보여준다.

<tbody>
  <tr th:each="member : ${members}">
    <td th:text="${member.id}"></td>
    <td th:text="${member.name}"></td>
  </tr>
</tbody>