Thymeleaf模板中的fragment公共片段无法替换

最新推荐文章于 2022-11-30 11:11:06 发布
最新推荐文章于 2022-11-30 11:11:06 发布
阅读量525 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44571808/article/details/117688579
版权

一、使用Thymeleaf模板，为了不用每个页面都去更改，定义公共的片段，将其替换
Thymeleaf的引用
1、 th:insert:保留自己的主标签，保留th:fragment的主标签
2、 th:replace:不要自己的注标签，保留th:fragment的注标签
Thymeleaf模板中的fragment公共片段无法替换成功，在头部使用<head th:replace=”_fragments :: head(~{title})”>启动时显示500，去掉后启动是可以的,可样式是乱的
1、建一个fragment.html 里面放一个个片段组件供其他页面使用
在这里插入图片描述

2、index页面替换使用
在这里插入图片描述

3、结果显示：500
在这里插入图片描述

4、不使用替换方法：一个一个页面更改，工程量大
当不使用替换时，去掉th:replace=”_fragments :: head(~{title})”，直接使用th:href属性，路径需使用 @{ 文件路径 } 包裹，启动页面的样式是好的，加上就显示500
在这里插入图片描述

二、解决办法
1、fragment页面公共片段：
将页面fragment公共片段进行修改，title处不需要添加替换的代码
在这里插入图片描述

2、index页面替换使用
在这里插入图片描述

这样启动后样式是好的，替换成功

weixin_44571808
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot集成Thymeleaf模板引擎的完整步骤
08-26
主要给大家介绍了关于Spring Boot集成Thymeleaf模板引擎的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
Springboot中thymeleaf使用th:include时遇到的问题
PH15045125的博客
12-13 7740
Caused by: org.thymeleaf.exceptions.TemplateInputException: Error resolving template “header”, template might not exist or might not be accessible by any of the configured Template Resolvers (template...
Spring boot打成jar包后，th:replace报错的问题
qq_39156770的博客
11-23 484
Spring boot打成jar包后，th:replace报错的问题 错误写法： <head th:replace="~{/commons/commons::headcommon}"> 正确写法： <head th:replace="commons/commons::headcommon"> 总结： 不要用 ~{…} 最前面不要写 / 参考：https://www.shuzhiduo.com/A/QV5Zg9N6dy/ ...
thymeleaf解析异常,无法解析引入的html头
SummerX_Z_Y的博客
08-18 447
如图格式在运行时报错, 最后发现是因为要在replace的查找页面上加上后缀名 最后成功运行
thymeleaf 语法 —— thymleaf 的3种页面布局 layout、 th:include、th:replace 参数传递
热门推荐
猎人在吃肉
11-05 1万+
文章目录方式一、layout 布局方式二、 th:include 方式一、layout 布局 依赖： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId>...
Thymeleaf th:replace、th:insert、th:include的使用及区别
smile radiantly
02-18 3006
在项目开发中像侧边栏,导航栏,底部栏,分页等公共模块一般都会单独提取出来成一个页面,再使用.在Thymeleaf中一般采用 th:replace 或 th:insert . th:insert ：保留自己的主标签，保留th:fragment的主标签。 th:replace ：不要自己的主标签，保留th:fragment的主标签。 th:include ：保留自己的主标签，不要th:frag...
python 字符串函数replace 替换无效问题 （成功解决！）
weixin_45760635的博客
06-09 9633
最近在做python的练习题，在做其中一题时，发现replace函数无作用 想把空格全部删除，发现替换无效 如下：
thymeleaf传值的bug【th:replace】和【th:fragment】
SakuraA6的博客
08-19 1362
这个bug调了一段时间，一直怀疑是自己写错了，后来才知道是th:replace在传值的时候，只在第一个传递，后面的th：replace不能传递值。 代码大概是这样的 <div th:replace="commons/bar :: topbar"></div> <div th:include="commons/bar :: sidebar(active='emps')"></div> 结果后端怎么都拿不到这个active，更别提还需要这个值进行判断，我就尝试了
前端页面HTML使用Thymeleaf页面不能跳转问题404NOTFOUND
m0_62669484的博客
11-30 1645
前端页面跳转失败 Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Wed Nov 30 11:09:10 CST 2022 There was an unexpected error (type=Not Found, status=404) Thymeleaf页面不能跳转问题
SpringBoot中的Thymeleaf模板
10-17
Thymeleaf 的出现是为了取代 JSP，虽然 JSP 存在了很长时间，并在 Java Web 开发中无处不在，但是它也存在一些缺陷。在这篇文中给大家介绍了这些缺陷所存在问题，对spring boot thymeleaf 模板相关知识感兴趣的朋友...
springboot中thymeleaf模板使用详解
08-30
将更加全面详细的介绍thymeleaf的使用。thymeleaf 是新一代的模板引擎，在spring4.0中推荐使用thymeleaf来做前端模版引擎。
thymeleaf模板中文手册
11-15
关于tyhmeleaf模板 3.0版中文文档学习，包含使用规则，文本内容模式等全部内容可以看看初学者的必备
Thymeleaf模板引擎
05-11
Thymeleaf模板引擎
node-v9.6.0-x86.msi
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Python基于机器学习的分布式系统故障诊断系统源代码，分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别
04-29
基于技术手段（包括但不限于机器学习、深度学习等技术）对分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别，实现分布式系统故障运维的智能化，快速恢复故障的同时大大降低分布式系统运维工作的难度，减少运维对人力资源的消耗。在分布式系统中某个节点发生故障时，故障会沿着分布式系统的拓扑结构进行传播，造成自身节点及其邻接节点相关的KPI指标和发生大量日志异常
JavaScript前端开发的核心语言前端开发的核心语言
最新发布
04-29
javascript 当今互联网时代，JavaScript已经成为了前端开发的核心语言它是一种高级程序设计语言，通常用于网页的交互和动态效果的实现。JavaScript的灵活性以及广泛的使用使得它变得异常重要，能够为用户带来更好的用户体验。 JavaScript的特点之一是它的轻量级，它可以在网页中运行无需单独的编译或下载。这意味着网页可以更快地加载并且用户无需安装额外的软件才能运行网页上的JavaScript代码。此外，与HTML和CSS紧密结合，可以直接在HTML文档中嵌入，使得网页的开发变得非常便捷。 JavaScript具有动态性，它可以在浏览器中实时修改页面内容和样。它可以通过操作DOM（文档对象模型来动态地修改网页的结构和布局，并且可以根据用户的行为实时地响应各种事件，如点击、标悬停、滚动等。这使得开发者可以轻松地为网页添加交互性和动态效果，提供更好的用户体验。 JavaScript也是一种面向对象的语言。它支持对象、类、继承、多态等面向对象编程的概念，使得代码结构更加清晰和可维护。开发者可以创建自定义的对象和方法，对功能进行封装和复用，提高代码的可读性和可维护性。
四则运算自动生成程序安装包
04-29
四则运算自动生成程序安装包
基于Linux的私有文件服务器(网盘).zip
04-29
基于Linux的私有文件服务器(网盘)
thymeleaf模板中，怎么写css样式
05-12
在Thymeleaf模板中，可以通过以下方式引入CSS样式： 1. 在HTML文件中使用link标签引入CSS文件，例如： ```html ``` 其中`th:href`属性表示在服务器端解析该属性值，`@{/static/css/style.css}`表示使用Thymeleaf...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值