SpringBoot如何访问html和js等静态资源配置

在Spring Boot中，我们可以使用静态资源来为我们的Web应用程序提供样式表、脚本、图像和其他静态内容。在本文中，我们将详细讲解如何在Spring Boot中访问静态资源。

静态资源目录

在Spring Boot中，我们可以将静态资源放置在以下目录中：

/static
/public
/resources
/META-INF/resources

这些目录都是在classpath下的，因此我们可以直接在这些目录下创建子目录和文件来组织我们的静态资源。

静态资源访问

在Spring Boot中，我们可以使用以下方式来访问静态资源：

方式一：使用URL路径

我们可以使用URL路径来访问静态资源。例如，我们可以使用以下URL来访问位于/static/css/style.css的样式表：

http://localhost:8080/static/css/style.css

方式二：使用Thymeleaf模板

我们还可以使用Thymeleaf模板来访问静态资源。例如，我们可以使用以下代码来引用位于/static/css/style.css的样式表：

<link th:href="@{/static/css/style.css}" rel="stylesheet" />

在上面的代码中，我们使用@{/static/css/style.css}来引用位于/static/css/style.css的样式表。

静态资源配置

在Spring Boot中，我们可以使用application.properties或application.yml文件来配置静态资源的位置和缓存策略。下面是一个示例：

application.properties

# 静态资源目录
spring.resources.static-locations=classpath:/static/

# 静态资源缓存
spring.resources.cache.period=3600

在上面的代码中，我们使用spring.resources.static-locations属性来指定静态资源的目录。我们使用classpath:/static/来指定静态资源目录为classpath下的/static目录。我们使用spring.resources.cache.period属性来指定静态资源的缓存时间为3600秒。

application.yml

# 静态资源目录
spring:
  resources:
    static-locations: classpath:/static/

# 静态资源缓存
spring:
  resources:
    cache:
      period: 3600

示例说明

下面是两个示例，演示如何在Spring Boot中访问静态资源。

示例1：使用URL路径

在应用程序中，我们可以将静态资源放置在/static目录下，并使用URL路径来访问它们。下面是一个示例：

<!DOCTYPE html>
<html>
<head>
  <title>Static Resource Example</title>
  <link href="/static/css/style.css" rel="stylesheet" />
</head>
<body>
  <h1>Static Resource Example</h1>
  <p>This is an example of accessing static resources using URL path.</p>
  <script src="/static/js/script.js"></script>
</body>
</html>

在上面的代码中，我们将样式表和脚本放置在/static目录下，并使用URL路径来访问它们。

示例2：使用Thymeleaf模板

在应用程序中，我们可以将静态资源放置在/static目录下，并使用Thymeleaf模板来访问它们。下面是一个示例：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>Static Resource Example</title>
  <link th:href="@{/static/css/style.css}" rel="stylesheet" />
</head>
<body>
  <h1>Static Resource Example</h1>
  <p>This is an example of accessing static resources using Thymeleaf template.</p>
  <script th:src="@{/static/js/script.js}"></script>
</body>
</html>

在上面的代码中，我们将样式表和脚本放置在/static目录下，并使用Thymeleaf模板来访问它们。我们使用@{/static/css/style.css}和@{/static/js/script.js}来引用样式表和脚本。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：SpringBoot如何访问html和js等静态资源配置 - Python技术站