Thymeleaf和Spring Boot，如何构造资产文件夹以在运行时和设计时同时查看html

Question

我有一个Spring Boot2项目，使用Thymeleaf模板引擎。文件夹结构为：

main\
  resources\
    static\
      assets\
        css\
          my.css
        js\

    templates\
      index.html

（1）如果我在index.html中将my.css称为../statist/assets/css/my.css，我可以直接在浏览器中查看index.html（file：///path/to/main/resources/templates/index.html)，但是如果我在JetBrains IDEA中运行项目，并以http://localhost:8080/的形式浏览，浏览器控制台会告诉我不能找到my.css。

（2）如果我在index.html中将my.css称为Assets/css/my.css，当我在浏览器中直接查看index.html（file：///path/to/main/resources/templates/index.html）时，浏览器会告诉我不能找到my.css，但是如果我在JetBrains IDEA中运行项目，并以http://localhost:8080/的形式浏览它，浏览器视图就可以了。

因为Thymeleaf网站说它对设计时、运行时以及与程序员和设计师的合作都很友好，那么有人能告诉我如何构建我的静态资源和html模板文件夹的关系来实现这个目标吗？先多谢！

Answer 1

在Spring Boot中，静态文件从src/main/resources/static位置提供，并且可以在应用程序URL的根目录中获得。例如，如果您有src/main/resources/static/assets/css/my.css，那么当您运行应用程序时，它可以在http://localhost:8080/assets/css/my.css位置使用。

因此可以将其包含在index.html中，如下所示：

<link rel="stylesheet" href="../static/assets/css/my.css" 
    th:href="@{/assets/css/my.css}" />

这样，当您在浏览器中打开index.html时，它将使用href检测CSS，当您通过服务器启动CSS，即通过运行应用程序并在浏览器中打开它时，Thymeleaf将显示th:href。所以这两种情况都有效。