thymeleaf 父页面引用子页面 th:include

父页面:


  
  
 

子页面:

  
  
  
  
   
             首页        统计分析           利润统计          

讲解:

【参考: https://blog.csdn.net/believe__sss/article/details/79992408 】 ---- 感谢老师!!!

注意:第一个pagination为上述公共部分的文件名,第二个pagination为th:fragment的值。这样便可以解决公共部分代码的抽取。

fragment加载语法如下:

templatename::selector:”::”前面是模板文件名,后面是选择器
::selector:只写选择器,这里指fragment名称,则加载本页面对应的fragment
templatename:只写模板文件名,则加载整个页面
  ================== fragment语法 ============================= 
    
    
================= 加载块 ============================ div in this page. th:include 和 th:replace都是加载代码块内容,但是还是有所不同 th:include:加载模板的内容: 读取加载节点的内容(不含节点名称),替换div内容 th:replace:替换当前标签为模板中的标签,加载的节点会整个替换掉加载他的div

公共部分如下:


 
the public pagination

引用时如下:

================= th:include 和 th:replace============================

1
2

结果如下:


the public pagination
the public pagination

 

实例:

 
 

以上就是测试过的代码

--------------------------------------------------------------------------------------------------------------

以上是自己整理的,并测试过,可以直接用

 

----------------------------------------------------------------------------------------------------------------

转载声明:本文为博主原创文章,未经博主允许不得转载。

 

----------------------------------------------------------------------------------------------------------------

文章中,有问题,可以在评论区评论,一起探讨编程中奥秘!

----------------------------------------------------------------------------------------------------------------

  来都来了,那就点个赞吧

thymeleaf 父页面引用子页面 th:include_第1张图片

你可能感兴趣的:(-----------前端)