Thymeleaf通过fragment实现组件化，Java面试资料集合

<title>hello</title>

<link rel="stylesheet" th:href="@{app.css}">

<div th:replace="~{component::com1}"></div>



<!--保留原来的标签-->

<div th:insert="~{component::com2}"></div>



<!--只需要在公共组件添加一个 id 或 class 等只要css 能唯一定位到的属性即可   (此处以 id 为例)-->

<div th:insert="~{component::#com3}"></div>

**结果：**  

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210410203931182.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0x6eTQxMDk5Mg==,size_16,color_FFFFFF,t_70)



> 注意：在调用fragment时是从Thymeleaf文件的根路径：src/main/resource/templates开始的，如果像读取子路径下的代码块应该配置相应的路径。



[]( )传递参数

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



**定义：**

<p th:text="${onevar}