1. 程式人生 > >thymeleaf模板佈局之引入其他html片段(類似jsp:include功能)

thymeleaf模板佈局之引入其他html片段(類似jsp:include功能)

在jsp中,一般使用jsp:include:xxx.jsp來實現這個功能,那在thymeleaf裡怎麼做呢

先說把所有html檔案都引入進來的方法:


我把導航欄的html片段單獨提了出來,如果想全部引用它,就在想引用的那個頁面

寫一個div,然後加上th:replace標籤

<div th:replace="navbar :: html"></div>

內容寫navbar :: html這裡注意,冒號冒號前後都有空格,我沒注意這一點踩了大坑

如果想引用一個html裡的某個片段怎麼辦呢

在想引用的html的標籤上打一個記號

<nav class="navbar navbar-inverse navbar-fixed-top" 
role="navigation" th:fragment="navbar">

這裡的th:fragment 意思是給這塊內容標記為navbar

要引用的話,就

<div th:replace="common :: navbar"></div>
意思是引用templates/common.html中的navbar程式碼塊