thymeLeaf layout(页面模板使用)基于Springboot

1::: 页面模板的使用主要目的是为了页面整体的一致:将header,footer,以及content分为3部分,Content部分的内容用来变更,header,footer部分内容做统一个处理。
踩过的坑:
spring-boot-starter-parent:版本要在1.4.0.RELEASE以上,(因为项目开始的时候用1.3.7,自己尝试了很多办法多没有解决问题,1.idea运行的问题,2.打包成jar发布的问题【idea能够运行成功,并不代表打包成jar也会成功】)

实现梳理:
1.公用部分 footer header
footer.html:

footer fragment


header.html:

header fragment


2.模板文件default.html

This is default header area for default layout





This is default main content with default layout




This is default footer area for default layout



【重点关注:th:replace以及layout:fragment="content"部分内容】
3.需要加载模板的页面文件greeting.html



Spring Boot and Thymeleaf - Greeting with Thymeleaf Layout Dialect!





This contents from greeting content!






【重点关注:以及layout:fragment="content"部分】

5.配置pom

org.springframework.boot
spring-boot-starter-thymeleaf


UTF-8
UTF-8
1.8
3.0.0.RELEASE
2.0.0

6.Java代码以及html内容分布视图

![J2)M{S6_WH`3]MP@F%7OPSR.png](http://upload-images.jianshu.io/upload_images/3420049-d285baf5b7f329ca.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

相关程序代码地址:https://github.com/syuukawa/thymeleaf_layout

你可能感兴趣的:(thymeLeaf layout(页面模板使用)基于Springboot)