springboot中的HTML页面作为组件使用

最新推荐文章于 2021-09-05 20:20:49 发布

清幽子

最新推荐文章于 2021-09-05 20:20:49 发布

阅读量215

点赞数

分类专栏： springboot 文章标签： spring boot

本文链接：https://blog.csdn.net/qq_45489665/article/details/118695969

版权

springboot 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

用Thymeleaf进行组件调用。
首先在想要作为组件的HTML中，头部在HTML标签中引入thymeleaf链接，在head标签中

使用到的标签是 th:fragment = “ id（ valueOne , valueTwo）”，在HTML文件中，将有可能多个地方出现的元素块，用 fragment 包裹起来

<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
       
<head th:fragment="headerFragment(title,active)">

    ......
    
</head>
<body th:fragment="header-body">
    
       ......
       
</body>

在使用组件的HTML文件中，在使用的地方，用th:replace或者th:insert引入即可。
th:replace：保留自己的主标签，保留 th:fragment 的标签
th:insert：不要自己的主标签，保留 th:fragment 的标签

<html  lang="en" xmlns:th="http://www.thymeleaf.org" th:with="title='管理中心',active='home'">
<head>
    .....
</head>
<header th:replace="index::headerFragment(${title},${active})"></header>
<body>
    <div th:replace="index::header-body"></div>
    <div>
        
    </div>
</body>

th:with : 定义局部变量，此处是将定义的变量传到组件fragment所需的两个参数中

清幽子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
springboot中的HTML页面作为组件使用

用Thymeleaf进行组件调用。首先在想要作为组件的HTML中，头部在HTML标签中引入thymeleaf链接，在head标签中使用到的标签是 th:fragment = “ id（ valueOne , valueTwo）”，在HTML文件中，将有可能多个地方出现的元素块，用 fragment 包裹起来<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf
复制链接

扫一扫