1、引入Thymeleaf
<html xmlns:th="http://www.thymeleaf.org">
2、使用相对路径，以当前项目根路径为基础
<img th:src="@{/res/img/login.png}" />
3、行内用法
<div>[[ ${variable} ]]</div>
4、js中使用Thymeleaf
<script type="text/javascript" th:inline="javascript">
</script>
5、获取项目名
<script th:inline="javascript">
// '/ocSSO/'
var contextPath1 = [[@{/}]];
// '/ocSSO'
var contextPath2 = [[ ${#httpServletRequest.getContextPath()} ]];
</script>
6、插入其他页面片段
<div th:replace="common/bar::div"></div>
7、遍历、判断、使用下标以及拼接
<div th:each="video,videoStat : ${featured}">
<div class="main-vid" th:if="${videoStat.index} == 0"></div>
<div class="sub-vid" th:if="${videoStat.index} == 2">
<a href="single.html" th:href="'single.html?videoId=' + ${featured[4].id}"></a>
</div>
</div>