Like Share Discussion Bookmark Smile

J.J. Huang   2019-05-06   Spring Boot   瀏覽次數:

SpringBoot - 第四十二章 | Web開發之WebJars應用

在之前的文章中有講到SpringBoot讀取靜態資源的位置是放在/src/main/resources/static下面,像是一些css、js、圖檔⋯等等,而最常見的就是像是Bootstrap、jquery,然而這些也都是有版本的,當專案一多的時候依賴一多的,版本上的控管就沒有這麼方便;這陣子看文章看到一個滿好用的東西WebJars,WebJars是將web前端資源(如jQuery&Bootstrap)打成jar包文件。借助版本管理工具(Maven,gradle等)進行版本管理,保證這些Web資源版本唯一性。避免了文件混亂,版本不一致等問題。

而已下將會簡單介紹如何使用WebJars,而WebJars的原理將會在下一篇文章在特別解釋。

WebJars官方


相關配置

  • 加入pom的依賴
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>4.3.1</version>
    </dependency>

    <dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.4.1</version>
    </dependency>

可以看到project依賴jar包,依賴中就有了bootstrap.jar和jquery.jar


建立index.html


測試

啟動應用並瀏覽 http://localhost:8080

可以看到頁面呈現的效果是已經套了bootstrap的效果

以上非常無敵簡單的步驟,只是想要先知道如何使用WebJars,然而原理的部分,將會再下一章特別提出來演示。

註:以上參考了
SpringBoot使用WebJars