springboot2 thymeleaf 使用layout实现母版功能

       最近在学习springboot,继承母版可以复用我们公共的界面内容,很方便。但是,我在使用thymeleaf layout时遇到了坑,我网上找了好多都是比较老的版本,在新版本中不能正常使用了。最后花时间解决了,这里记录下来,以便帮助自己或其他人不要踩坑。thymeleaf在springboot1.x和2.x有很大的区别。这里只说2.x,具体如下。

第一步:安装依赖

img_2828ddeeb7171bd0bebbc31095822281.png

第二步:在项目的templates下新建一个母版html文件(如:base.html)

img_2a440cf63b71ba03606717708b496a6c.png

第三步:在项目的templates编写子界面test.html:

img_57a8656e098b20cddf42ec48c9c62b01.png

第四步:编写控制器代码

img_f2c41f14820781a24d4927bc58349c5d.png

第五步:运行测试:运行效果如下

img_34361f4ebf971fd9c1f3d88753606b93.png

至此springboot thymeleaf layout实现母版功能就搞定了。

第六步:既然使用了母版,公共数据怎么传,总不会每个界面都传吧,多麻烦啊。当然是不需要这样麻烦的了,我们可以建一个控制器用于传递公共数据

img_6826998612374a3dddcc26b3f5405699.png

注意这个ModelAttribute是指定前面访问数据的变量名,那么接下来我们就能在base.html中使用它了

img_8f21c7fcbf6cf742e07d4ca7beb082c8.png

运行效果:


img_bddf191c80474314ddeddc6765a72833.png

第七步:总结

至此内容就介绍完了,我也是在学习的路上,不一定说得都是对的。如有问题欢迎留言,我们一起探讨。喜欢我第文章,记得关注哦!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值