Spring Boot Uygulamalarında Webjars Kullanımı
Spring Boot Dersleri‘ne devam ediyoruz.
Spring Boot web uygulamalarında Bootstrap, JQuery, CoffeeScript gibi web kütüphanelerini kolaylıkla kullanabilmemizi sağlayan bir kütüphanedir Webjars. Spring Boot ile web uygulaması yapmak için illaki webjars’a ihtiyaç yoktur. Webjars’ı kullanma amacı kolaylıkla projeye eklenebilir olmasından dolayıdır. Webjars’ı kullanmadan da istenilen kütüphaneleri eklemek mümkündür.
Önceki dersimizde webjars kütüphanesini kullanarak bir uygulama yapmıştık.
|
1 2 3 4 5 6 7 8 9 10 |
<dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7-1</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>3.1.1</version> </dependency> |
Önceki dersimizde yaptığımız uygulamamızda bu kütüphanleri projemizde ekledikten sonra Bootstrap ya da jquery’i web sayfamıza ekleyerek kullanmak istediğimizde;
|
1 2 3 4 5 6 7 8 |
. .. ... <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script> <script src="/webjars/jquery/3.1.1/jquery.min.js"></script> ... .. . |
eklememiz yeterli olmaktadır.
Bu kadar kolay kullanımın yanı sıra dikkat edilmesi gereken tek nokta Spring’e webjars kütüphanesine tanıtmaktır. Bu tanıtım ile kütüphanenin tanınması ve kullanılması sağlanmaktadır.
|
1 2 3 4 5 6 7 8 9 10 11 |
@Configuration @EnableWebMvc public class WebConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry .addResourceHandler("/webjars/**") .addResourceLocations("/webjars/"); } } |
Bu yapılan işlemlerin sonrasında Spring Boot uygulamanızda Webjars’ı ekleyerek kullanmamızın önü açılmış oluyor.
Web sayfamızda kullanaileceğimizin testi ise aşağıdaki gibi yapabiliriz.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<html> <head> <script src="/webjars/jquery/3.1.1/jquery.min.js"></script> <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script> <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" /> </head> <body> <div class="container"> Merhaba Dünya! </div> </body> </html> |
Güzel kodlamalar dilerim.
| Önceki Ders: Spring Boot MVC Uygulaması Kullanıcı Kayıt Formu Giriş Çıkış İşlemleri |
| Spring Boot Dersleri |
| Sonraki Ders: SSL İşlemleri , HTTPS Aktif Etmek |
