30.在springboot中使用thymeleaf的模板（include,insert）

说明：

本项目是在

https://blog.csdn.net/weixin_59334478/article/details/126770911?spm=1001.2014.3001.5501https://blog.csdn.net/weixin_59334478/article/details/126770911?spm=1001.2014.3001.5501springboot文章29

修改而来

pom.xml文件，核心配置文件等文件，与文章29保持一致，本文只展示最新添加的文件，以减小文章冗余，更容易看出thymeleaf的使用方法。

知识点：

1.插入模板相当于，在当前标签中间插入引用过来的模板：例如


    第一种方式使用模板，th:insert

就等于



    百度公司
    网站：www.baidu.com

2.包含模板就相当于，引用过来的模板替换了当前的标签，例如：

就等于


    百度公司
    网站：www.baidu.com

项目结构：

1.index.html添加连接语句

2.ThymeleafController类添加方法

3.创建html文件

1)head.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>headtitle>
head>
<body>
          <div th:fragment="top">
              <p>百度公司p>
              <p>网站：www.baidu.comp>
          div>
 
 
        <div th:fragment="menu">
            <p>文档|下载|blogp>
 
        div>
body>
html>

2)footer.html


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>footertitle>
head>
<body>
       <div>
           footer.html
           @www.baidu.com
       div>
body>
html>

3)common目录下的leaf.html


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<div>
    左侧树形结构
    部门管理
    人员管理
    考勤入口
div>
 
body>
html>

4）customtpl.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>使用模板title>
head>
<body>
      <div style="margin-left: 200px;">
 
          <h3>使用其他目录中的模板文件h3>
          <div th:insert="common/left :: html">div>
          <br/>
          <br/>
          <div th:include="common/left">div>
 
 
          <div th:insert="head :: menu">div>
 
 
          <br/>
          <br/>
          <h3>插入模板  th:insert    第一种方式h3>
          <div th:insert="~{head :: top}">
              第一种方式使用模板，th:insert
          div>
 
          <br/>
          <br/>
          <h3>插入模板   th:insert   第二种方式h3>
          <p th:insert="head :: top">p>
 
 
          <br/>
          <br/>
          <h3>包含模板，  th:include   第一种语法h3>
          <div th:include="~{head :: top}">
 
          div>
 
 
          <br/>
          <br/>
          <h3>包含模板，  th:include   第二种语法h3>
          <div th:include="head :: top">
 
          div>
 
 
          <br/>
          <br/>
          <h3>使用整个文件作为复用的内容(整个文件作为模板使用)h3>
          <div th:include="footer :: html">div>
          <br/>
          <br/>
          <div th:include="footer">div>
          <br/>
          <br/>
          <div th:insert="footer">div>
 
 
 
 
      div>
body>
html>

4.测试

相关阅读:
【算法|前缀和系列No.5】leetcode1314. 矩阵区域和
DataKit 作为本地获取数据的 API 服务器
音视频开发：直播推流技术指南
Python应用爬虫下载QQ音乐歌曲！
108页6万字某小区施工组织设计方案
[单片机框架][bsp层][N32G4FR][framework][key_scan] 按键扫描
无涯教程-Python机器学习 - Stochastic Gradient Boosting函数
供应链管理（SCM）：界面设计全面扫盲，得供应链者得天下
神奇工具（支持Android系统）
Spring Cloud之BootstrapApplicationListener巧妙构建双容器

原文地址：https://blog.csdn.net/weixin_59334478/article/details/126775752