2021-11-20 11:02

thymeleaf 常用基础标签语法示例

wanmatea

JavaEE

(945)

(0)

收藏

一、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将均被替换为后台得来的值

0条评论

点击登录参与评论