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

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

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

具体用法:

(11)thymeleaf-公共页面元素的抽取

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

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

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

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

实例:

(11)thymeleaf-公共页面元素的抽取

还可以使用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了。

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-12
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-04
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-25
  • 2021-10-17
相关资源
相似解决方案