html + Spring EL을 쓴다
Natural Templating : DB, Front End
application.perperties
# Thymeleaf
spring.thymeleaf.cache=false
# 기본 경로
spring.thymeleaf.prefix=classpath:/templates/
# .html을 쓴다
spring.thymeleaf.suffix=.html
# thymeleaf/ 안에 있는 모든것
spring.thymeleaf.view-names=thymeleaf/*
pom.xml
<!-- Thymeleaf -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
문법
<div th:text="${greeting}"></div> // div 영역에 텍스트를 넣는다
<a th:href="@{'/' + ${url}}">index.html</a>
<div th:if="${gender=='M'}">남자</div>
<div th:unless="${gender=='M'}">여자</div>
<div th:if="${#strings.equals(param2, 'A')">A</div>
<div th:switch="${gender}">
<span th:case="M">Male</span>
<span th:case="F">Female</span>
<span th:case="*">Others</span>
</div>
<div th:text="'배열 원소수:' + ${nums.length} + '개'"><div>
<div th:text="${nums[0]}"></div>
<div th:text="'리스트 원소수:' + ${#lists.size(list)} + '개'">
<div th:if="${#lists.isEmpty(list)}">
<div>
<span th:each="n : ${nums}"> // 컬렉션(array,list,map)
[[${n}]]
</span>
</div>
<div>
<span th:each="item, i : ${items}">
[[${i.index}]].[[${item}]]
</span>
</div>
<p th:text="${param.q}"></p>
<p th:text="'이용자 아이디:' + ${session.userid}">
<p th:text="${emp.empno} + '/' + ${emp.ename}">
<p th:each="user : ${credit}">
<span th:text="${user.key}"></span>
<span th:text="${user.value}"></span>
</p>
<p th:each="i : ${#numbers.sequence(1,5)}">
<span th:text="${i}"></span>
</p>
<button type='button' th:onclick="'updateEmp('+ ${e.empno} + ');'">적용</button>
<script th:inline="javascript">
host = [[${ip}]];
</script>
<a th:href="@{/board/view(id = ${board.id})}">글 상세보기</a>
<th:block th:include="@{/thymeleaf/fragments/header}"></th:block>
th:onclick="'location.href=\''+@{/freeboard(bname=${bname})}+'\''"
<select id="bname" th:value="${bname}">
<option th:value="free" th:selected="${#strings.equals(bname,'free')}">자유게시판</option>
<option th:value="meal" th:selected="${#strings.equals(bname,'meal')}">식단공유게시판</option>
<option th:value="beforafter" th:selected="${#strings.equals(bname,'beforafter')}">비포에프터게시판</option>
</select>
<th:block></th:block>
<button id="freeboard_goback_button" th:onclick="|location.href='@{/freeboard(bname=${freeBoard.bname})}'|">뒤로가기</button>
세션
[[${session.userid}]]
> (gt)
< (lt)
>= (ge)
<= (le)
!(not)
== (eq)
!= (neq, ne)
index : 0부터 시작하는 값
count : 1부터 시작하는 값
size : 전체 사이즈
even , odd : 홀수, 짝수 여부 ( boolean )
first , last : 처음, 마지막 여부 ( boolean )
current : 현재 객체