Spring Boot Uygulamalarında Webjars Kullanımı

Spring Boot

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.

<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;

.
..
...
<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.

@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.

<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

One Comment

  1. Hocam Merhaba öncelikle emeğinize sağlık çok güzel çalışmalar yapıyorsunuz. Ben webjars ı kullanıyorum localhost üzerinde sorunsuz çalışıyor ama projeyi war olarak paketledikten sonra Weblogic 12c ye deploy ettiğimde webjarları görmüyor. Hatta http 404 hatası alıyor . Acaba webjars Weblogic ile uyumsuz olabilir mi?

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Burak KUTBAY 2010 - 2019
%d blogcu bunu beğendi: