JAVA 기반 웹개발/ThymeLeaf
[Thymeleaf] 데이터 출력
by 거북이의 기술블로그
2024. 10. 16.
Model Attribute 출력
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Thymeleaf 테스트 </title>
</head>
<body>
<ul>
<li>th:text 출력: <span th:text="${data}"></span></li>
<li> 컨텐츠 직접 출력 = [[${data}]]</li>
</ul>
</body>
</html>
- 속성에서 출력
- ${data} 이용하여 Model.attribute("data", [data값]) 출력
- 컨텐츠 내부 직접 출력
객체 출력
** 사전 준비 **
public class User{
private String username;
public String getUsername(){
return this.username;
}
}
List<User> list = new ArrayList<>();
Map<String, User> map = new HashMap<>();
list.add(userA);
map.put('userA', userA);
model.addAttribute("user", userA);
model.addAttribute("users", list);
model.addAttribute("userMap", map);
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Thymeleaf 테스트 </title>
</head>
<body>
<div>
<ul>
<!-- Object : user ( private String username ; ) -->
<li> username : <span th:text="${user.username}"></span></li>
<li> username : <span th:text="${user['username']}"></span></li>
<li> username : <span th:text="${user.getUsername()}"></span></li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Thymeleaf 테스트 </title>
</head>
<body>
<div>
<ul>
<!-- List User users; -->
<li><span th:text="${users[0].username}"></span></li>
<li><span th:text="${users[0]['username']"></span></li>
<li><span th:text="${users[0].getUsername()}"</span></li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Thymeleaf 테스트 </title>
</head>
<body>
<div>
<ul>
<!-- Map User userMap; -->
<li><span th:text="${userMap['userA'].username}"></span></li>
<li><span th:text="${userMap['userA']['username']"></span></li>
<li><span th:text="${userMap['userA'].getUsername()}"</span></li>
</ul>
</div>
</body>
</html>