首页thymeleaf 引入js css

thymeleaf 引入js css

时间: 2023-07-06 13:08:25 浏览: 111

在 Thymeleaf 中引入 JavaScript 和 CSS 的方法与普通的 HTML 引入方式类似，只需要在 HTML 文档中添加 `<script>` 和 `<link>` 标签即可。下面是一个示例： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Thymeleaf Example</title> <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" /> </head> <body> <h1>Thymeleaf Example</h1> <script th:src="@{/js/script.js}"></script> </body> </html> ``` 在这个示例中，我们引入了 `style.css` 和 `script.js` 两个文件，它们分别放在 `src/main/resources/static/css` 和 `src/main/resources/static/js` 目录下。注意到我们使用了 Thymeleaf 的表达式 `th:href` 和 `th:src` 来引用这两个文件。`@{/}` 表示根目录，所以 `@{/css/style.css}` 表示引用 `css` 目录下的 `style.css` 文件，`@{/js/script.js}` 表示引用 `js` 目录下的 `script.js` 文件。如果你的 CSS 或 JavaScript 文件不在 `static` 目录下，则需要相应地修改路径。如果你使用的是 Spring Boot，还需要将 `spring.resources.static-locations` 配置项设置为你的资源目录路径。例如： ```properties spring.resources.static-locations=classpath:/static/,classpath:/other-resources/ ```

阅读全文