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

最新推荐文章于 2023-05-26 00:52:19 发布
最新推荐文章于 2023-05-26 00:52:19 发布
阅读量2.1k 收藏 8
点赞数 1
分类专栏： SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44195615/article/details/104356182
版权

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

二、在src/main/resources/static中的静态资源文件目录结构如下图
在这里插入图片描述
1.在html页面中引入thymeleaf的依赖。如下

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

在这里插入图片描述
2.由于springboot框架中配置的资源文件路径默认到src/main/resources/static下，所以我们使用静态资源的路径在html中可以这么写，注意thymeleaf的对html标签属性的写法：

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

在这里插入图片描述
3.同样的，图片也是同上的写法

<img th:src="@{/img/bootstrap-solid.svg}" class="content"/>

在这里插入图片描述
4.同样的，js也是同样的方法

<script type="text/javascript" th:src="@{/js/jquery-3.2.1.slim.min.js}"></script>

在这里插入图片描述

但是经测试发现：

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

与

<link href="/css/bootstrap.min.css" rel="stylesheet">

这两种都可以
在这里插入图片描述

花乐晴
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
SpringBoot解决整合thymeleaf静态资源以及没有整合时都无法访问的尝试
01-08
本来今天写的JS代码就看不太懂，结果后端静态资源映射又出现问题了。以为是路径扫描错误或者是拦截器拦截了，没有配置拦截器，所以以为是路径扫描错误所以这样进行了重新配置： /** * 映射静态资源 */ //@Configuration //public class WebMvcConfig extends WebMvcConfigurationSupport { // /** // * 配置静态资源 // * @param registry // */ // @Override // protected void addResourceHandler
springboot使用thymeleaf的方式引用static中的静态资源方法，引用框架文件资源方法
张小三的博客
02-21 1万+
当我们在开发网站时为了快速完成，避免不了使用第三方的框架文件。这样我们就得引用框架中的各种资源文件。那么，在springboot中通过thymeleaf如何在html中使用static文件夹下的静态资源的公共文件呢? 前提：在springboot项目中使用thymeleaf插件，wind10ui框架，layui框架 实现功能：在springboot项目中通过使用thymeleaf的方式在前端...
加入thymeleaf 后，访问静态资源方法
wangz1992的博客
03-18 2529
SpringBoot+thymeleaf如何访问静态资源 1.版本信息 spring boot : 2.1.8 2.目录结构 3.问题描述 在springboot项目搭建好以后，访问HTML页面时发现没有任何的样式。 4.页面路径 首先修改HTML页面对静态资源文件的访问路径。 (1)在HTML的头部添加thymeleaf的标记 <html lang="en" xmlns:th="http://www.thymeleaf.org"> (2)修改网页文档中的对静态资源的引用，语法规则如下
SpringBoot整合Thymeleaf在商城中实现静态页.docx
07-03
SpringBoot整合Thymeleaf的方式很简单，共分为以下几个步骤 创建一个sprinboot项目 添加thymeleaf和spring web的起步依赖 在resources/templates/下编写html（需要声明使用thymeleaf标签） 在controller层编写相应的代码 启动类，配置文件，依赖的代码下一节有，这里就不贴了。
springboot+thymeleaf 文件上传下载功能实现
10-08
spring boot+thymeleaf 文件上传，下载功能实现。刚写的热乎的，需要的自行下载。
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 themleaf 配置静态资源路径
weixin_41340064的博客
05-26 1216
通过这个表达式，Thymeleaf会自动将"/css/style.css"解析为静态资源目录中的文件路径。这将同时搜索应用程序的classpath下的静态资源目录以及/opt/data/目录下的静态资源目录。在这个例子中，我们将静态资源目录设置为classpath下的静态目录。
thymeleaf页面配置css、js的静态资源路径问题
weixin_48613005的博客
01-23 2452
thymeleaf页面配置css、js的静态资源路径问题
Thymeleaf和springboot下static下资源目录无法访问
hi_你好
03-06 1177
Error：静态资源无法加载，static下的资源文件都无法访问到，直接本地访问html页面却能看到页面会被css渲染。 Solve: 方法一： 添加该类到服务项目下 @Configuration public class StaticResourceConfig extends WebMvcConfigurerAdapter { @Override public void addResourceHandlers(ResourceHandlerRegistry registry
Springboot整合Thymeleaf，Thymeleaf页面引入静态资源
bernardGao94的博客
12-23 84
样式CSS：th:href="@{/css/style.css}" 例如：<link rel="stylesheet" href="../static/css/style.css" th:href="@{/css/style.css}"> 样式JS：th:href="@{/lib/prism/prism.js}" 例如：<script src="../static/lib/pr...
Springboot Thymeleaf模板文件调用Java类静态方法
01-20
在模板文件的表达式中，可以使用“${T(全限定类名).方法名(参数)}”这种格式来调用Java类的静态方法。 开发环境：IntelliJ IDEA 2019.2.2 Spring Boot版本：2.1.8 新建一个名称为demo的Spring Boot项目。 1、pom.xml 加入Thymeleaf依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependenc
浅析SpringBoot中使用thymeleaf找不到.HTML文件的原因
08-18
主要介绍了SpringBoot中使用thymeleaf找不到.HTML文件的原因分析，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Thymeleaf 通过ThymeleafViewResolver设置所有页面能获取的定数
菜鸟记录
12-12 276
⏹Thymeleaf 通过ThymeleafViewResolver设置所有页面能获取的定数
页面静态化--Thymeleaf
BaldHead`s
05-10 1041
1.Thymeleaf简介 官方网站：https://www.thymeleaf.org/index.html Thymeleaf是用来开发Web和独立环境项目的现代服务器端Java模板引擎。 Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 - HTML。可以在直接浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。 借助Spring Framework的模块，可以根据自己的喜好进行自由选择，可插拔功能组件，Thymeleaf是现代HTML5 JVM Web开发的
Springboot中thymeleaf导入静态资源问题
qq_44157459的博客
11-07 700
thymeleaf配置时产生的问题，静态资源导入问题 pom配置： 查看pom文件中是否引入thymeleaf， <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
关于SpringBoot+thymeleaf+静态资源引入（js、css、png等资源无法正确引用）
qq_42374449的博客
03-07 4520
thymeleaf中导入静态资源及模板时常常会出现显示不了的情况，我的目录如下： <link rel="stylesheet" href="../static/css/style.css" type="text/css" media="all" /> <script type="text/javascript" src="../static/js/jquery-1.4.2.mi...
SpringBoot 入坑（三）使用thymeleaf模板引入资源（展示异常）问题
FATCATS博客
05-15 698
小编在使用thymeleaf引擎引入静态资源文件的时候，总是有时候可以完成展示，有时候不能完成展示，有时候导入可以正常展示，有时候不导入才能正常展示样式，所以这样弄的小编就很懵，于是小编稍作小小修改就保证了样式正常展示的效果了，下面一起来看看吧 1.小编最开始使用的是这样引入CSS静态资源（自己额外写了一个引擎解析）,小编将资源放到了static文件夹下 <!-- Bootstrap core CSS --> <link href="asserts/css/bootstrap.min
springboot +Thymeleaf引入js css img--图片无效的解决办法
qq_38215042的博客
08-27 9391
今天在springboot上面集成了thymeleaf模板引擎，再引入css，js和图片的时候出现了好多问题， 下面就让你们看下有效的解决方式吧 1：首先展示项目结构： 2：其次是引入的格式 <!DOCTYPE html> <html lang="en"> <html xmlns:th="http://www.thymeleaf.org"> <head&...
SpringBoot框架下xml使用staticPage存放page并传参，page的value为jsp文件
最新发布
06-01
好的，这是一个关于在Spring Boot框架下使用静态页面（Static Page）存放JSP文件并传参的问题。在Spring Boot中，可以使用Thymeleaf或者FreeMarker等模板引擎来处理动态页面，但是如果需要使用JSP文件来处理页面，则需要进行一些额外的配置。 首先，需要在pom.xml文件中添加JSP相关的依赖： ``` <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> </dependency> ``` 然后，在application.properties文件中配置JSP文件的存放路径： ``` spring.mvc.view.prefix: /WEB-INF/jsp/ spring.mvc.view.suffix: .jsp ``` 接下来，就可以在Controller中使用ModelAndView对象来传递参数并指定JSP文件的名称： ```java @RequestMapping("/hello") public ModelAndView hello() { ModelAndView mav = new ModelAndView("hello"); mav.addObject("message", "Hello, world!"); return mav; } ``` 这里的"hello"是JSP文件的名称，"message"是需要传递的参数名，"Hello, world!"是参数的值。 最后，需要将JSP文件放置在指定的路径下（默认是在src/main/webapp/WEB-INF/jsp/下），例如创建一个名为hello.jsp的文件： ```jsp <!DOCTYPE html> <html> <head> <title>Hello, world!</title> </head> <body> <h1>${message}</h1> </body> </html> ``` 这里的${message}就是Controller中传递的参数值。 希望这个回答能够解决你的问题，如果还有任何疑问，请随时提出。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

花乐晴

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

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

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

打赏作者

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

抵扣说明：

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

余额充值