thymeleaf抽取公共片段时需注意的问题

最新推荐文章于 2020-08-04 15:36:15 发布
最新推荐文章于 2020-08-04 15:36:15 发布
阅读量729 收藏 1
点赞数
分类专栏： Java 文章标签： Thymleaf Java Model 抽取公共代码 session
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42595367/article/details/99683443
版权

thymeleaf抽取公共片段时需注意的问题

日常开发中，我们经常会将导航栏、页尾、菜单等部分提取成模板供其它页面使用。

在Thymeleaf 中，我们可以使用th:fragment属性或直接使用id属性来定义一个模板。
在这里插入图片描述
在这里插入图片描述
但在开发中可能会遇到这样的问题,将公共片段抽取出来后引入到其他页面时,会报页面500的错误,很明显,是页面模版解析出现问题,追根溯源,回到抽取出来的模版页面找找问题,果然,有报红
在这里插入图片描述
很明显是因为我在controller中的LoginController类中,存放的model并没有返回到我抽取出来的这个页面,那么这个页面就没有user.email这个内容,所以才会出现500错误

这样的话,只要其他页面引入了公共页面的模版进去,但又没有model值返回该页面,就会报错,所以我选择放弃model存放,改用session存放,这样不论哪个页面要引用该公共模版,都可以取到session值,就不会再报500错了
在这里插入图片描述
这是在LoginController中使用session来存放内容

在这里插入图片描述
这是在抽取出来的公共模版上修改后的取值内容

到此,就可以使用thymeleaf抽取公共模版来供其他页面使用,大大增加了开发效率

随便吧จุ๊บ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
thymeleaf中抽取公共片段
qq_51691366的博客
06-03 1908
将dashbord.html和emps下的list.html重复的导航栏和侧边栏代码删掉，抽取到common下的common.html文件中 使用th:fragment="topnav"为公共片段命名（导航栏） th:fragment=“side”（侧边栏） 在dashbord.html中使用引入头部导航栏；使用引入侧边栏 同样在emps下的list.html中执行同样的操作！最好和dashbord.html中使用一样的方法引入头部导航栏和侧边栏 即可做到代码重用，类似于vue中的组件！ 但是上面都使用
Thymeleaf中抽取公共部分，并特殊显示。
weixin_45501830的博客
09-07 729
1、创建三个页面以及bar页面 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <bo...
SpringBoot搭建个人博客系统项目4：使用thymeleaf抽取页面的公共片段
YonminMa的博客
08-04 1471
文章目录thymeleaf简单使用表达式使用thymeleaf抽取公共片段在博客系统中抽取公共片段CSS样式导航栏底部 footer thymeleaf简单使用 thymeleaf是SpringBoot默认集成的模板引擎 表达式 ${...}: 变量表达式。 *{...} : 选择表达式。 #{...} : 消息 (i18n) 表达式。 @{...} : 链接 (URL) 表达式。 ~{...} : 片段表达式。 使用thymeleaf抽取公共片段 使用th:fragment="xx"来抽取某个页面的片段
springboot中使用thymeleaf片段引入出现500错误（易错）
07-13 3336
通常我们再编写前端界面的时候，头部和尾部，我们都喜欢使用片段引入的方式，那么再springboot中使用thymeleaf模板也是如此 通常，我们引入thymeleaf的片段是这样的 编写片段 <div th:fragment="test2"> 房间数量放假艾莉看到交罚款 </div> 引入片段 <div th:replace="test :: ...
thymeleaf th:fragment引用问题
正在看的博客
08-15 8667
th:fragment=”自定义片段名” /**这里我定义的是head th:replace=”thymeleaf的根目录+片段的html名+ :: +自定义的片段名” th:replace 会替换掉当前标签及其子标签的所有信息; th:include 只会替换当前标签的子标签的信息;...
vue与thymeleaf结合使用注意事项.md
07-22
vue与thymeleaf结合使用注意事项.md
thymeleaf整合spring所需包
01-14
博客里有对应入门程序，可用于参考
thymeleaf-jar包
04-17
在网上找了好久这个jar包，在github上的那个官网，让我把眼睛都找迷了都找不到，小白学习好难，兄弟们自己看着下
thymeleaf回显数据
01-08
1.单选框： 显示 隐藏 显示 隐藏 2.下拉框： 用户 请选择用户 3.input回填 客户姓名： 4.时间 出生日期： 作者：饿饿……
thymeleaf材料
最新发布
01-19
thymeleaf材料
Thymeleaf抽取公共页面片段
天高任鸟飞
08-30 5851
抽取页面 项目中，一般把所有的公共页面片段都抽取出来 放在一个独立的页面中 其他，所有的页面根据需要进行引用 参考文档 th:fragment 抽取公共元素 Name，随便自定义命名 &lt;!DOCTYPE html&gt; &lt;html xmlns:th="http://www.thymeleaf.org"&gt; &lt;body&gt; &lt;div th:...
thymeleaf 引入公共html踩过的坑
u010260737的专栏
11-01 1万+
每个页面都会用到分页.html或者头部.html、尾部.html，在其他页面如何引入 1.注意::前后都要有空格，我第一次没有看到试了好多次，网上博客不实用，好多坑，无奈自己踩坑，一定要记一下。 2.目录这里举例 index.html 引入header.html  同一目录下 3.html 配置如图 div中 th:fragment="header" 与1中的：：后面的heade...
java学习笔记-获取正数的原码和负数的补码
1073960086的博客
03-20 2243
输入一个整数，输出该数二进制表示中1的个数。其中负数用补码表示。import java.util.ArrayList; import java.util.List; /** * * @author wms * @desc 输入一个整数，输出该数二进制表示中1的个数。其中负数用补码表示。 * */ public class OneOfNum { public static void...
thymeleaf公共页面元素抽取和高亮显示
鲸鱼姐的专栏
05-15 1738
一 thymeleaf公共页面元素抽取 1、抽取公共片段，在公共页面footer.html的片段上加上th:fragment属性 <div th:fragment="copy"> © 2011 The Good Thymes Virtual Grocery </div> 2、引入公共片段， <div th:insert="~{footer :: copy...
thymeleaf 引入公共代码片段 [THYMELEAF][http-nio-8080-exec-1] Exception processing template "admin/root": An
热门推荐
落叶无痕的博客
10-22 3万+
在用thylemeaf引入公共片段时， &lt;div th:replace="commons :: topnav"&gt;&lt;/div&gt; 报错  ERROR 3092 --- [nio-8080-exec-6] org.thymeleaf.TemplateEngine             : [THYMELEAF][http-nio-8080-exec-6] Exc...
【thymeleaf】 导入公共页面踩坑
ma12138的博客
10-27 1334
thymeleaf 页面模板对导入公共页面的支持也是很好的 初期 的整合中想尝试抽出公共的导航等页面 目的是对一个导航进行修改的时候不需要对每个页面 都进行修改 这里使用两个标签 一.定义公共页面的html 和使用标签 二.导入公共模板 三.我的文件路径和页面代码 看到这里可能会发现为什么文件的路径为 这是因为这个默认为静态文件了，所以默认路径定位到static 所以这个也是...
SpringBoot学习之路---抽取并引用thymeleaf的公共代码片段
LeslieLau的博客
03-28 640
有时候我们在多个html页面中会使用到多个相同的组件，比如我们有自己开发过电商平台的话，我们就会知道导航条和侧边栏是经常被复用的，就会想到抽取公共的代码片段，抽取的方式有很多，这里介绍thymeleaf的抽取和引用的方式 我们在想要抽取的代码的标签上添加这个属性th:fragment="name" 例(抽取bootstarp的导航条): <!--导航条--> <nav clas...
Thymeleaf抽取公共页面代码
weixin_42839838的博客
05-24 2525
SpringBoot中的使用thymeleaf模板引擎提供了对每个页面的公共的部分，比如导航栏，页脚部分或者head标签中引入的固定的公共资源等，抽取公共代码进行简单的引入即可达到公共页面代码的复用。 废话少说直接开始带大家具体操作下： 我所使用的thymeleaf模板引擎版本为：3.0.11的 Thymeleaf提供了三种引入方式： th:insert th:replace th:inclu...
Thymeleaf常见用法
霓虹深处
06-06 3216
Thymeleaf下拉框回显： <div class="form-group draggable"> <label class="col-sm-3 control-label">bizMch：</label> <div class="col-sm-8"> <select class="form-cont...
thymeleaf 的代码片段
05-26
注意，在使用 Thymeleaf 时，需要在 HTML 文件的开头添加一个命名空间声明，如下所示： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> ... ``` 这将允许你在 HTML 中使用 Thymeleaf 的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值