SpringBoot系列教材 (三十)- Thymeleaf - thymeleaf 如何通过 fragment 包含另一个文件举例

本文详细介绍了在Thymeleaf中如何基于上一知识点改进,通过运行和测试项目,模仿并排错代码,使用include.html实现页面内容的动态包含,以及展示了如何在test.html中使用Thymeleaf的th:replace和th:insert标签。教程涵盖了SpringBoot框架下的模板技术应用。
摘要由CSDN通过智能技术生成

步骤1:基于上一个知识点改进
步骤2:先运行,看到效果,再学习
步骤3:模仿和排错
步骤4:include.html
步骤5:test.html
步骤6:重启测试

步骤 1 : 基于上一个知识点改进

本知识点是基于上一个知识点进行改进

步骤 2 : 先运行,看到效果,再学习

老规矩,先下载下载区(点击进入)的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
运行 Application.java, 然后访问地址:

http://127.0.0.1:8080/thymeleaf/test


在页面底部可以看到如图所示的版权信息,这个版权信息就是包含另一个页面的内容而来的。

先运行,看到效果,再学习

步骤 3 : 模仿和排错

在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码,来定位问题所在。
采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。

推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。
这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来
这里提供了绿色安装和使用教程:diffmerge 下载和使用教程

步骤 4 : include.html

新建一个 include.html 文件,然后里面用 th:fragment 标记代码片段。
footer1 是 不带参数的
footer2 是带参数的
这两种情况也是包含业务经常会用到的做法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值