thyemeleaf學習要點心得
阿新 • • 發佈:2018-12-19
一、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名稱後的兩個冒號)