타임리프에서 변수를 사용하는법에 대해서 알아보자.
<Controller>
@GetMapping("/variable")
public String variable(Model model){
User userA = new User("userA",10);
User userB = new User("userB",10);
List<User> list = new ArrayList<>();
list.add(userA);
list.add(userB);
Map<String, User> map = new HashMap<>();
map.put("userA",userA);
map.put("userB",userB);
model.addAttribute("user",userA);
model.addAttribute("users",list);
model.addAttribute("userMap",map);
return "basic/variable";
}
@Data
static class User{
private String username;
private int age;
public User(String username, int age) {
this.username = username;
this.age = age;
}
}
User 객체와 User를 담아둘 List와 Map을 추가해줬다.
<variable.html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>SpringEL 표현식</h1>
<ul>Object
<li>${user.username} = <span th:text="${user.username}"></span></li>
<li>${user['username']} = <span th:text="${user['username']}"></span></li>
<li>${user.getUsername()} = <span th:text="${user.getUsername()}"></span></li>
</ul>
<ul>List
<li>${users[0].username} = <span th:text="${users[0].username}"></span></li>
<li>${users[0]['username']} = <span th:text="${users[0]['username']}"></span></li>
<li>${users[0].getUsername()} = <span th:text="${users[0].getUsername()}"></span></li>
</ul>
<ul>Map
<li>${userMap['userA'].username} = <span th:text="${userMap['userA'].username}"></span></li>
<li>${userMap['userA']['username']} = <span th:text="${userMap['userA']['username']}"></span></li>
<li>${userMap['userA'].getUsername()} = <span th:text="${userMap['userA'].getUsername()}"></span></li>
</ul>
</body>
</html>
<실행 화면>
기본적으로 모두 프로퍼티 접근이 가능하다.
그리고 List나 Map도 일반 자바 코드와 비슷하게 접근이 가능한것을 확인할 수 있다.
지역변수 선언법
th: with를 사용하면 지역변수 사용이 가능하다.
<h1>지역 변수 - (th:with)</h1>
<div th:with="first=${users[0]}">
<p>처음 사람의 이름은 <span th:text="${first.username}"></span></p>
</div>
'BackEnd > Thymeleaf' 카테고리의 다른 글
| 타임리프-속성값 설정 (0) | 2024.07.19 |
|---|---|
| 타임리프 - 리터럴 (0) | 2024.07.16 |
| 타임리프-URL 링크 (0) | 2024.07.16 |
| 타임리프-기본객체 (0) | 2024.07.16 |
| 텍스트 - text, utext (0) | 2024.07.15 |