SpringBoot 利用 th:fragment 实现代码复用

最新推荐文章于 2022-11-10 20:44:45 发布

爱喝咖啡的Tomcat

最新推荐文章于 2022-11-10 20:44:45 发布

阅读量1.7k

点赞数

分类专栏： spring 文章标签： springboot 代码复用 thymeleaf

本文链接：https://blog.csdn.net/weixin_44627672/article/details/113827024

版权

7 篇文章 0 订阅

订阅专栏

在多数项目中，我们经常会写很多重复代码，如导航栏、侧边栏等，为实现代码复用，Thymeleaf 需要我们定义这些部分“⽚段”（相当于抽取出来）以供其他模版包含，可以使⽤th:fragment属性来定义被包含的模版⽚段。

示例如下：

thymleaf引擎：

<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

th:fragment:“name”：

<!--顶部导航栏-->
<nav class="home-nav" th:fragment="navbar">

<!--侧边栏-->
<div class="col-md-2 sidebar"  th:fragment="sidebar">

	 <!--导航条-->
    <div th:replace="~{commons/commons::navbar}"></div>
     <!--侧边栏-->
    <div th:replace="~{commons/commons::sidebar}"></div>

注意文件路径，代码⽚段表达式是表示标记⽚段的简单⽅法，并将其移动到模板周围。这允许我们复制它们，将它们传递给其他模板作为参数，等等。最常⻅的⽤法是使⽤th:insert或th:replace进⾏⽚段插入：

<div th:insert="~{commons :: main}"></div>

关注

专栏目录