thymeleaf的th:replace,th:include,th:insert用法


<div th:insert="/test/common2 :: res_common">div>

<div th:replace="/test/common2 :: res_common">div>

<div th:include="/test/common2 :: res_common">div>

th:insert会保留当前引入标签
th:replace会替换当前引入标签

common2.html文件

<div th:fragment="res_common">
    common2
div>

文件目录

thymeleaf的th:replace,th:include,th:insert用法_第1张图片
如果还渲染不出来看看aplication中自己对thymeleaf文件路径配置

th:replace引入公共js,css等部分

被引用的公共文件


<head th:fragment="res_common(title)">
    <meta charset="UTF-8">
    
    <title th:replace="${title}">title>

    <script type="text/javascript" src="/js/jquery.min.js">script>
    <link type="text/css" rel="stylesheet" href="/css/layui.css">
    <link type="text/css" rel="stylesheet" href="/layui/css/layui.mobile.css">
    <script type="text/javascript" src="/layui/layui.all.js">script>

head>

引用文件:
头部部分:

DOCTYPE html>

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

<head th:replace="/common/common :: res_common(~{::title})">
    <title>测试title>

head>
<body>

你可能感兴趣的:(thymeleaf的th:replace,th:include,th:insert用法)