常用标签语法:
①th:text
<span th:text="${name}">1</span>
注释:如果${name}有值则将替换掉1的值,若无则为1
②th:href 动态引入静态资源
<link rel= "stylesheet" th:href= "@{/res/css/jquery-labelauty.css}">
注释:@{}代表当前html所在的父级根目录,比如html是在webapp下的某个文件夹下,那么就是从webapp下开始查找
③th:src 动态引入js静态资源
<script th:src="@{/res/js/jquery-labelauty.js}"></script>
④th:if 单条件判断
<div th:if="${parameter} == 1"></div>
注释:若条件成立,则显示该div
⑤th:if多条件判断
<div th:if="${parameter} == 1 or ${parameter} == 2"></div>
<div th:if="${parameter} == 1 and ${parameter} == 2"></div>
注释:多条件的话,使用or或者and来表示,不用&&或者||,否则无法解析,亲测
⑥遍历List
<label th:each="surveyQuestion: ${surveyQuestionList}">
<li th:text="${surveyQuestion.content}">1</li>
</label>
注释:遍历surveyQuestionList,若为多个,则显示对应的多个li
⑦遍历map
<label th:each="surveyQuestion: ${surveyQuestionMap}">
<li th:text="${surveyQuestion.key}">1</li>
<li th:text="${surveyQuestion.value}">1</li>
</label>
⑧th:attr
<input type="radio" th:attr="name=${questionDbColumn},value=${optionCode},data-labelauty=${optionContent}" name="test" value="1" data-labelauty="测试"/>
注释:替换多个属性值,中间使用“,”隔开,若上式成立,则name,value,data-labelauty将均被替换为后台得来的值