在thymeleaf中引入网页碎片

一、文件头引入thymeleaf

thymeleaf文件都要放在springboot的templates目录下

每个文件的头部都要引入网址，注意th不要漏掉

二、子网页

使用th:fragment标签

th:fragment="fragment1"

完整页面-头部 header.html

    
    


    
thymeleaf头部

完整页面-尾部 footer.html

    
    


    
时间：2021/11/23

三、主网页

引入的时候使用th:fragment，属性里要写：子页面名::定义的名字

th:include="header::fragment1"

完整页面

    
    


    

    

        $$$$$$$$$$$$
        $$$$$$$$$$$$
    
    

四、目录关系

五、控制类

templates下面的文件是不能直接访问的，所以要加一个控制器

PathController

@Controller
@RequestMapping("/books")
public class PathController {

    @RequestMapping("/xx.html")
    public String a(){
        return "xx";
    }

}

启动项目后在浏览器上输入 http://www.localhost:8080/books/xx.html

 六、显示效果

内部都能引入，但是子网页的样式没有引入进来，使用的是主网页的样式

七、使用子网页的样式

只需要把 th:include  换成th:replace ，会使用子网页的样式 代替掉主网页的样式

    
    


    

    

        $$$$$$$$$$$$
        $$$$$$$$$$$$
    
    

八、显示效果

子网页的“背景”出来了，主网页的“居中”不见了