référence à un .fichier css avec thymeleaf dans spring mvc

Je suis en train de faire un projet avec spring MVC et Thymeleaf. J'ai une question à propos de comment je doit faire référence à mes fichiers CSS si j'ai cette structure de dossier:

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

Ma configuration est la classe comme ceci:

@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/**");
}

Et j'appelle href dans mon fichier d'index comme ceci:

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

Mais il y a certains éléments qui sont un peu foiré dans ma page, par exemple le CSS ne fonctionne pas.

Il serait bon si vous avez montré la structure de votre projet ainsi que la requête HTTP qui est mis à votre serveur pour la ressource
Avez-vous trouvé la solution?

OriginalL'auteur stackUser2000 | 2014-09-23

  1. 9

    Vous aurez besoin d'utiliser th:href attribut de renvoi des fichiers css. Voici un exemple de thymeleaf tutoriel. Si thymeleaf ne peut pas évaluer th:href valeur, la valeur par défaut href valeur. 

    <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>
    cela n'a pas fonctionné, sont mes ressources uri d'accord?
    pas de quoi @Narresh vous a montré était un exemple d'utilisation de th:href
    Votre configuration semble être correct. toutefois, vous devriez avoir vos fichiers css dans webapp/css/ dossier et vous devez vous reporter à l'aide de th:href="@{/css/bootstrap.min.css}"

    OriginalL'auteur Naresh Vavilala

  2. 3

    J'ai un tel problème!Qui suit m'a aidé.

    1. J'ai le répertoire /ressources/css/myCSS.css. J'ai donc dû mettre les css à la racine comme /css/myCSS.css et supprimé le répertoire /ressources
    2. Je lien MyCSS comme ceci:

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

    OriginalL'auteur Максим Кмец