[스프링/Spring] Spring Boot Thymeleaf 문법 !

처음으로 타임리프를 사용해보면서 자주쓴 문법 정리

 

th:text :

서버에서 넘어온 test란 데이터의 값을 읽어 해당 태그에 삽입해준다.

<div th:text = "${test}"></div>

결과 :

<div>something</div>

 

th:if, th:unless :

if else문의 기능과 같다. 다만 두 구문의 조건식은 같아야 한다.

<div th:if = "${test} != null">123</div>
<div th:unless = "${test} != null">456</div>

결과 : 만약 test가 null이 아니라면 화면상에 123을 포함하고 있는 div만 렌더링 된다.

<div>123</div>

 

th:foreach :

for문의 기능과 같다.

<tbody>
  <tr th:each="someArray, i: ${serverArray}">
    <td th:text="${someArray.firstVar}"></td>
    <td th:text="${someArray.secondVar}"></td>
  </tr>
</tbody>

결과 : 서버에서 받은 serverArray를 someArray란 이름으로 반복하며 템플릿을 만들어준다.

<tbody>
  <tr>
    <td>someThing</td>
    <td>someThing</td>
  </tr>

   <tr
    <td>someThing</td>
    <td>someThing</td>
  </tr>

  <tr>
    <td>someThing</td>
    <td>someThing</td>
  </tr>
</tbody>

 

th:attr :

html attribute를 설정해준다.

<button th:attr="onclick=|javascript:voteAdd('${orn_cd}');|" type="button">수정</button>

결과 : 예를 들어 script에 parameter 하나를 받는 voteAdd란 함수를 정의하고 위와 같이 onclick 이벤트를 html에 attribute로
설정해줄 수 있다.