thymeleaf引入静态图片

要在Thymeleaf中引入静态图片，可以使用Thymeleaf的标准语法和HTML标签。具体操作如下：

1. 在HTML中使用img标签，指定图片的路径和alt属性：

<img src="../static/images/example.png" alt="example">

2. 在Thymeleaf中使用th:src属性来替代img标签中的src属性，可以动态地指定图片的路径：

<img th:src="@{/images/example.png}" alt="example">

其中，@{/images/example.png}会被Thymeleaf解析为相对于应用程序根目录的路径，因此需要在应用程序中配置静态资源路径，以便正确地加载图片。例如，如果静态资源存放在src/main/resources/static/images目录下，可以在应用程序的配置文件中添加以下配置：

spring.resources.static-locations=classpath:/static/

这样就可以正确地加载静态图片了。

相关问题

springboot整合thymeleaf使用一张图片作为html的背景图

要在Spring Boot中使用Thymeleaf将一张图片作为HTML的背景图，可以按照以下步骤进行操作：

1. 将图片文件放置在Spring Boot项目的静态资源目录下，如`src/main/resources/static/images/background.jpg`。

2. 在HTML文件中使用Thymeleaf的语法将图片作为背景图引入，例如：

   <div style="background-image: url(@{/images/background.jpg})">
     <!-- 页面内容 -->
   </div>

上述代码中，`@{/images/background.jpg}`表示访问静态资源的URL，会自动映射到项目的静态资源目录下。

3. 在Spring Boot应用程序中配置Thymeleaf视图解析器，使其能够解析HTML文件并将其返回给客户端。例如，在`application.properties`文件中添加以下配置：

   spring.thymeleaf.prefix=classpath:/templates/
   spring.thymeleaf.suffix=.html

上述配置指定了Thymeleaf模板文件的前缀和后缀，以便Thymeleaf视图解析器能够正确地解析HTML文件。

注意：如果您使用的是Spring Boot 2.4或更高版本，则可以省略上述配置，因为Spring Boot会自动配置Thymeleaf视图解析器。

完成上述步骤后，您应该能够在Spring Boot应用程序中使用Thymeleaf将一张图片作为HTML的背景图。