ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 18강. 회원 웹 기능 - 조회
    스프링 프레임워크-입문 2021. 5. 5. 13:30

    MemberController에 들어가서 아래의 코드를 추가합니다.

    레포지토리에 저장되어 있는 것을 meberService의 findeMembers()로 가져와 modl에 "members": mebers객체로 넘겨주어 members/memberList에서 model을 통한 출력을 해보도록 하겠습니다.

     

    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>

    서버를 재구동 시켜주도록 하겠습니다.

    회언 목록이 정상적으로 출력이 되는 것을 확인할 수 있습니다. 그 후 2명을 가입시켜보겠습니다.

    그러면 회원 목록을 들어갔을 때 정상적으로 보여야할 것입니다. 테스트를 해보겠습니다.

    우리는 타임리프가 어떻게 작동되는가를 확인해보기 위해 아래의 코드에 집중하겠습니다.

    model에 있는 mebers를 member로 가져와 키 loop를 돌면서 안의 로직을 도는 것입니다.

    (th:each : 타임리프의 loop문)

     

    데이터는 메모리에 있기 때문에 서버를 내렸다가 다시 구동하면 모든 데이터가 다 날라가게됩니다. 그래서 우리는 DB나 파일로 이 데이터들을 저장할 것입니다.

     

     

Designed by Tistory.