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}]])" />**
'Basic > 멀티캠퍼스__AI플랫폼을 활용한 웹서비스 개발' 카테고리의 다른 글
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 후기 (0) | 2022.08.29 |
---|---|
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 42일차 (0) | 2022.08.14 |
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 37일차 (0) | 2022.08.14 |
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 36일차. (0) | 2022.05.31 |
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 35일차. (0) | 2022.05.30 |
댓글