【原】SpringBoot靜態(tài)資源文件目錄

碼農(nóng)9527 2021-08-04

展開(kāi)全文

SpringBoot在默認(rèn)的情況下提供了4個(gè)靜態(tài)資源目錄：

/static：classpath:/static/
/public：classpath:/public/
/resources：classpath:/resources/
/META-INF/resources：classpath:/META-INF/resources/1234復(fù)制代碼類型：[java]

靜態(tài)資源是指圖片，css文件，js文件等。

classpath	在maven項(xiàng)目中指的是 src->main->java或 src->main->resources 下面的目錄
static	用來(lái)存放圖片，css文件，js文件等靜態(tài)文件
public	用來(lái)存放可以被公開(kāi)訪問(wèn)的html文件
resources META-INF/resources	留給程序使用的靜態(tài)資源目錄

我們還可以自行配置靜態(tài)資源目錄：

spring:
  resources: static-locations: classpath:/mystatic/123復(fù)制代碼類型：[java]

spring.resources.static-locations指定了靜態(tài)資源的位置。一旦自行配置了靜態(tài)資源目錄，系統(tǒng)就會(huì)放棄掉默認(rèn)的靜態(tài)資源目錄，輕易不要自己配置。SpringBoot在默認(rèn)的情況下提供的4個(gè)靜態(tài)資源目錄足夠我們使用。

我們?cè)趓esources下的public文件下創(chuàng)建index.html，當(dāng)我們?cè)诰W(wǎng)頁(yè)訪問(wèn)根目錄時(shí)會(huì)直接訪問(wèn)到index.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>index</title>
</head>
<body>
<h1>JavaFamily</h1>
</body>
</html>12345678910復(fù)制代碼類型：[java]

然后在static文件下創(chuàng)建favicon.ico文件(一張圖片)，這張圖片會(huì)自動(dòng)被SpringBoot設(shè)置為圖標(biāo)：

SpringBoot靜態(tài)資源文件目錄

執(zhí)行代碼，在瀏覽器訪問(wèn)http://localhost:8888

SpringBoot靜態(tài)資源文件目錄

如果圖標(biāo)顯示不出來(lái)，建議刷新瀏覽器緩存：

Mac：command+shift+r

windows：ctrl+F5

WebJars

將通用的Web前端資源打包成Java的Jar包，借助Maven工具對(duì)其管理，保證這些Web資源版本唯一性，簡(jiǎn)而言之，WebJars是打包在JAR存檔文件中的客戶端依賴項(xiàng)。它們適用于大多數(shù)JVM容器和Web框架，升級(jí)也比較容易。

為什么要使用WebJars？因?yàn)楹?jiǎn)單！他可以輕松的管理web中的依賴，使用maven就能下載web依賴。還可以對(duì)頁(yè)面依賴的版本進(jìn)行自動(dòng)檢測(cè)，解決了web組件傳遞依賴的問(wèn)題和版本問(wèn)題。

https://www./一個(gè)專門的webjars資源網(wǎng)站，可以在這里尋找自己需要的資源。在自己的項(xiàng)目中添加對(duì)應(yīng)的maven依賴，就可以使用它們了。

SpringBoot靜態(tài)資源文件目錄

我們將jquery和bootstrap引入pom.xml文件中：

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

<dependency>
   <groupId>org.webjars</groupId>
   <artifactId>bootstrap</artifactId>
   <version>5.0.2</version>
</dependency>1234567891011復(fù)制代碼類型：[java]

之后編寫(xiě)index.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>index</title>
 <link rel="stylesheet" href="/webjars/bootstrap/5.0.2/css/bootstrap.min.css">
</head>
<body>
<h1 style="color: red">JavaFamily</h1>
<strong>SUCCESS!</strong>
<script src="/webjars/jquery/3.6.0/jquery.min.js "></script>
<script src="/webjars/bootstrap/5.0.2/js/bootstrap.min.js"></script>
</body>
</html>1234567891011121314復(fù)制代碼類型：[java]

SpringBoot靜態(tài)資源文件目錄

如果不想添加jquery和bootstrap依賴的版本號(hào)，并且使用的是Spring4.2以上的版本。那么可以使用加入webjars-locator組件：

<dependency>
   <groupId>org.webjars</groupId>
   <artifactId>webjars-locator</artifactId>
   <version>0.41</version>
</dependency>12345復(fù)制代碼類型：[java]

使用組件之后就不需要在寫(xiě)版本號(hào)了。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>index</title>
 <link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css">
</head>
<body>
<h1 style="color: red">JavaFamily</h1>
<strong>SUCCESS!</strong>
<script src="/webjars/jquery/jquery.min.js "></script>
<script src="/webjars/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>