web-dev-qa-db-ja.com

SpringMVCのthymeleafで.cssファイルを参照する

SpringMVCと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が機能していないなど、私のページで混乱している要素がいくつかあります。

htmlcssspringspring-mvcthymeleaf
6
stackUser2000

私はそのような問題を抱えています！そのステップは私を助けました。

  1. 私はディレクトリ/resources/css/myCSS.cssを持っています。だから私はcssを/css/myCSS.cssのようにルートに入れ、ディレクトリ/ resourcesを削除しました
  2. MyCSSを次のようにリンクします。

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

4
Максим Кмец