코드 그라데이션

Thymeleaf (2) 변수 - SpringEL 본문

Spring/Thymeleaf

Thymeleaf (2) 변수 - SpringEL

완벽한 장면 2023. 11. 8. 19:21

타임리프에서 변수를 사용할 때는 변수 표현식을 사용한다.

 

변수 표현식 : ${...}

이 변수 표현식에는 스프링 EL이라는 스프링이 제공하는 표현식을 사용할 수 있다.

 

 

/resources/templates/basic/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>

<h1>지역 변수 - (th:with)</h1>
<div th:with="first=${users[0]}">
    <p>처음 사람의 이름은 <span th:text="${first.username}"></span></p>
</div>

</body>
</html>

 

 

하나씩 살펴보기

1. Object 부분

<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>: 순서 없는 목록을 시작합니다.
  • ${user.username}: Thymeleaf 표현식을 사용하여 user 객체의 username 속성 값을 출력합니다.
  • <span th:text="${user.username}"></span>: <span> 요소 안에 user 객체의 username 속성 값을 출력합니다. Thymeleaf의 th:text 속성은 요소의 텍스트 내용을 설정합니다.
  • 유사하게 ${user['username']}와 ${user.getUsername()}는 다른 방식으로 user 객체의 username 값을 출력합니다.

 

 

2. List 부분

<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>: 순서 없는 목록을 시작합니다.
  • ${users[0].username}: users 리스트의 첫 번째 요소의 username 속성 값을 출력합니다.
  • <span th:text="${users[0].username}"></span>: 해당 값을 <span> 요소 안에 출력합니다.
  • ${users[0]['username']}와 ${users[0].getUsername()}도 마찬가지로 users 리스트의 첫 번째 요소의 username 값을 출력하는 방식이 다릅니다.

 

3. Map 부분

<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>
  • <ul>: 순서 없는 목록을 시작합니다.
  • ${userMap['userA'].username}: userMap 맵에서 키가 "userA"인 항목의 username 속성 값을 출력합니다.
  • <span th:text="${userMap['userA'].username}"></span>: 해당 값을 <span> 요소 안에 출력합니다.
  • ${userMap['userA']['username']}와 ${userMap['userA'].getUsername()}도 마찬가지로 userMap 맵에서 "userA" 키의 username 값을 출력하는 방식이 다릅니다.

 

 

SpringEL 다양한 표현식 사용

Object

 

List

 

Map

 

 

실행

http://localhost:8080/basic/variable

 

 

728x90

'Spring > Thymeleaf' 카테고리의 다른 글

Thymeleaf (4) 유틸리티 객체와 날짜  (0) 2023.11.09
Thymeleaf (3) 기본 객체들  (1) 2023.11.09
Thymeleaf (1) 텍스트  (0) 2023.11.07
타임리프 소개  (0) 2023.11.06
타임리프 프로젝트 생성  (0) 2023.11.06
'Spring/Thymeleaf' Related Articles more
Comments