인프런 김영한님의 Spring강의에서 공부한것을 올리며, Thymeleaf의 경우 unit 단위로 공부후 각각 정리하는 글을 작성하겠습니다.
SpringEL, 지역변수
타임리프에서 변수를 사용할 때는 변수 표현식을 사용한다. => 변수 표현식 : ${...}
우선 데이터를 넘기는 컨트롤러를 만들어 봅시다. 코드는 다음과 같습니다.
@GetMapping("/variable")
public String variable(Model model){
User userA = new User("userA", 10);
User userB = new User("userB", 20);
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;
}
}이를 처리하는 뷰는 다음과 같습니다.
<!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>실행 결과는 다음과 같습니다.
● SpringEL
각각 Object, List, Map 에 담겨있는 데이터에 어떻게 접근해서 데이터를 추출해야 하는지 확인할수 있습니다.
- Object
예를들어 user의 username 프로퍼티에 접근하기 위해서 user.username 과 같이 사용할수가 있습니다.
내부적으로는 user.getUsername()이 호출되죠!
- List
리스트 같은 경우 [0] 과 같이 인덱스 번호를 지정하여 리스트에서 갖어오게 됩니다.
users[0].username 은 첫번째 회원을 찾은후에 username 프로퍼티에 접근하게 되는데 list.get(0).getUsername()과 동일합니다.
- Map
userMap['userA'].username : Map에서 userA를 찾고, username 프로퍼티 접근 map.get("userA").getUsername()
key값을 활용하여 map에서 찾아오는 것 입니다.
● 지역 변수 선언
th:with 를 사용하면 지역 변수를 선언해서 사용할 수 있습니다. 지역 변수는 선언한 테그 안에서만 사용할 수 있죠!
<h1>지역 변수 - (th:with)</h1>
<div th:with="first=${users[0]}">
<p>처음 사람의 이름은 <span th:text="${first.username}"></span></p>
</div>결과는 다음과 같습니다.
'BackEnd > Thymeleaf' 카테고리의 다른 글
| [Thymeleaf] Literals (0) | 2022.01.26 |
|---|---|
| [Thymeleaf] URL 링크 (0) | 2022.01.26 |
| [Thymeleaf] 유틸리티 객체와 날짜 (0) | 2022.01.26 |
| [Thymeleaf] 기본 객체들 (0) | 2022.01.26 |
| [Thymeleaf] 텍스트 - text, utext (0) | 2022.01.26 |
댓글