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.测试

相关阅读:
LINQ 查询
自学（网络安全）黑客——高效学习2024
ShapeableImageView 的使用,告别shape、三方库
【天池竞赛】心跳数据挖掘
宠物医院必备，介绍一款宠物疫苗接种管理软件
skdaima
【项目管理】DBClient
HTML+CSS-Day10
NOIP2023模拟13联测34 abstract
路由器二次开发一步一步把工业路由器变成一个高端的可指定出网、节点和链路的路由器，包含详细过程及快捷脚本（二）

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