首页thymeleaf模版加载css或js

thymeleaf模版加载css或js

时间: 2023-09-05 09:07:17 浏览: 81

如果你使用 Thymeleaf 模板来构建你的网站，你可以在 Thymeleaf 模板中使用标准的 HTML `<link>` 和 `<script>` 标签来加载 CSS 和 JavaScript 文件。例如，要加载一个名为 `style.css` 的 CSS 文件，你可以在你的 HTML 页面中添加以下代码： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>My Page</title> <link rel="stylesheet" type="text/css" href="/path/to/style.css" th:href="@{/path/to/style.css}"> </head> <body>  </body> </html> ``` 这里的 `href` 属性指定了你的 CSS 文件的路径，而 `th:href` 属性则使用了 Thymeleaf 的表达式语言来动态地生成 CSS 文件的路径。注意，这里的路径应该是相对于你的 Web 应用程序的根目录的相对路径。同样，你可以使用类似的方法来加载 JavaScript 文件。例如： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>My Page</title> <script type="text/javascript" src="/path/to/script.js" th:src="@{/path/to/script.js}"></script> </head> <body>  </body> </html> ``` 这里的 `src` 属性指定了你的 JavaScript 文件的路径，而 `th:src` 属性则使用了 Thymeleaf 的表达式语言来动态地生成 JavaScript 文件的路径。同样需要注意路径相对于 Web 应用程序的根目录。

阅读全文