在我们开发web项目的过程中,例如我们在编写HTML页面代码的时候,像典型的导航栏、侧边栏等部分,几乎都是重复的代码。在这之前我们一般都是使用页面嵌套等方式,把这些多余的页面代码去重复,最近接触到很多前后端代码分离开发的技术(Vue,Thymeleaf等),那么今天就简单分享一下学习到的Springboot整合了Thymeleaf模板后提取页面公共代码。
下面这两部分折叠的代码段就是上图红色框里面的顶部和侧边栏。
首先在templates目录下创建一个页面把上面两段代码放置进去,单独抽取出来放在Commons.html页面,注意在html根元素引入命名空间声明:xmlns:th=“