母版页中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...

一、前言

为什么要使用模板页(Layout)

网站中往往有通用的布局，比如导航、底部等等，这些页面中共用的部分，就需要放在母版页(Layout)里面。

这样每个页面只用关注本页面要完成的功能/内容即可。提高了开发效率，也降低了公共部分的维护成本。

二、实现方式

1、Thymeleaf母版页示例

母版页代码(resources/templates/shared/layout1.html)

默认内容

母版页定义一个id=content的片段，以便子页面可以替换该内容

2、Thymeleaf子页面继承示例

子页面代码(resources/templates/demo/page1.html)

page1子页面内容

子页面引入模板layout1.html作为模板，并定义content同名片段覆盖母版页内容

3、控制器代码示例

@RequestMapping("/page1")

ModelAndView page1(){

ModelAndView modelAndView=new ModelAndView();

modelAndView.addObject("title","page1页面标题");

modelAndView.setViewName("demo/page1");

return modelAndView;

}

4、最终的渲染结果

page1页面标题

page1子页面内容

三、备注

Thymeleaf语法/标签说明

语法/标签

说明

layout:fragment

定义模板片段，可以在子页面用同名片段覆盖

layout:decorator

引用Thymeleaf页面作为母版/模板

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

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。

母版页中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...相关推荐

Tips/Tricks#0：母版页中对控件ID的处理
注:此系列记录在我实际开发中遇到的问题和收藏一些技巧文章. 本篇技巧和诀窍记录的是:母版页中对控件ID的处理. 一.问题提出由于总体排版和设计的需要,我们往往创建母版页来实现整个网站的统一性,最近我 ...
excel转html乱码,EXCEL表格中数字乱码是什么原因？
EXCEL表格中数字乱码是什么原因?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. EXCEL表格中数字乱码的原因原因一:表格出现乱码可能是表格的列宽太 ...
win10c语言乱码修复方法,软件乱码教你win10系统打开软件乱码的修复技巧
最近有win10用户反馈,安装了一些软件,有时打开是会出现乱码,软件乱码怎么回事呢?在使用软件中遇到乱码的情况该怎么办呢?针对此问题,下面小编教你win10系统打开软件乱码的修复技巧. 最近有许多用户 ...
matlab到word文字转变,Matlab代码或中文复制到word变成乱码的解决技巧
Matlab代码或中文复制到word变成乱码怎么处理?本节就主要介绍了Matlab代码或中文复制到word变成乱码的解决技巧,还不了解的朋友就跟着小编学习一下吧,希望对你们有所帮助. 这是小编在Mat ...
rust熔炉怎么带走_Rust游戏中12个实用小技巧，包含无伤下坠、直梯爬楼
Rust是一款第一人称生存网络游戏,有点像野外求生,但这款游戏内容则更加丰富.刺激.血腥. 在这款游戏中玩家的第一任务就是活下来,而想要活下来你将要接受饥饿.干渴.寒冷等.游戏中玩家需要建造自己的庇护 ...
[转]JDBC中日期时间的处理技巧
Java中用类java.util.Date对日期/时间做了封装,此类提供了对年.月.日.时.分.秒.毫秒以及时区的控制方法,同时也提供一些工具方法,比如日期/时间的比较,前后判断等. java.uti ...
直接在PDF文件中改变字体的小技巧
2019独角兽企业重金招聘Python工程师标准>>> PDF文件大家接触的还是蛮多的,今天要给大家介绍一下直接在PDF文件中改变字体的小技巧,想来应该有蛮多小伙伴需要的. 具体操作 ...
嵌套母版页中的控件访问
嵌套母版页中的控件访问左直拳嵌套母版页中的控件访问很别扭. 如果一个内容页对应一个没有嵌套的母版页,访问这个母版页上的控件众所周知:类似(Button)Page.Master.FindContro ...
Json返回时间中出现乱码问题的两种解决方法
Json返回时间中出现乱码问题的两种解决方法参考文章: (1)Json返回时间中出现乱码问题的两种解决方法 (2)https://www.cnblogs.com/hanyinglong/archiv ...

母版页中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...

母版页中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...相关推荐

最新文章

热门文章

母版页 中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...

母版页 中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...相关推荐

最新文章

热门文章

母版页中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...

母版页中 html 乱码,Thymeleaf使用技巧：使用片段（fragment）实现母版页（Layout）功能...相关推荐