SpringBoot 入坑(三)使用thymeleaf模板引入資源(展示異常)問題

小編在使用thymeleaf引擎引入靜態資源文件的時候,總是有時候可以完成展示,有時候不能完成展示,有時候導入可以正常展示,有時候不導入才能正常展示樣式,所以這樣弄的小編就很懵,於是小編稍作小小修改就保證了樣式正常展示的效果了,下面一起來看看吧

1.小編最開始使用的是這樣引入CSS靜態資源(自己額外寫了一個引擎解析),小編將資源放到了static文件夾下

在這裏插入圖片描述

<!-- Bootstrap core CSS -->
		<link href="asserts/css/bootstrap.min.css" th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">

1.1 然後這裏訪問的時候,小編查看了源代碼,發現路徑確實是被thymeleaf引擎替代解析了,但是得到的樣式確實不盡人意

在這裏插入圖片描述

1.2 這裏通過路徑是可以直接訪問資源文件的,是正確的資源路徑,於是效果圖如下

在這裏插入圖片描述

1.3 這裏是出現了樣式完全亂掉了,或者是說有一些樣式沒有加載出來

1.4 於是小編嘗試在導入的時候直接引入引擎解析的路徑

		<!-- Bootstrap core CSS -->
		<link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link  th:href="@{/asserts/css/signin.css}" rel="stylesheet">

1.5 重新部署了項目+重啓了服務器,然後再次訪問

在這裏插入圖片描述

在這裏樣式又恢復了正常,然後小編又查看了網頁源代碼,發現完全是一摸一樣的,但是就是不知道爲什麼會造成這樣的差異,一直到現在還沒弄明白。。。也希望有大佬能夠解釋一下其中的奧祕

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章