[Spring 입문] 5. 회원 관리 예제

[Spring 입문] 5. 회원 관리 예제 - 웹 MVC 개발

darly213 2023. 9. 25. 17:02

728x90

1. 회원 웹 기능 - 홈 화면 추가

localhost:8080 으로 호출
container에서 뒤짐
localhost:8080/ < 컨트롤러 있음
연결!

package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {
    @GetMapping("/")
    public String Home() {
        return "home";
    }
}

2. 회원 웹 기능 - 등록

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;
    }

// get mapping -> 데이터를 클라이언트로 보내주는 경
    @GetMapping("/members/new")
    public String createForm() {
        return "members/createMemberForm";
    }
		
// post mapping -> 데이터를 전달받는 경우
    @PostMapping("members/new")
    public String create(MemberForm form) {
        Member member = new Member();
        member.setName(form.getName());

        memberService.join(member);

        return "redirect:/";
    }
}

name 말고 다른 필드 여러개 만들어서 알아서 들어가는지 실험해보기

package hello.hellospring.controller;

public class MemberForm {
    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

3. 회원 웹 기능 - 조회

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
  <div>
    <table>
      <thead>
      <tr>
        <th>#</th>
        <th>이름</th>
      </tr>
      </thead>
      <tbody>
      <tr th:each="member : ${members}"> 
        <td th:text="${member.id}"></td>
        <td th:text="${member.name}"></td>
      </tr>
      </tbody>
    </table>
  </div>
</div> <!-- /container -->
</body>
</html>

${members} ⇒ model로 template engine에서 받아온 그거
each 안에서 반복문처럼 사용됨
- jQuery의 for each랑 똑같음
- member.id와 member.name 은 getter로 받아옴

@GetMapping(value = "/members")
public String list(Model model) {
	List<Member> members = memberService.findMembers();
    model.addAttribute("members", members);
    return "members/memberList";
}

728x90

저작자표시 비영리 변경금지 (새창열림)