SpringBoot使用WebJars統(tǒng)一管理靜態(tài)資源的方法

更新時間：2018年12月26日 11:32:26 作者：yizhiwazi

這篇文章主要介紹了SpringBoot使用WebJars統(tǒng)一管理靜態(tài)資源的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

傳統(tǒng)管理靜態(tài)資源主要依賴于復制粘貼，不利于后期維護，為了讓大家往后更舒心，讓WebJars給靜態(tài)資源來一次搬家革命吧??！

學習目標

簡單兩步！快速學會使用WebJars統(tǒng)一管理前端依賴。

快速查閱

源碼下載：SpringBoot Webjars Learning

使用教程

一、引入相關依賴

在 WebJars官網(wǎng) 找到項目中需要的依賴，例如在項目中引入jQuery、BootStrap前端組件等。例如：

版本定位工具：webjars-locator-core
前端組件：jquery 、bootstrap

  <dependency><!--Webjars版本定位工具（前端）-->
    <groupId>org.webjars</groupId>
    <artifactId>webjars-locator-core</artifactId>
   </dependency>

   <dependency><!--Jquery組件（前端）-->
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1</version>
   </dependency>

二、訪問靜態(tài)資源

在瀏覽器訪問靜態(tài)資源：

快速訪問：http://localhost:8080/webjars/jquery/jquery.js （推薦）
快速訪問：http://localhost:8080/webjars/jquery/3.3.1/jquery.js

新手提問：

有小伙伴可能疑問，既然SpringBoot天然支持WebJars的靜態(tài)資源訪問，為什么還要額外添加定位工具webjars-locator-core呢？

快速答疑：

主要是為了解決訪問WebJars靜態(tài)資源時必須攜帶版本號的繁瑣問題。舉個例子，某項目準備將BootStrap 3.3.x 升級到 4.x 大版本，此時除了在POM文件調(diào)整之外，還需要大面積的在頁面中調(diào)整因為版本號變更引起問題的路徑，而使用定位器之后無需輸入版本號自動定位。

總結(jié)

使用WebJars對前端依賴進行統(tǒng)一管理有什么好處呢？

1、靜態(tài)資源版本化

傳統(tǒng)的靜態(tài)資源需要自行維護，資源種類繁多，使得項目后期越來越臃腫，維護版本升級也變得困難，而使用WebJars方式進行管理后，版本升級問題迎刃而解。

2、提升編譯速度

經(jīng)測試，使用WebJars的方式管理依賴可以給項目的編譯速度帶來2-5倍的速度提升，還在猶豫的小伙伴快點嘗試起來吧！

3、在WebJars官方找不到自己想要的依賴怎么辦？

解決辦法：將下載好的靜態(tài)資源目錄發(fā)布到公司私服倉庫即可。

例如：新建一個SpringBoot項目，手工創(chuàng)建目錄 META-INF/resources/ ，將靜態(tài)資源完整復制進去，然后發(fā)布公司Maven私服即可。當然，這只是簡潔做法，如果想按照打造標準的WebJars資源請繼續(xù)看下方。

4、將靜態(tài)資源發(fā)布成標準的Webjars格式怎么弄？

解決辦法：以Metronic為例發(fā)布標準的webjars 資源到公司私服。

WebJars發(fā)布流程：

1、新建SpringBoot工程然后在src\main\resources\ 新建目錄 META-INF\resources\webjars\metronic 重點來了這里4.1.9 必須跟POM文件的<version>4.1.9</version>保持一致。

2、修改POM文件填寫項目信息和公司私服地址。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 <modelVersion>4.0.0</modelVersion>
 <!--項目信息-->
 <groupId>org.webjars</groupId>
 <artifactId>metronic</artifactId>
 <version>4.1.9</version>
 <packaging>jar</packaging>
 <name>metronic</name>
 <description>metronic</description>

 <!--維護信息-->
 <developers>
  <developer>
   <name>socks</name>
   <email>https://github.com/yizhiwazi</email>
  </developer>
 </developers>

 <!--發(fā)布地址-->
 <distributionManagement>
  <repository>
   <id>xx-repo</id>
    <!--這里替換成公司私服地址-->
<url>http://127.0.0.1:8088/nexus/content/repositories/thirdparty/</url>
  </repository>
  <snapshotRepository>
   <id>xx-plugin-repo</id>
    <!--這里替換成公司私服地址-->
<url>http://127.0.0.1:8088/nexus/content/repositories/thirdparty/</url>
  </snapshotRepository>
 </distributionManagement>

</project>

3、在本地MAVEN的配置文件指定公司私服的賬號密碼。

<?xml version="1.0" encoding="UTF-8"?>

<settings xmlns="http://maven.apache.org/SETTINGS/1.0.0"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0 http://maven.apache.org/xsd/settings-1.0.0.xsd">


 <localRepository>D:\dev\mvnrepository</localRepository>

 <mirrors>
   <!-- 阿里云倉庫 -->
   <mirror>
    <id>aliyun</id>
    <mirrorOf>central</mirrorOf>
    <name>aliyun-all</name>
    <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
   </mirror>
  
   <!-- 中央倉庫1 -->
   <mirror>
    <id>repo1</id>
    <mirrorOf>central</mirrorOf>
    <name>Human Readable Name for this Mirror.</name>
    <url>http://repo1.maven.org/maven2/</url>
   </mirror>
  
   <!-- 中央倉庫2 -->
   <mirror>
    <id>repo2</id>
    <mirrorOf>central</mirrorOf>
    <name>Human Readable Name for this Mirror.</name>
    <url>http://repo2.maven.org/maven2/</url>
   </mirror>
 </mirrors> 
 
  <!-- 暫時在發(fā)布倉庫到213的時候用到-->
  <servers>
  <!-- 倉庫地址賬號 -->
  <server>
   <id>xx-repo</id>
   <username>admin</username>
   <password>123456</password>
  </server>
  <!-- 插件地址賬號 -->
  <server>
   <id>xx-plugin-repo</id>
   <username>admin</username>
   <password>123456</password>
  </server>
 </servers>

</settings>

4、打開IDEA->Maven->Deploy 將項目到公司私服，大功告成。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Java冒泡排序的定義與實例代碼
這篇文章主要給大家介紹了關于Java冒泡排序的定義與實例的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-12-12
解析Java的Hibernate框架中的持久化類和映射文件
這篇文章主要介紹了Java的Hibernate框架中的持久化類和映射文件,Hibernate是Java的SSH三大web開發(fā)框架之一,需要的朋友可以參考下
2015-12-12
java實現(xiàn)字符串和日期類型相互轉(zhuǎn)換的方法
這篇文章主要介紹了java實現(xiàn)字符串和日期類型相互轉(zhuǎn)換的方法,涉及java針對日期與字符串的轉(zhuǎn)換與運算相關操作技巧,需要的朋友可以參考下
2017-02-02
logback使用MDCFilter日志過濾源碼解讀
這篇文章主要介紹了logback使用MDCFilter日志過濾源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
SpringBoot?自定義starter?yaml提示失效問題及解決方法
在自定義starter后，必不可少會有properties配置參數(shù)需要指定，而在有時又不知道為什么出現(xiàn)這個問題，這篇文章主要介紹了SpringBoot?自定義starter?yaml提示失效問題,需要的朋友可以參考下
2022-12-12
Java中線程組ThreadGroup與線程池的區(qū)別及示例
這篇文章主要介紹了Java中線程組與線程池的區(qū)別及示例,ThreadGroup是用來管理一組線程的，可以控制線程的執(zhí)行，查看線程的執(zhí)行狀態(tài)等操作，方便對于一組線程的統(tǒng)一管理,需要的朋友可以參考下
2023-05-05
Java中Map的遍歷方法及性能測試
這篇文章主要介紹了Java中Map的遍歷方法及性能測試,本文講解對HashMap、TreeMap進行對比測試,給出測試代碼、測試結(jié)果和測試結(jié)論,需要的朋友可以參考下
2015-01-01
SpringBoot實現(xiàn)yml配置文件為變量賦值
這篇文章主要介紹了SpringBoot實現(xiàn)yml配置文件為變量賦值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-02-02
Java對稱加密工作模式原理詳解
這篇文章主要介紹了Java對稱加密工作模式原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-02-02
Java開發(fā)中POJO和JSON互轉(zhuǎn)時如何忽略隱藏字段的問題
這篇文章主要介紹了Java開發(fā)中POJO和JSON互轉(zhuǎn)時如何忽略隱藏字段的問題,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-02-02