Java/Spring Boot
Thymeleaf 기본
amungstudy
2023. 12. 4. 13:45
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>타임리프 익히기</h1>
<!-- LocalDate -> yyyy-MM-dd로 변경-->
<p th:text="${#temporals.format(today,'yyyy-MM-dd')}"></p>
<!-- person을 선택한 객체로 지정-->
<div th:object="${person}">
<p th:text="|이름 : *{name}|"></p>
<p th:text="|나이 : *{age}|"></p>
<p>취미</p>
<!--hobbies 개수만큼 반복-->
<ul th:each="hobby : *{hobbies}">
<li th:text="${hobby}"></li>
<!-- 반복 대상이 운동이라면 '대표 취미'라는 표시 추가-->
<span th:if="${hobby =='운동'}">(대표 취미)</span>
</ul>
</div>
<!-- 1번 블로그 글 을 보러 이동-->
<a th:href="@{/api/articles/{id}(id=${person.id})}">글 보기</a>
</body>
</html>| 표현식 | 설명 |
| ${...} | 변수의 값 |
| #{...} | 속성 파일 값 |
| @{...} | url 표현식 |
| *{...} | th:object에서 선택한 객체에 접근 |
| 문법 | 설명 |
| th:text | 텍스트 표현 |
| th:each | 컬렉션 반복할 때 사용 |
| th:if | 조건이 true인 경우 표시 |
| th:unless | 조건이 false인 경우 표시 |
| th:href | 이동 경로 |
| th:with | 변수값으로 지정 |
| th:object | 선택한 객체로 지정 |
날짜형식을 포매팅하는 함수 (LocalDateTime -> yyyy-MM-dd HH:mm)
<!-- 날짜형식을 포매팅하는 함수 ${#temporals.format()} -->
<div class="text-muted fst-italic mb-2"
th:text="|Posted on ${#temporals.format(article.createdAt,'yyyy-MM-dd HH:mm')}|"></div>
본 포스팅은[스프링부트 3 백엔드 개발자되기: 자바 편] 을 참고하였습니다.