（11）thymeleaf-公共页面元素的抽取

有的时候，一个HTML界面的元素可能会需要在其他页面也会用到，如果多次用到的化，多次编写（或者说是复制），会使得代码太过于冗余，也不易于阅读。

可以使用thymeleaf的抽取公共界面的功能来：

1.对于重复写的页面html对象，可以利用thymeleaf来抽取出来。

具体用法：

三种引入公共片段的th属性：

 th:insert：将公共片段整个插入到声明引入的元素中

th:replace：将声明引入的元素替换为公共片段

th:include：将被引入的片段的内容包含进这个标签中

实例：

还可以使用id选择器来：

比如在nav里面指明了id，

<nav class="col-md-2 d-none d-md-block bg-light sidebar" id="sidebar">

使用的时候：

<!--引入侧边栏-->

<div th:replace="~{dashboard::#sidebar}"></div>

注意：这里dashboard是指有一个界面叫做dashboard.html,我们引用的是这个界面里面的片段。

如果有多个片段，我们其实可以在外面新建立一个文件夹，用来单独存放这些公共的东西。然后再后面的界面引进来就OK了。