스프링/0. 입문, 전체방향

14강. 간단한 웹 기능 -조회

sdafdq 2023. 7. 8. 17:08
@GetMapping("/members")
public  String list(Model model){
        List<Member> members = memberService.findMembers();
        model.addAttribute("members",members); //스프링에서 값은 Model을 통해 넘김.
                                                           //model에 addAttribute로 키와 함께 값을 추가해주면, 그게
                                                           //자동으로 같이 넘어가는 듯.
        return "members/memberList";                       // return으로 간 경로는 Mapping을 안 거치고 템플릿으로 찾는 듯?
}
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<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>

th는 thymeleap고, th:each는 thymeleap의 문법,

반복문인데,

"member:${members}"

members에서 member로 반복. 그러니까 foreach문이라고 보면 됨.

tr에 저게 있으니까. tr및 하위를 자기 형제로 생성해줌.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div class="container">
    <div>
      <table>
        <thead>
          <tr>
            <th>#</th>
            <th>이름</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>aaa</td>
          </tr>
          <tr>
            <td>2</td>
            <td>bbb</td>
          </tr>
          <tr>
            <td>3</td>
            <td>ccc</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</body>
</html>