회원 조회

members/membersList.html 본격적으로 템플릿 엔진이 동작한다! 타임리프 문법을 사용하여 html 동적으로 구현 ${..} : Model에서 members라는 것을 가져온다! th:each 는 자바의 for-each문 처럼 ${members}에서 객체를 하나식 member에 담아 가져온다는 뜻이다. Member 클래스가 구현되어 있는 것을 보면 id와 name은 private으로 구현되서 밖에서 접근하지 못하게 되어있다. =>자바의 property방식(getter,setter)으로 접근하여 member의 id와 name을 가져올 수 있다.

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

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

2. MemberController.java Member 형 List인 members를 "members"라는 이름으로 속성을 더해 전달한다!

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

Previous회원 등록 NextH2 DB 설치, 웹콘솔에서 데이터 저장

Last updated 3 years ago