타임리프 (Thymleaf) 기본 문법 (표현식)

변수식 : ${....}

• Context에 포함된 변수들을 사용할 수 있다. 
• JSP에서 사용했던 방식과 비슷하다.

text = hello world

...

<p th:text = "${text}">결과값은 "hello world" 입니다.</p>

---

링크식 : @{....}

• @표현식을 이용하여 URL을 표현 가능

<a href = "test.html" th:href = "@{http://www.test.com}">
	test
</a>

---

메시지식 : #{....}

• 미리 정의된 message.propertis 파일이 존재하고 thymeleaf enfine에 등록이 되어있다는 전제하게 사용 가능하다.

// message.propertis 파일

hello.world = HELLO WORLD

/****************************************/

<p th:text = "#{hello.world}">결과값은 "HELLO WORLD" 입니다.</p>

---

객체의 변수식 : *{....}

• th:object로 정의되어 있는 변수가 있다면 그 변수에 포함된 값을 나타낸다.
• object가 정의되어 있지 않다면 표현방식은 ${....}와 동일

//object 정의

List<UserInfo> userInfo = new ArrList<>();
userInfo.add(new UserInfo ("user01", "pass01", 22));
userInfo.add(new UserInfo ("user02", "pass02", 11));
userInfo.add(new UserInfo ("user03", "pass03", 42));
userInfo.add(new UserInfo ("user04", "pass04", 23));

model.addAttribute("userInfo", userInfo);

<div th:object = "${userInfo}">
	<p th:text="*{userId}">아이디</p>
	<p th:text="*{userPass}">패스워드</p>
	<p th:text="*{userAge}">나이</p>
</div>

---

리터럴 치환 : ||

 

• 문자열 합치기, 문자열과 변수 표현식을 || 사이에 입력하면 이어서 출력한다.

world = WORLD

<p th:text = "|hello, ${world}|">결과값은 "hello, WORLD" 입니다.</p>

---