使用thymeleaf首先添加依賴,
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
<version>xxx</version>
</dependency>
1、集合遍歷
控制器方法如下，
@RequestMapping(“/findAll”)
public String findAll(Map map){
List<SSLXX>list=sslxxService1.findAll();
map.put(“list”,list);
return “/show”;
}
頁面顯示:
<table cellspacing="0" cellpadding="0">
<tr>
<td th:text="宿舍樓代碼"></td>
<td th:text="宿舍樓名稱"></td>
<td th:text="宿舍樓層"></td>
<td th:text="入住性別"></td>
<td th:text="使用人"></td>
<td th:text="宿舍社區"></td>
<td th:text="宿舍員"></td>
<td th:text="宿管聯系方式"></td>
<td th:text="住宿人數"></td>
<td th:text="宿舍狀態"></td>
</tr>
<tr th:each="s,Stat:${list}">
<td th:text="${s.ssldm}"></td>
<td th:text="${s.sslmc}"></td>
<td th:text="${s.sslc}"></td>
<td th:text="${s.rzxb==1}?'男':'女'"></td>
<td th:switch="${s.syr}">
<span th:case="1">學生</span>
<span th:case="2">教師</span>
<span th:case="3">其他</span>
</td>
<td th:text="${s.sssq.sqm}"></td>
<td th:text="${s.tUser.name}"></td>
<td th:text="${s.sglxfs}"></td>
<td th:text="${s.zsrs}"></td>
<td th:text="${s.sfqy==1}?'正常':'禁用'"></td>
</tr>
</table>
頁面顯示效果如下，
以上的判斷有三種寫法如下所示，
第一種
<td th:text="${s.rzxb==1}?'男':''"></td>
第二種
<td th:if="${s.rzxb==1}" th:text="男"></td>
<td th:if="${s.rzxb==2}" th:text="女"></td>
第三種
<td th:switch="${s.syr}">
<span th:case="1" th:text="男"></span>
<span th:case="2" th:text="女"></span>
</td>
這三種方法的區別，如果只是判斷2個值例如男、女的情況，推薦使用第一種方法。如果有多個值的情況例如男、女、未知三個值甚至更多值的情況下推薦使用第三種方法和第二種方法,本人偏愛第三種方法。
2、判斷是否為空
使用th:each做循環迭代，並使用${對象.屬性}來訪問具體的值
判斷是否為空
<tr th:if="${messages.empty}">
<td colspan="3">No messages</td>
</tr>
3、在Javascript中訪問model模型數據
<script th:inline="javascript">
var user = [[${user}]]
console.log(user.name + “\t” + user.age);
</script>
通過添加th:inline=”javascript”到script標簽來訪問model模型數據，通過”[[${}]]”這種格式來獲取具體的值
4、引用web靜態資源
Thymeleaf通過”@{}”來引用web靜態資源，例如：
<script th:src="@{bootstrap/js/boostrap.min.js}"></script>