欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

thymeleaf引用公共頁面-創(chuàng)新互聯(lián)

本例采用的是Springboot+thymeleaf,因為公共頁面屬于動態(tài)頁,因此需要放在templates目錄下(具體幾層自定義即可),我們這里做一個引用頭部、主體和底部公共信息的示例

為湞江等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及湞江網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、網(wǎng)站制作、湞江網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!

1. 公共信息頁面

head.html,使?th:fragment 屬性來定義被包含的模版?段,以供其他模版引用或者包含,這里我們定義了頭部(admin_head(title))、主體(admin_common)、底部(admin_bottom)三個模板片段

<!DOCTYPE html>
<html>
<head th:fragment="admin_head(title)">
    <meta charset="UTF-8">
    <title th:text="${title}"></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <base th:href="${#request.getContextPath()}+'/'">
    <!-- 引用頁面css樣式 -->
    <link rel="stylesheet" th:href="@{/css/common/public.css}" media="all"/>
</head>
<body>
<th:block th:fragment="admin_common">
這是公共信息
</th:block>
<th:block th:fragment="admin_bottom">
    <!-- jquery控件 -->
    <script type="text/javascript" charset="utf-8" th:src="@{/js/common/jquery-3.4.1.min.js}"></script>
</th:block>
</body>
</html>

2. 引用定義好的模板片段

2.1 示例1

main.html,雙冒號(::)前面是公共頁面路徑,不受當(dāng)前頁面層級影響,直接從根路徑寫即可

<!DOCTYPE html>
<html>
<!-- 引用公共頁面頭部片段信息,雙冒號(::)前后都要有空格,切記 -->
<head th:replace="common/head :: admin_head(測試頁)">
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<!-- 引用公共頁面主體片段信息 -->
<body th:include="common/head :: admin_common">

</body>
</html>

我們來看一下頁面源碼,頭部信息和主體都已經(jīng)加載過來了

thymeleaf引用公共頁面

2.2 示例2

list.html,雙冒號(::)前面是公共頁面路徑,不受當(dāng)前頁面層級影響,直接從根路徑寫即可

<!DOCTYPE html>
<html>
<!-- 引用公共頁面頭部片段信息,雙冒號(::)前后都要有空格,切記 -->
<head th:replace="common/head :: admin_head(user列表)"></head>
<body>
    OK
    <!-- 引用公共頁面底部片段信息 -->
    <th:block th:replace="common/head :: admin_bottom"></th:block>
</body>
</html>

我們來看一下頁面源碼,頭部信息和主體都已經(jīng)加載過來了

thymeleaf引用公共頁面

3. 引用說明

引用模板的時候可以使用 th:insert或者 th:replaceth:insert與th:replace 區(qū)別如下:
th:insert:將被引用的模板片段插?到自己的標簽體中
th:replace:將被引用的模板片段替換掉自己
th:include:類似于 th:insert,?不是插??段,它只插?此?段的內(nèi)容(Thymeleaf 3.0 之后不再推薦使?)

4. 項目目錄結(jié)構(gòu)如下

thymeleaf引用公共頁面

5. 標簽說明

th:block空標簽詳解

6 源碼

移步碼云下載

本文名稱:thymeleaf引用公共頁面-創(chuàng)新互聯(lián)
網(wǎng)站鏈接:http://aaarwkj.com/article42/pgshc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、ChatGPT移動網(wǎng)站建設(shè)、面包屑導(dǎo)航、靜態(tài)網(wǎng)站電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)
很黄很刺激的视频中文字幕| 欧美日韩性性在线观看| 91内射视频在线播放| 国产免费播放一区二区三区| 亚洲不卡在线视频免费| 久久伊人亚洲精品中文字幕| 久久国产精品午夜亚洲欧美| 国产又粗又长又爽网站| 国产高清精品在线一区| 日韩精品极品在线免费视频| 欧美欧成人一区二区三区a∨| 国产精品一区二区一牛影视| 特黄一级黄色大片免费看| 国产老熟女高潮一区二区| 婷婷久久五月综合激情| 国产情侣自拍在线观看| 麻豆文化传媒免费网址| 日韩一区二区三区成人| 欧美国产精品中文字幕| 蜜桃av一区二区三区在线| 91九色午夜在线观看| 亚洲精品欧美综合第四区| 国产精品国产精品国产| 精品毛片av一区二区三区| 日韩欧美国产精品一区| 黄色日韩欧美在线观看| 高清大片免费看一区二区| 国产欧美日韩一级二级三级| 免费欧美一级黄片播放| 久久欧精品欧美日韩精品| 高颜值紧身牛仔裤国产精品| 国产一区二区黄色录像| 中高龄夫妇五十路六十路| 精品国产一区=区三区乱码| 六十路人妻一区二区三区| 日本欧美自拍偷拍高清| 亚洲熟妇精品一区二区| 深夜视频国产在线观看| 国产精品国产亚洲精品看不| 欧美日韩亚洲中文二区| 99热视频在线观看免费|