springboot使用thymeleaf的方式引用static中的静态资源方法，引用框架文件资源方法

最新推荐文章于 2025-07-08 15:57:08 发布
原创 最新推荐文章于 2025-07-08 15:57:08 发布 · 1.1w 阅读 · 3 ·
CC 4.0 BY-SA版权
未经允许，不可转载 by张小三
文章标签：

#张小三 #springboot #ssm #thymeleaf #静态资源

本文介绍在SpringBoot项目中，如何利用Thymeleaf在HTML页面引入src/main/resources/static下的静态资源文件，包括wind10ui框架和layui框架的使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当我们在开发网站时为了快速完成，避免不了使用第三方的框架文件。这样我们就得引用框架中的各种资源文件。那么，在springboot中通过 thymeleaf如何在html中使用static文件夹下的静态资源的公共文件呢?

前提：在springboot项目中使用thymeleaf插件，wind10ui框架，layui框架

实现功能：在springboot项目中通过使用thymeleaf的方式在前端的html页面中使用src/main/resources/static中的静态资源文件。

我的src/main/resources/static中的静态资源文件目录结构如下图：

1.在html页面中引入thymeleaf的依赖。如下

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

 

文章已移至订阅号

【SpringBoot】3、SpringBoot中整合Thymeleaf模板引擎
Asurplus
04-16 21万+
SpringBoot 为我们提供了 Thymeleaf 自动化配置解决方案，所以我们在 SpringBoot 中使用 Thymeleaf 非常方便 一、简介 Thymeleaf是一个流行的模板引擎，该模板引擎采用Java语言开发，模板引擎是一个技术名词，是跨领域跨平台的概念，在Java语言体系下有模板引擎，在C#、PHP语言体系下也有模板引擎。除了thymeleaf之外还有Velocity、Fr...
SpringBoot整合Thymeleaf静态资源处理全指南
源滚滚编程
04-17 559
在# 指定多个静态资源目录# 设置Thymeleaf模板位置SpringBoot与Thymeleaf的静态资源处理机制，体现了现代化框架对开发效率与运行性能的平衡。从基础路径映射到高级缓存策略，开发者需要深入理解资源加载的生命周期，才能构建出高性能的Web应用。随着云原生技术的发展，结合对象存储服务与边缘计算，静态资源管理将进入更智能化的新阶段。
springboot使用thymeleaf的方式引用static中的静态资源以及引用框架文件资源方法
weixin_44195615的博客
02-17 2391
一、实现：在springboot项目中通过使用thymeleaf的方式在前端的html页面中使用src/main/resources/static中的静态资源文件。 二、在src/main/resources/static中的静态资源文件目录结构如下图 1.在html页面中引入thymeleaf的依赖。如下 <html lang="en" xmlns:th="http://www.thym...
八，SpringBoot Web 开发访问静态资源(附+详细源码剖析)
最新发布
2501_92608043的博客
07-08 1106
只要将静态资源放在类路径下: /static, /public, /resources, /META-INF/resources 就可以被直接访问-对应文件（这是 Spring Boot 的默认设置好的关于这一点，我们从这个类的源码上可以找到，对应的配置属性。
Spring Boot之Thymeleaf引用静态资源
热门推荐
不再更新，新博客 chgl16.space
12-13 1万+
方法 Spring Boot在Thymeleaf结构模块很好提供了静态资源的引用方法 th:[href | src]@{资源在static下的目录}， 如：@{lib/jquery.js} 不用填写默认的static文件夹 案例 资源目录结构 templates目录下的ws.html可以这样引用static下的资源文件 &lt;!DOCTYPE html&gt; &lt;htm...
SpringBoot整合Thymleaf实现页面静态化
兴趣使然的草帽路飞
09-03 1万+
SpringBoot整合Thymleaf实现页面静态化
springboot+thymeleaf 访问静态资源解决（static）
gs6666666的博客
05-07 787
springboot+thymeleaf 访问静态资源解决（static） 第一步：pom.xml-必须有这个 org.springframework.boot spring-boot-starter-thymeleaf 第二步：application.properties spring.mvc.static-path-pattern=/static/** 访问js路径就是： http://localhost:8081/static/js/jquery.min.js 界面html里面引用
SpringBoot +thymeleaf 访问(static)静态资源的处理方法
xhalg的专栏
11-24 2972
1.问题 最近使用SpringBoot框架+thymeleaf模板做一个简单网站，代码目录如下 项目启动之后，静态资源（css、js、图片）都不能访问，通过浏览器访问，加载开发工具控制台，得到如下404错误信息 GET http://localhost/css/buju.css net::ERR_ABORTED 404 2.分析问题 404错误，无非就是没找到资源，将http://localhost/css/buju.css拷贝到浏览器中访问，也无法访问到，百度了各种解决方案，..
浅析SpringBoot中使用thymeleaf找不到.HTML文件的原因
08-18
浅析SpringBoot中使用thymeleaf找不到.HTML文件的原因 Thymeleaf是一个流行的模板引擎，常用于Web应用程序的视图层。然而，在使用Spring Boot框架时，很多开发者会遇到找不到HTML文件的问题。本文将深入分析Spring ...
SpringBoot+thymeleaf
04-29
8. **国际化(i18n)**：Thymeleaf支持国际化，通过资源文件(`messages.properties`)定义不同语言的文本，模板中使用`th:text="#{key}"`来引用。 9. **错误处理**：SpringBoot提供了统一的全局异常处理机制，可以通过...
springboot thymeleaf 解决静态资源加载问题
D的博客
09-04 4916
整体框架 springboot，前端用的是thymeleaf，在加载过程中一直不能加载本地的静态资源，解决： 一种是设置配置解决： 1、查看包情况，是否有如下包： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId>...
【SpringBoot学习】15、SpringBoot 使用 Thymeleaf 实现页面静态化
Tellsea
05-08 9812
什么是静态化 静态化是指把动态生成的HTML页面变为静态内容保存，以后用户的请求到来，直接访问静态页面，不再经过服务的渲染。 而静态的HTML页面可以部署在nginx中，从而大大提高并发能力，减小tomcat压力。 如何实现静态化 目前，静态化页面都是通过模板引擎来生成，而后保存到nginx服务器来部署。常用的模板引擎比如： Freemarker Velocity Thymeleaf 我们之前...
Springboot中通过thymeleaf的方式引入静态资源
qq_38041105的博客
06-28 1518
Springboot中通过thymeleaf的方式引入静态资源 通过Thymeleaf引入静态资源后，当我们对项目访问路径修改后，不用再到页面中去修改对应的静态资源路径。 1.引入Themeleaf的pom坐标 2.在html页面中修改标签，如下： <html lang="en" xmlns:th="http://www.thymeleaf.org"> 3.使用themeleaf的标签修改静态资源路径 <link href="asserts/css/bootstrap.min.css"
thymeleaf引入静态文件
AAAhxz的博客
11-07 1410
项目文件在此，static为静态文件放置位置，templates为HTML页面存放位置 引用实例： <script th:src="@{//cdn.bootcss.com/jquery/2.2.3/jquery.min.js}"></script> <script th:src="@{/jantent/assets/js/amazeui.min.js}">&...
关于SpringBoot+Thymeleaf的静态资源访问的问题
Qi_Si_Miao_Xiang的博客
07-29 1211
目录结构 通过IDEA生成的SpringBoot工程中，resources目录下有static和templates两个目录： （1）static是静态资源目录，可以通过浏览器直接访问到，css\js等都可以放在这个目录下。 （2）templates中存放的一般是jsp，thymeleaf等模板资源，是受保护的，需要通过服务端转发才可以访问到 需要注意的是： 如果thymeleaf文件的前后缀没有...
Thymeleaf和springboot下static下资源目录无法访问
hi_你好
03-06 1293
Error：静态资源无法加载，static下的资源文件都无法访问到，直接本地访问html页面却能看到页面会被css渲染。 Solve: 方法一： 添加该类到服务项目下 @Configuration public class StaticResourceConfig extends WebMvcConfigurerAdapter { @Override public void addResourceHandlers(ResourceHandlerRegistry registry
Thymeleaf——访问静态资源(static)解决方案
无限迭代中......
02-12 1万+
官方文档 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#server-root-relative-urls 解决方案 Spring Boot在Thymeleaf结构模块很好提供了静态资源的引用方法 可以使用其他语法来创建相对于服务器根目录的URL（而不是上下文根目录的URL），以便链接到同一服务器中的不同上下...
SpringBoot解决Thymeleaf静态资源的问题
随风漂移的驴
06-24 5959
首先在配置完成thymeleaf之后，要在主配置文件中，配置好静态资源的文件配置： spring: mvc: static-path-pattern: /static/** #静态资源的请求方式 resources: static-locations: classpath:/static/ # 静态资源的配置位置，可以写成一个数组配置多...
SpringBoot+Thymeleaf中静态资源css、js等的引用问题
qq_27198345的博客
12-17 3483
SpringBoot + Thymeleaf项目中静态资源的引用问题是非常常见的问题，也是最头疼的问题，其实一点儿也不难，只是有几个问题没注意到始终无法解决。 静态资源的位置 1、 在SpringBoot项目运行的时候，引用静态资源需要使用Thymeleaf. <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"&gt
Spring Boot整合Thymeleaf实现动态模板与静态资源管理
标题中提到的“spring-boot”、“html”和“thymeleaf”是Spring Boot框架中经常遇到的技术组件，而描述中反复强调的“静态资源”和“动态模板”则与Web开发中前端页面的组织和渲染紧密相关。接下来，我们将详细阐述...
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张帅三代

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值