Question

我正在与spring MVC和Thymeleaf合作。如果我有这个文件夹结构，我有一个关于如何引用我的CSS文件的问题：

src
  main
    webapp
     resources
       myCssFolder
         myCssFile.css
     web-inf
       spring
       views
         myViewFolder
           index.html

我的配置类是这样的：

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/css/**").addResourceLocations("/css/**");
    registry.addResourceHandler("/img/**").addResourceLocations("/img/**");
    registry.addResourceHandler("/js/**").addResourceLocations("/js/**");
    registry.addResourceHandler("/sound/**").addResourceLocations("/sound/**");
    registry.addResourceHandler("/fonts/**").addResourceLocations("/fonts/**");
}

我在索引文件中调用href，如下所示：

href="resources/css/bootstrap.min.css"

但是有些元素在我的页面中有些混乱，例如CSS无效。

Answer 1

您需要使用th:href属性来引用css文件。以下是百里叶教程的示例。如果百里香叶无法评估th:href值，则默认为href值。

<head>
    <title>Good Thymes Virtual Grocery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="all"  
      href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
 </head>

Answer 2

我有这样的问题！那些步骤帮助了我。

我有目录/resources/css/myCSS.css。所以我把css放到root中就像/css/myCSS.css并删除了目录/资源
我像这样链接MyCSS：

<link th:href="@{/css/MyCSS.css}" href="/css/MyCSS.css" rel="stylesheet" type="text/css" />

Answer 3

我在下面使用过并且工作正常

这里我从 css 文件夹路径使用.. 不包括静态文件夹

<link rel="stylesheet" type="text/css" media="all" href="/css/index.css" th:href="@{/css/index.css}" />

在spring mvc中引用一个带有百里香的.css文件

3 个答案: