一、前言

為什么要使用模板頁(yè)(Layout)

網(wǎng)站中往往有通用的布局，比如導(dǎo)航、底部等等，這些頁(yè)面中共用的部分，就需要放在母版頁(yè)(Layout)里面。

這樣每個(gè)頁(yè)面只用關(guān)注本頁(yè)面要完成的功能/內(nèi)容即可。提高了開(kāi)發(fā)效率，也降低了公共部分的維護(hù)成本。

二、實(shí)現(xiàn)方式

1、Thymeleaf母版頁(yè)示例

母版頁(yè)代碼(resources/templates/shared/layout1.html)

默認(rèn)內(nèi)容

母版頁(yè)定義一個(gè)id=content的片段，以便子頁(yè)面可以替換該內(nèi)容

2、Thymeleaf子頁(yè)面繼承示例

子頁(yè)面代碼(resources/templates/demo/page1.html)

page1子頁(yè)面內(nèi)容

子頁(yè)面引入模板layout1.html作為模板，并定義content同名片段覆蓋母版頁(yè)內(nèi)容

3、 控制器代碼示例

@RequestMapping("/page1")

ModelAndView page1(){

ModelAndView modelAndView=new ModelAndView();

modelAndView.addObject("title","page1頁(yè)面標(biāo)題");

modelAndView.setViewName("demo/page1");

return modelAndView;

}

4、最終的渲染結(jié)果

page1頁(yè)面標(biāo)題

page1子頁(yè)面內(nèi)容

三、備注

Thymeleaf語(yǔ)法/標(biāo)簽說(shuō)明

語(yǔ)法/標(biāo)簽

說(shuō)明

layout:fragment

定義模板片段，可以在子頁(yè)面用同名片段覆蓋

layout:decorator

引用Thymeleaf頁(yè)面作為母版/模板

本文同步分享在 博客“Ken”(other)。

如有侵權(quán)，請(qǐng)聯(lián)系 support@oschina.cn 刪除。

本文參與“OSC源創(chuàng)計(jì)劃”，歡迎正在閱讀的你也加入，一起分享。

總結(jié)

以上是生活随笔為你收集整理的母版页 中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。