Thymeleaf 기본문법 a, 반복문, js(th:href,each,inline)

기본문법 - th:href

a 태그 클릭시 이동 페이지 href 넣을 때 사용

<a th:href="@{/main}">메인으로</a>

 

기본문법 - th:foreach

받아온 변수를 for문처럼 반복해서 보여줄 수 있게 할 때 사용

<tbody>
	<tr th:each="center : ${list}">
		  <td th:text="${center.mbNo}">관할 구역</td>
		  <td th:text="${center.mbLevel}">관할 구역</td>
		  <td th:text="${center.mbZipcode}">관할 구역</td>
		  <td th:text="${center.mbCenter}">보호센터명</td>
		  <td th:text="${center.mbTel}">전화번호</td>
	</tr>
</tbody>

설명

• tr태그에 th:each="center : ${list}" 작성되어있는데
  ⇒ tr을 계속 반복하겠다. (tr안에 td도 있는데 tr,td 한 묶음이 되어 계속 반복되는 것)
• th:each="center : ${list}" 반복되는 구간에서 변수 ${list}를 center라 지칭하겠다는 의미
  ⇒ td 에서는 th:each에서 center.mbNo== list에 mbNo 의미이다.

 

기본문법 - th:inline

Thymeleaf문법으로 script 사용시 넣어준다.

<script th:inline="javascript">

    /*<![CDATA[*/

    var message = [[${message}]];
    alert(message);

    location.replace([[${searchUrl}]]);

    /*]]>*/
</script>

설명

• <script th:inline="javascript"> script태그안에 th:inlie="javascript"를 써서 명시
• 스크립트 내에 /*<![CDATA[*/ /*]]>*/를 사용하여 명시
• 타임 리프 변수도 /*[[]]*/로 감싸주어야 한다.