멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 46일차

day46 THYMLEAF 기초 문법 정리

태그에 값 셋팅

태그에 값 셋팅 (연산)

<span th:text="${sports}-1"></span><span th:text="${sports-1}"></span>

html 태그가 들어있는 텍스트를 태그로 삽입하고 싶을 때

sports = "<span>TEST</span>";

문자열 합치기

value 값 셋팅

<input type="hidden" th:value="${sports}"/>

반복문

<ul th:each="sports : ${SPORTS}">

   <li th:text="${sports['name']}"></li>

   <li th:text="${sports['event']}"></li>

</ul>

if문

// 한 가지 조건

<span th:if="${sports['name'] != null}">

// and 나 or 조건 추가

<span th:if="${sports['name'] != null and sports['name'] != ''}">

---

if~else문

<span th:if="${sports['count'] != '1'}">

<span th:unless="${sports['count'] != '1'}">

주의할 점은 unless 문은 if문과 같은 조건을 써주어야 한다는 것이다.

switch case 문

<td th:switch="${join.gender}">

<span th:case="'M'" th:text="Male"/>

<span th:case="'F'" th:text="Female"/></td>

*주의 : 서로 다른 케이스별로 딱 한번씩만 적용이 됨.

이미지 태그에 src 속성

<img th:src=" '/img/'+ ${imgname}" alt=""/>

링크 url

// 기본적인 링크 삽입

<a th:href="@{/index}"/>

// 고정된 url과 변수를 함께 사용할 때

링크

// 링크에 파라미터를 보낼 때

<a th:href="@{/index(id=${id})}"/>

onclick 함수에 값 전달

**<button th:onclick="addcart([[${p.id}]])" />**