WebJars&靜態資源

轉載: https://blog.csdn.net/gozhuyinglong/article/details/80573771

建立SpringBoot 的Web專案

在建立SpringBoot專案時，勾選Web依賴

二、使用WebJars管理css&js

Web前端使用了越來越多的JS或CSS，如jQuery, Backbone.js 和Bootstrap。一般情況下，我們是將這些Web資源拷貝到Java的目錄下，通過手工進行管理，這種通方式容易導致檔案混亂、版本不一致等問題。

WebJars是將這些通用的Web前端資源打包成Java的Jar包，然後藉助Maven工具對其管理，保證這些Web資源版本唯一性，升級也比較容易。關於webjars資源，有一個專門的網站

下面以jQuery為例，來使用一下WebJars

1.pom中引入依賴

我們可以從WebJars官方檢視maven依賴，如下圖

將jquery引入pom檔案中

            <!--引入jquery-->
            <dependency>
                <groupId>org.webjars</groupId>
                <artifactId>jquery</artifactId>
                <version>3.3.1-1</version>
            </dependency>
 

• 1
• 2
• 3
• 4
• 5
• 6

2.訪問引入的js檔案

檢視引入的jar包

SpringBoot將對/webjars/**的訪問重定向到classpath:/META-INF/resources/webjars/**

所以可使用目錄 /webjars/jquery/3.3.1-1/jquery.js 訪問靜態資源，如下圖所示

三、靜態資源

1.靜態資源目錄

SpringBoot預設配置下，提供了以下幾個靜態資源目錄：

/static：classpath:/static/

/public：classpath:/public/

/resources：classpath:/resources/

/META-INF/resources

當然，可以通過spring.resources.static-locations配置指定靜態檔案的位置。

    #配置靜態資源
    spring:
      resources:
        #指定靜態資源目錄
        static-locations: classpath:/mystatic/

• 1
• 2
• 3
• 4
• 5

2.favicon.ico圖示

如果在配置的靜態資源目錄中有favicon.ico檔案，SpringBoot會自動將其設定為應用圖示。

3.歡迎頁面

SpringBoot支援靜態和模板歡迎頁，它首先在靜態資源目錄檢視index.html檔案做為首頁，若未找到則查詢index模板。