1.創建HTML
<html xmlns:th="http://www.thymeleaf.org">
2.獲取變量值${…}
<p th:text="'Hello!, ' + ${name} + '!'">3333</p>
3.鏈接表達式: @{…} 用來配合link src href使用的語法,類似的標籤有:th:href和th:src
4.循環
通過th:each
5.遍歷
<tr th:each="prod : ${prods}">
<td th:text="${prod.name}">Onions</td>
<td th:text="${prod.price}">2.41</td>
<td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
</tr>
可遍歷的對象:實現java.util.Iterable、java.util.Map(遍歷時取java.util.Map.Entry)、array、任何對象都被當作只有對象自身一個元素的列表
6.對空值的處理
從後臺傳遞過來的數據爲空值,需要對操作對象進行空值判斷,採用三目運算符進行判斷.
<input type="email" id="salesemail" th:value="${sales!=null?sales.email:''}" placeholder="Email" autocomplete="off" class="layui-input layui-readonly" disabled="true" >
判斷String字符串,添加引號
th:class="${flag=='forum.html'}?'active'"
判斷boolean類型,注意不能當成字符串處理,不能添加引號th:style="${session.simpleFlag==false}?'':'color:red'"
判斷數字,注意不能直接使用小於號,會被當成html的元素標籤,導致編譯出錯
th:style="${pageNo}-3>0?'':'display: none'"
比較兩個後臺數據大小
th:style="${sum}-1>${pageNo}?'':'display: none'"
判斷是否等於null
th:style="${session.dbUser==null}?'display:none;':'padding:0px 0px 0px 20px;'"
th:unless="${sub.publishDate}==null" 或者 th:unless="${sub.publishDate==null}"
兩種方法都行