Thymeleaf總結

1. Thymeleaf引用母版頁

<!DOCTYPE html>
<!-- 引入對應的命名空間 -->
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="base/layout3">
<head>
    <title>xx</title>
</head>

<body>

<!-- 母版樣式 -->
<div layout:fragment="custom_css" >
    <link th:href="@{/assets/bootstrap/css/bootstrap-datetimepicker.min.css}" rel="stylesheet"/>
    <link th:href="@{/project/css/indicator.css}" rel="stylesheet"/>
</div>

<!-- 引入母版頁 -->
<div  layout:fragment="page-content" >
	<!-- 子頁面內容 -->
</div>

2. Spring Boot + Thymeleaf如何直接訪問其中的html

如果html文件放到templates裏面。項目啓動後是不能通過路徑訪問到,會被攔截了。即ip:port/server-path/templates/xx.html不行

spring.thymeleaf.cache=false
spring.thymeleaf.prefix=classpath:templates/

只能自定義Controller跳轉到那個視圖。內部都封裝好了。 想要直接訪問可以把他拉到static姿態資源目錄下。

3. Themeleaf調用其他靜態資源

靜態資源一般放在resources/static目錄下,如 static/images, static/css, static/js。
引用方法,默認是缺省static文件夾的。如下引用

<link th:href="@{/assets/common/css/layout.css}" rel="stylesheet" />

<!--  ...  -->

<div class="text-center">
   <img th:src="@{/images/logo.png}" class="rounded" alt="..."/>
</div>

@{/images/logo.png}還不夠,對應的HTML標籤的屬性前面還要加上 th: 命名空間。
不加的話,最原始的路徑什麼文件夾和相對路徑都要考慮進去。很麻煩。

Thymeleaf HTML標籤不閉合就報錯

解決方法,加個第三方依賴配置下即可

常用資源

  1. 黑白圖標庫地址
  2. Bootstrap組件庫
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章