Thymeleaf[변수 - SpringEL]

조영재·2023년 6월 10일

Thymeleaf

목록 보기
2/15

변수 - SpringEL

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

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

basicController

@Controller
@RequestMapping("/basic")
public class basicController {

    @GetMapping("/variable")
    public String variable(Model model) {
        User userA = new User("userA", 10);
        User userB = new User("userA", 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;
        }
    }
}

/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>

실행결과

**SpringEL 표현식**

단순한 변수가 아닌, Object나, List, Map같은 객체는 다음과 같이 사용가능하다.

  • Object
    • user.username : user의 username을 프로퍼티 접근
    • user['username'] : 위와 같음 user.getUsername()
    • **user.getUsername()** : user의 getUsername() 을 직접 호출
  • List
    • users[0].username : List에서 첫 번째 회원을 찾고 username 프로퍼티 접근 list.get(0).getUsername()
    • users[0]['username'] : 위와 같음
    • **users[0].getUsername()** : List에서 첫 번째 회원을 찾고 메서드 직접 호출
  • Map
    • **userMap['userA'].username** : Map에서 key: userA를 찾고, username 프로퍼티 접근
    • userMap['userA']['username'] : 위와 같음
    • userMap['userA'].getUsername() : Map에서 userA를 찾고 메서드 직접 호출

**지역 변수 선언**

**th:with** 를 사용하면 지역 변수를 선언해서 사용할 수 있다.

지역 변수는 선언한 태그 안에서만 사용할 수 있다.

/resources/templates/basic/variable.html

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

실행 결과

profile
Just for fun

0개의 댓글