-
Thymeleaf 사용법들TEMPLATE/THYMELEAF 2023. 5. 4. 14:56
- 기본 출력 방법
// 선언 <html xmlns:th="http://www.thymeleaf.org"> // 방법1 [[${contents}]] // contents // 방법2 <p th:text="${tit2}"></p> // tit2 // 방법3 <p th:text="|${내용1} [${내용2}]|"></p> // 내용1 [내용2]2. 조건문
// if <span th:if="${contents=='1'}">1</span> <span th:if="${contents=='2'}">2</span> // switch <p th:switch="${contents > value}"> <span th:case="true">contents는 value보다 크다</span> <span th:case="false">contents는 value보다 작다</span> </p>3. 반복문
<!-- 리스트 반복 --> <tr th:each="content:${contents}"> <td>[[${content.a}]]</td> <td th:text="${content.b}"></td> </tr> <!-- 숫자(for) 반복 --> <th:block th:each="i : ${#numbers.sequence(start, end)}"> <a>반복 하는 내용</a> </th:block>4. 링크
<a th:href="@{/include}">include</a> <a th:href="@{/layout}">layout</a> // 주소 뒤에 ?key=value 입력 방법 // (key = value) <a th:href="@{./modify(uid=${user.uid})}">수정</a> <th:block th:include="/fragment/_header.html"/> //빈 블럭에 추가 <div th:insert="/fragment/_header.html"></div> // div 안에 추가 <div th:replace="/fragment/_header.html"></div> // div를 치환5. form 태그
<form th:action="@{./modify}" th:object="${customer}" method="post"> // th:object => 전송 데이터를 담을 VO(DTO) <input type="text" th:field="*{custId}" readonly="readonly"> // th:field // *{} => *은 object를 뜻함 // 해당 오브젝트의 key값과 value값에 따라 {class, name}(key)그리고 th:value(value)값이 // 자동으로 설정 된다6. 동적 클래스 추가
<a class="기본 클래스 이름" th:classappend="${조건문 ? '클래스 이름' : ''}"></a>7. 이스케이프 처리 법
1. th:utext=”” ⇒ html 태그 분리해서 집어 넣기
2. [(${htmlTag})]'TEMPLATE > THYMELEAF' 카테고리의 다른 글
Thymeleaf Security 관련 정보 (0) 2023.05.04