2014-09-23 24 views
5

Bahar MVC ve Thymeleaf ile bir proje yapıyorum. Ben bu klasör yapısını isem CSS dosyaları başvuruda bulunmalıdır konusunda bir sorum var:kaynak a .css dosyası, bahar mvc'de thymeleaf ile birlikte

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

Benim yapılandırma sınıfı şu şekildedir:

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

Ve böyle benim dizini dosyasında href diyoruz :

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

Ama CSS çalışmıyor örneğin tür sayfama berbat bazı unsurlar vardır.

+0

iyi olurdu projenizin yapısı ve kaynak için – geoand

+0

için sunucunuza gerçekte yapılan HTTP isteği çözümünü buldunuz mu? –

cevap

7

Yönlendiren css dosyaları için th:href özniteliğini kullanmanız gerekir. Burada thymeleaf öğreticiden bir örnek. Thymeleaf, th:href değerini değerlendiremezse, varsayılan değer href değerine ayarlanır.

<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> 
+0

işe yaramadı, kaynaklarım uri tamam mı? – stackUser2000

+0

no @Narresh, th: href – ndrone

+1

'un nasıl kullanıldığına dair bir örnek olduğunu gösterdi. Yapılandırmanız doğru görünüyor. Ancak, css dosyalarınızı webapp/css/'klasöründe bulundurmalısınız ve' th: href = "@ {/ css/bootstrap.min.css}" 'yi kullanarak başvurmalısınız. –

2

Böyle bir sorunum var! Bu adımlar bana yardımcı oldu.

  1. /resources/css/myCSS.css dizinine sahibim. Bu yüzden /css/myCSS.css gibi kök içine css koyup çıkarmıştı dizin/kaynaklar
  2. böyle MyCSS bağlantı: Eğer gösterdi eğer

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

İlgili konular