본문 바로가기

사이드 프로젝트/회원 관리 프로그램

[Spring project] 회원 웹 기능 - 조회

회원 조회 기능


1. MemberController.java 에 내용 추가

 

package hello.hello_spring.controller;


@Controller
public class MemberController {

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

        return "members/memberList";
    }
}

 

2. 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>

</body>
</html>

 

실행 결과

=> 등록 후 조회 페이지로 이동해보자. 등록한 리스트가 뜨는 것을 확인할 수 있다. 

 

thymeleaf


컨트롤러에서 model.addAttribute("members", members) 코드를 통해 members 키에 회원 리스트를 넣었다. 

th:each 는 루프를 도는 타임리프 문법이다. 받아온 회원 리스트를 가지고 반복문을 돌면서 id, name을 넣어주는 것이다. 

 

 

* 인프런 '스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술' 강의를 참고하여 작성했습니다.