thymeleaf引用公共页面-创新互联

本例采用的是Springboot+thymeleaf,因为公共页面属于动态页,因此需要放在templates目录下(具体几层自定义即可),我们这里做一个引用头部、主体和底部公共信息的示例

为浈江等地区用户提供了全套网页设计制作服务，及浈江网站建设行业解决方案。主营业务为成都网站设计、网站制作、浈江网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

1. 公共信息页面

head.html,使⽤th:fragment 属性来定义被包含的模版⽚段,以供其他模版引用或者包含,这里我们定义了头部(admin_head(title))、主体(admin_common)、底部(admin_bottom)三个模板片段

    
    
    
    
    
    
    
    
    
    
    



这是公共信息


    
    

2. 引用定义好的模板片段

2.1 示例1

main.html,双冒号(::)前面是公共页面路径,不受当前页面层级影响,直接从根路径写即可

我们来看一下页面源码,头部信息和主体都已经加载过来了

2.2 示例2

list.html,双冒号(::)前面是公共页面路径,不受当前页面层级影响,直接从根路径写即可

    OK
    
    

我们来看一下页面源码,头部信息和主体都已经加载过来了

3. 引用说明

引用模板的时候可以使用 th:insert或者 th:replaceth:insert与th:replace 区别如下:
th:insert：将被引用的模板片段插⼊到自己的标签体中
th:replace：将被引用的模板片段替换掉自己
th:include：类似于 th:insert,⽽不是插⼊⽚段,它只插⼊此⽚段的内容(Thymeleaf 3.0 之后不再推荐使⽤)

4. 项目目录结构如下

5. 标签说明

th:block空标签详解

6 源码

移步码云下载