Spring ile sayfa kaynaklarına mapping yöntemiyle erişim

Merhaba, bu yazımda sizlere spring projelerinize kaynak(css, js, png,.. vs) dosyaları nasıl dahil edeceğinizi anlatacağım.

1- öncelikli olarak bir spring web projesi oluşturun.

2- webapp dizini altında resources dizini ve onun altında da erişmek istediğiniz kaynakları  oluşturun
ÖRN: css/custom.css

resources/css/custom.css

3- beans xml dosyasının en üst kısmına(defination yapılan kısma) alttaki  satırları ekleyin. bu sayede spring mvc ile resources mapping (kaynak haritalama-tanımlama) işlemi gerçekleştireceğiz

xmlns:mvc="http://www.springframework.org/schema/mvc"

(xsi:schemaLocation kısmınada bu satırları eklemelisiniz)

http://www.springframework.org/schema/mvc

http://www.springframework.org/schema/mvc/spring-mvc.xsd

4- resoources dizinindeki tüm kaynakları static path olarak map edin.

<!--resources access(mapping)--><mvc:resources mapping="/static/**" location="/resources/"/>

<mvc:annotation-driven/>

üstteki tanımın,  resources/ dizinindeki tüm kaynaklara static sözcüğü(path) ile erişeceğim demektir.


5-  Aşağıdaki şekilde kaynak(css) dosyaları sayfanıza dahil edebilirsiniz.

<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/custom.css">

6- Aşğağıdaki tanımla da png dosyalarını syfanıza çağırabilirsiniz.

<img src="${pageContext.request.contextPath}/static/img/spring.png" />

sonrasında çağırmak istediğiniz dosyaları yine benzer şekilde çağırabilirsiniz


NOT: Üstteki şekilde map ederek kaynakları sayfalarda çağırmanız durumunda;  oluşan html sayfalarında sağ tıklayıp kaynağı görüntüle dendiğinde kaynak dosyaların gerçek dizinleri değil map edilmiş dizinleri görünecektir. Bu da projenizi güvenlik konularında bir adım daha öne taşıyacaktır.

kaynak dosyalar(github) : indirmek için tıklayın