반응형
조회기능을 담당하는 controller 코드 추가
// 조회 화면
@GetMapping("/members")
public String List(Model model) {
List<Member> members = memberService.findMembers();
// 화면으로 전달될 데이터 key, value
model.addAttribute("members", members);
return "members/memberList";
}Model 객체는 html로 데이터를 전달할 때 필요한 객체이다.
인텔리제이 단축키 : ctrl + alt + v -> 자동으로 반환객체 생성
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>model로 넘어온 데이터를 타임리프를 이용하여 각 데이터를 가져와서 사용
each 문법으로 controller에서 전달된 members데이터를 member으로 받은 다음
각 컬럼에 member안에서 맞는 데이터를 선언하여 뿌려준다.
인텔리제이 단축키로 ctrl + 클릭을 하면 해당 코드로 이동한다.
인텔리제이 단축키로 ctrl + e 하면 최근에 본 파일을 목록으로 확인 할 수 있다.
만약 인텔리제이사용시 타임리프 구문에서 빨간줄 에러가 발생할 경우 buld.gradle 파일에서 버전 수정을 해야 한다.
버전 수정후 위와 같이 빨간줄이 사라진것을 확인할 수 있다.
동작 확인
반응형
'코드로 배우는 스프링 부트 - 인프런' 카테고리의 다른 글
| 순수 JDBC (0) | 2022.08.17 |
|---|---|
| H2 데이터베이스 설치 (0) | 2022.08.16 |
| 회원 웹 기능 - 등록 (0) | 2022.08.14 |
| 회원 웹 기능 - 홈 화면 추가 (0) | 2022.08.13 |
| 자바 코드로 직접 스프링 빈 등록하기 (0) | 2022.08.13 |
