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

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

展開全文

SpringBoot在默認的情況下提供了4個靜態(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項目中指的是 src->main->java或 src->main->resources 下面的目錄
static	用來存放圖片，css文件，js文件等靜態(tài)文件
public	用來存放可以被公開訪問的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)就會放棄掉默認的靜態(tài)資源目錄，輕易不要自己配置。SpringBoot在默認的情況下提供的4個靜態(tài)資源目錄足夠我們使用。

我們在resources下的public文件下創(chuàng)建index.html，當我們在網(wǎng)頁訪問根目錄時會直接訪問到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文件(一張圖片)，這張圖片會自動被SpringBoot設(shè)置為圖標：

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

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

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

如果圖標顯示不出來，建議刷新瀏覽器緩存：

Mac：command+shift+r

windows：ctrl+F5

WebJars

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

為什么要使用WebJars？因為簡單！他可以輕松的管理web中的依賴，使用maven就能下載web依賴。還可以對頁面依賴的版本進行自動檢測，解決了web組件傳遞依賴的問題和版本問題。

https://www./一個專門的webjars資源網(wǎng)站，可以在這里尋找自己需要的資源。在自己的項目中添加對應(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]

之后編寫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依賴的版本號，并且使用的是Spring4.2以上的版本。那么可以使用加入webjars-locator組件：

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

使用組件之后就不需要在寫版本號了。

<!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>