1. 程式人生 > >thyemeleaf學習要點心得

thyemeleaf學習要點心得

一、thymeleaf模板子頁面引用JS,CSS,HTML的方法:

這是我的目錄結構

1,引用JS檔案

首先將公共資源提取出來放在單獨的一個html中,並加入thymeleaf模板的引用

然後,在<div>中引用thymeleaf的th:fragment=“自定義一個名稱” 標籤。

<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<body>
	<div th:fragment="onload_js">
		<script th:src="@{/js/jquery.min.js}"></script>
		<script th:src="@{/js/amazeui.min.js}"></script>
		<script th:src="@{/js/app.js}"></script>
	</div>
</body>
</html>

子頁面中呼叫的方法,首先加入thymeleaf模板的引用

然後,自定義一個<div>,在<div>中引用thymeleaf的th:include=“公共資源的路徑/html名稱::自定義的js名稱” 標籤,(注意html名稱後的兩個冒號