当我在代码中使用 thymeleaf 并将标头代码替换为单独的文件时，然后不显示标头选项卡

Question

我正在学习 Spring Boot 并在我的项目中使用 Thymeleaf。当我将标头代码替换为同一文件夹中的单独文件并使用 Thymeleaf 的替换语法时，CSS、JS 和 Bootstrap 代码不会显示在网站上。当我尝试在端口 8080 上运行它时，仅显示 HTML 代码，而不显示 CSS、JS 或 Bootstrap。

日志输出错误 2024-05-17T09:44:23.684+05:30 警告 17192 --- [nio-8081-exec-1] actStandardFragmentInsertionTagProcessor : [THYMELEAF][http-nio-8081-exec-1][home.html] 已弃用展开的片段表达式 "footer :: footer" 位于模板 home.html，第 353 行，第 6 列。 请使用片段表达式的完整语法 ("~{footer :: footer}")。片段表达式的旧的、未包装的语法将在 Thymeleaf 的未来版本中删除。

这是我使用的语法

目录图片

头文件

Answer 1

我看到你是这样引用CSS文件的：

<link rel="stylesheet" href="/static/css/style-starter.css">

Spring Boot 提供根目录下

static

文件夹内的内容，因此您应该使用如下所示的内容：

<link rel="stylesheet" th:href="@{/css/style-starter.css}">