springboot2 thymeleaf 使用layout实现母版功能

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

第一步:安装依赖

springboot2 thymeleaf 使用layout实现母版功能

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

springboot2 thymeleaf 使用layout实现母版功能

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

springboot2 thymeleaf 使用layout实现母版功能

第四步:编写控制器代码

springboot2 thymeleaf 使用layout实现母版功能

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

springboot2 thymeleaf 使用layout实现母版功能

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

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

springboot2 thymeleaf 使用layout实现母版功能

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

springboot2 thymeleaf 使用layout实现母版功能

运行效果:


springboot2 thymeleaf 使用layout实现母版功能

第七步:总结

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

上一篇:ios UIWebView与js的简单交互swift3版


下一篇:springboot+mybatis+druid+mysql 保存emoji表情