Thymeleaf——访问静态资源(static)解决方案
生活随笔
收集整理的這篇文章主要介紹了
Thymeleaf——访问静态资源(static)解决方案
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
官方文檔
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#server-root-relative-urls
解決方案
Spring Boot在Thymeleaf結構模塊很好提供了靜態(tài)資源的引用方法
可以使用其他語法來創(chuàng)建相對于服務器根目錄的URL（而不是上下文根目錄的URL），以便鏈接到同一服務器中的不同上下文。這些網(wǎng)址的指定方式如下@{~/path/to/something}
th:[href | src]@{資源在static下的目錄}
如：@{lib/jquery.js}
不用填寫默認的static文件夾
參考案例?
1、資源目錄結構
2、templates目錄下的ws.html可以這樣引用static下的資源文件
<!DOCTYPE html> <html lang="en" xmlns:th="https://www.thymeleaf.org"> <head><meta charset="UTF-8"><title>xxx</title><link rel="stylesheet" type="text/css" th:href="@{css/ws.css}"/> </head> <body><!-- 導入庫 --> <script th:src="@{lib/sockjs.min.js}"></script> <script th:src="@{lib/stomp.min.js}"></script> <script th:src="@{lib/jquery.js}"></script> <script th:src="@{js/ws.js}"></script> </body> </html>使用原始的相對路徑的話，則為 href="…/static/css/ws.css"， src="…/static/lib/jquery.js"
注意：使用Thymeleaf的引用方法，只有運行項目才有效。普通打開HTML無法解析。?
參考文章
https://www.cnblogs.com/duanqiao123/p/10488031.html
https://blog.csdn.net/chenbetter1996/article/details/84994801
總結
以上是生活随笔為你收集整理的Thymeleaf——访问静态资源(static)解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JAVA——HttpClient封装工具
- 下一篇： Alibaba Cloud Toolki