springboot2 thymeleaf 使用layout实现母版功能

简介:        最近在学习springboot,继承母版可以复用我们公共的界面内容,很方便。但是,我在使用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

第七步:总结

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

目录
相关文章
|
1月前
|
存储 Java 数据库
|
1月前
|
存储 搜索推荐 Java
|
1月前
|
缓存 前端开发 Java
【二十八】springboot之通过threadLocal+参数解析器实现同session一样保存当前登录信息的功能
【二十八】springboot之通过threadLocal+参数解析器实现同session一样保存当前登录信息的功能
32 1
|
3月前
|
存储 Java 对象存储
springboot配置阿里云OSS存储实现文件上传下载功能
【1月更文挑战第1天】springboot配置阿里云OSS存储实现文件上传下载功能
558 2
|
21天前
|
Java 测试技术 数据库
基于SpringBoot+HTML实现登录注册功能模块
基于SpringBoot+HTML实现登录注册功能模块
|
16天前
|
Java 容器
SpringBoot使用配置注解开启自动配置功能&整合spring-boot-configuration-processor
SpringBoot使用配置注解开启自动配置功能&整合spring-boot-configuration-processor
14 0
|
1月前
|
存储 JavaScript 前端开发
Spring Boot + Vue: 实现文件导入导出功能
本文介绍了使用Spring Boot和Vue实现文件导入导出的步骤。在后端,Spring Boot通过`MultipartFile`接收上传文件,保存至服务器,并使用`ResponseEntity`提供文件下载。前端部分,Vue项目借助`axios`发送HTTP请求,实现文件选择、上传及下载功能。这种前后端分离的实现方式提高了应用的可维护性和可扩展性。
36 2
|
1月前
|
缓存 NoSQL Java
spring cache整合redis实现springboot项目中的缓存功能
spring cache整合redis实现springboot项目中的缓存功能
46 1
|
1月前
|
前端开发 Java
springboot项目中外卖用户下单业务功能之需求分析+数据模型+功能开发(详细步骤)
springboot项目中外卖用户下单业务功能之需求分析+数据模型+功能开发(详细步骤)
36 0
|
1月前
|
监控 druid Java
Spring Boot3整合Druid(监控功能)
Spring Boot3整合Druid(监控功能)
56 1