本文作者：Spring_ZYL
意見(jiàn)反饋：15065421873@163.com
文章來(lái)源：https://blog.csdn.net/gozhuyinglong
版權(quán)聲明：本文版權(quán)歸作者所有，轉(zhuǎn)載請(qǐng)注明出處

一、創(chuàng)建SpringBoot 的Web項(xiàng)目

在創(chuàng)建SpringBoot項(xiàng)目時(shí)，勾選Web依賴

二、使用WebJars管理css&js

Web前端使用了越來(lái)越多的JS或CSS，如jQuery, Backbone.js 和Bootstrap。一般情況下，我們是將這些Web資源拷貝到Java的目錄下，通過(guò)手工進(jìn)行管理，這種通方式容易導(dǎo)致文件混亂、版本不一致等問(wèn)題。

WebJars是將這些通用的Web前端資源打包成Java的Jar包，然后借助Maven工具對(duì)其管理，保證這些Web資源版本唯一性，升級(jí)也比較容易。關(guān)于webjars資源，有一個(gè)專(zhuān)門(mén)的網(wǎng)站https://www.webjars.org/，我們可以到這個(gè)網(wǎng)站上找到自己需要的資源，在自己的工程中添加入maven依賴，即可直接使用這些資源了。

下面以jQuery為例，來(lái)使用一下WebJars

1.pom中引入依賴

我們可以從WebJars官方查看maven依賴，如下圖

將jquery引入pom文件中

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

2.訪問(wèn)引入的js文件

查看引入的jar包

SpringBoot將對(duì)/webjars/**的訪問(wèn)重定向到classpath:/META-INF/resources/webjars/**

所以可使用目錄 /webjars/jquery/3.3.1-1/jquery.js 訪問(wèn)靜態(tài)資源，如下圖所示

三、靜態(tài)資源

1.靜態(tài)資源目錄

SpringBoot默認(rèn)配置下，提供了以下幾個(gè)靜態(tài)資源目錄：

/static：classpath:/static/

/public：classpath:/public/

/resources：classpath:/resources/

/META-INF/resources：classpath:/META-INF/resources/

當(dāng)然，可以通過(guò)spring.resources.static-locations配置指定靜態(tài)文件的位置。

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

2.favicon.ico圖標(biāo)

如果在配置的靜態(tài)資源目錄中有favicon.ico文件，SpringBoot會(huì)自動(dòng)將其設(shè)置為應(yīng)用圖標(biāo)。

3.歡迎頁(yè)面

SpringBoot支持靜態(tài)和模板歡迎頁(yè)，它首先在靜態(tài)資源目錄查看index.html文件做為首頁(yè)，若未找到則查找index模板。