본문 바로가기
Server/Spring

회원 관리 - 프론트) 3. 모든 회원 조회하기

by print_soo 2024. 8. 25.

1. 멤버 컨트롤러에 회원 조회 처리 메소드 추가하기

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

 

[작동 방식]

1. 리스트에 서비스 메소드인 findMemebers를 이용해 모든 회원을 저장한다.
2. model(컨트롤러가 뷰로 데이터를 전달할 때 사용하는 객체)에 members라는 키로 members 리스트를 저장
3. 회원 목록화면 렌더링

 

2. HTML 작성

파일 경로: main/resources/templates/member/memberList.html

 

<!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>

 

컨트롤러에서 받은 memebers 값을 이용해서 모든 멤버스를 렌더링할 때 까지 반복적으로 해당 멤버의 아이디와 이름 출력