thymeleaf 页面问题（路径，公共模块引入）

最新推荐文章于 2024-07-06 19:25:58 发布
最新推荐文章于 2024-07-06 19:25:58 发布
阅读量2w 收藏 14
点赞数 5
分类专栏： thymeleaf 文章标签： thymeleaf src/href th:replace 引入外部公共文件资源 th:block
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35123187/article/details/79986039
版权
本文介绍了Thymeleaf中href和src的路径设置，强调了在默认static根路径下不需写static。同时，详细讲解了th:replace、th:insert和th:include在创建公共模块时的区别，并给出了正确引入公共模块的方法，特别是对于<head>标签中引入外部资源的特殊处理，推荐使用<div th:replace>结合<th:block th:fragment>的方式，以实现主标签的舍弃。
摘要由CSDN通过智能技术生成

路径：href,src

格式： @{  }

eg:   

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

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

一般项目默认static就是根路径，所以static下的路径中不能写static，应当以 / 代替


thymeleaf 创建引入公共模块：

1,th:inssert:保留当前主标签，保留th:fragment主标签；

2,th:replace:舍弃当前主标签，保留th:fragment主标

最低0.47元/天 解锁文章
御神木下的思念
关注
专栏目录
thymeleaf模板公共块导入不报错，能显示文字但无法显示div的问题解决办法！
任聪聪的博客
03-24 116
本篇文章主要讲解thymeleaf模板公共块导入时，没有任何报错信息，但是进行排查后发现能够显示文字，改成html标签后就无法显示div的问题解决办法！日期：2024年3月24日作者：任聪聪。
Spring Boot入门(19)：Spring Boot 整合 Thymeleaf 模板引擎，开发Web页面 | 超级详细，建议收藏
**My Coding Family**
08-27 2801
Spring Boot 如何整合 Thymeleaf 模板引擎开发Web页面？一文教会你。
本地部署到服务器上的资源路径问题
最新发布
weixin_45336151的博客
07-06 1012
当使用Thymeleaf时，在templates的目录下为返回的html页面，下面以两个例子解释当将代码部署到tomcat时访问资源的路径配置问题。
thymeleaf的fragment提取公共页面问题，replace路径问题
weixin_48613005的博客
01-23 278
thymeleaf的fragment提取公共页面问题，replace路径问题
thymeleaf common公共页面不能使用其他页面 (后台传入）相关的值（map，model等待注入的值）
qq_43987149的博客
04-20 238
1、 问题 thymeleaf common公共页面不能使用其他页面 (后台传入）相关的值（map，model等待注入的值） 2、 原因 后台的值只是传入到相应的页面了，其他页面不能取值 （我之前以为我使用 th:include、insert、replace 引入的公共页面的值，那部分代码会在已经引入到的页面解析相关代码，但是好像不是） 3、 考虑解决办法： 3.1 把数据相关的代码放到相应的页面，不放公共页面 3.2 把除了数据相关的代码放公共页面（不靠谱） ...
【thymeleaf】 导入公共页面踩坑
ma12138的博客
10-27 1346
thymeleaf 页面模板对导入公共页面的支持也是很好的 初期 的整合中想尝试抽出公共的导航等页面 目的是对一个导航进行修改的时候不需要对每个页面 都进行修改 这里使用两个标签 一.定义公共页面的html 和使用标签 二.导入公共模板 三.我的文件路径和页面代码 看到这里可能会发现为什么文件的路径为 这是因为这个默认为静态文件了，所以默认路径定位到static 所以这个也是...
spring boot thymeleaf 图片上传web项目根目录操作步骤
08-27
Spring Boot Thymeleaf 图片上传 Web 项目根目录...Spring Boot Thymeleaf 图片上传 Web 项目根目录操作步骤需要了解 Thymeleaf 模板引擎、Spring Boot 图片上传和相关的配置文件，另外还需要考虑图片上传的安全问题。
SpringBoot 用Thymeleaf模版返回页面出现404
白不懂黑的静的专栏
12-12 4538
现象 在搭建一个springboot框架前，突然发现访问控制层的json数据等都没问题，debug也能进入控制层的请求方法中，但是在返回到thymeleaf模板页面就报404 @RequestMapping(value = {"/","index"}) public String myIndex() { return "index"; } 尝试解决 以前也是如此搭建的，是没问题的，于是乎上网查了下，大概有如下两种说法： 第一种：控制层中的方法路径中的index 不
springboot集成thymleaf不生效的遇到的问题
喜羊羊love红太狼
06-20 926
@Controller public class indexController { @GetMapping("/index") public ModelAndView index(){ return new ModelAndView("login"); } @GetMapping("/index") public String hello(){ return "login"; } }
thymeleaf 引入公共html踩过的坑
u010260737的专栏
11-01 1万+
每个页面都会用到分页.html或者头部.html、尾部.html，在其他页面如何引入 1.注意::前后都要有空格，我第一次没有看到试了好多次，网上博客不实用，好多坑，无奈自己踩坑，一定要记一下。 2.目录这里举例 index.html 引入header.html  同一目录下 3.html 配置如图 div中 th:fragment="header" 与1中的：：后面的heade...
thymeleaf的th:replace,th:include,th:insert用法
test_00的博客
07-29 959
<!--前面部分是公共文件所在目录::后面是公共文件内th:fragment的值，冒号前后要有空格--> <div th:insert="/test/common2 :: res_common"></div> <div th:replace="/test/common2 :: res_common"></div> <div th:include="/test/common2 :: res_common"></div>
Spring boot里使用thymeleaf中怎么用iframe引入页面
热门推荐
Rowe.青衫
09-17 2万+
SpringBoot使用thymeleaf：fragment 引用iframe的一些小问题。 页面要实现内容跟着左侧导航进行改变需要用到iframer。 然后发现无法找到我引入的页面检查路径也没发现什么不对。 &lt;iframe src="page/main.html" src="/admin/page/main"&gt;&lt;/iframe&gt; 然后用thymeleaf的标签库来...
thymeleaf抽取公共页面元素遇到的一些坑
m0_46462506的博客
03-29 343
太难了，真的太难了 这个bug让我改了测试一天时间才勉强解决 这是首页代码 这是公共页面代码 我不知道哪里出了问题，是不是版本问题还是啥导致 th:insert=“foreign/common :: #h” 语法不能用，后来在公共页换成 th:fragment=“topbar” 就能用了 希望各位别踩坑，如果有大佬知道这是啥问题一定要分享哦！ ...
th:include路径问题导致访问失败
小jiang的博客
04-28 1453
记录一下今天使用th:include遇到的路径问题bug。 html目录结构： backstage/common/common.html公共模块: <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <nav th:fragment="sidebar"> </nav> </html> 在backstage/user/list.html引用co
spring-boot运行页面路径配置和thymleaf模板路径配置
qq_44680925的博客
11-20 1391
这里简单说一下spring-boot要运行的页面放在哪个文件夹以及thymleaf模板运行在哪个文件夹的配置问题。 spring-boot运行的页面都是放在templates文件夹里面，在application.properties配置如下代码 server.port=8080 server.servlet.context-path=/ #thymleaf模板引擎 #th模板文件夹 spring...
新手入门——Thymeleaf中th:include的用法--报错
qq_51310208的博客
08-31 712
报错内容：ERROR 17456 --- [nio-8080-exec-1] org.thymeleaf.TemplateEngine site:blog.cs。查找原因：猜想可能是footer.html路径和被引用到demo1.html路径是同一级。
th:include的使用
海涛高软
07-05 4251
th:include 和 th:replace 的区别
评论 14
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值