thymeleaf 定义公共header 和 公共js

在common文件夹下创建common_header.html文件

内容如下




    
    The awesome application

    
    
    
    
    
    
    
    
    
    
    

    

    

    

    
    
    
    
    
    
    
    
    
    

    
    
    
    


使用如下:

1:可以自带标题    也可以追加css引入,如果需要自定义 style 样式  加上标签,在common_header 参数加上即可





    用户首页
    
    

在common文件夹下创建common_foot.html文件



使用如下:

 

另一篇博客:

路径:href,src

格式: @{  }

eg:   

一般项目默认static就是根路径,所以static下的路径中不能写static,应当以 / 代替

thymeleaf 定义公共header 和 公共js_第1张图片

thymeleaf 创建引入公共模块:

1,th:inssert:保留当前主标签,保留th:fragment主标签;

2,th:replace:舍弃当前主标签,保留th:fragment主标签;

3,th:include:保留当前主标签,舍弃th:fragment主标签。

格式:

引入:

模块:

注1:引入的路径以默认的根路径static为相对路径.

eg:  

注2:引入头部公共外部资源问题

由于标签中不能存放

之类的标签,而不同页面的title基本上都不同,再加上网站后期的SEO优化需要的标签,这些都要单独出来

 或者

都会使引入或者模块中的主标签保留下来

在此处都是不适用的,解决方法如下:

引入:

模块:

是Thymeleaf提供的唯一的一个Thymeleaf块级元素,其特殊性在于Thymeleaf模板引擎在处理的时候会删掉它本身,而保留其内容。(多用于渲染平级标签)

th:replace 和的结合,完美舍弃引入和模块处的主标签。

 

 

 

 

 

你可能感兴趣的:(SpringBoot)