SpringEL - 변수

✏️ Thymeleaf 의 변수 표현식

• 변수 표현식
  • ${...}
  • 이 외에도 다양한 변수 표현 방법이 제공된다.

📍 표현식 적용하

• Controller
  • 객체, list, map 3가지 참조타입을 model 에 넘겨주었다.

    @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
    @AllArgsConstructor
    static class User{
        private String username;
        private int age;
    }

• Web

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

• 출력 확인
  - 개인적으로 각 첫번째 방법이 가장 사용하기 편해보인다.
  

✏️ 지역변수 사용방법

• thymeleaf 문법으로도 지역변수를 선언하고, 사용할 수 있다.
  • first 에 list 의 첫번째 인덱스를 가르키도록 선언했다.
  • 이후부터는 first 로 ${users[0]} 을 대체해서 사용할 수 있다.
  • 지역변수이기 때문에 선언된 div 태그를 벗어서나면 사용할 수 없게된다.

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