【Spring Boot】Thymeleaf模板引擎 — Thymeleaf页面布局

已于 2023-09-26 16:44:40 修改
阅读量745 收藏
点赞数
分类专栏： SpringBoot入门与实战 文章标签： spring boot 后端 java Thymeleaf
于 2023-08-08 16:04:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45627039/article/details/132144955
版权

Thymeleaf页面布局

熟悉Thymeleaf的语法和表达式后，后面开发起来会更加得心应手。接下来好好研究一下Thymeleaf如何实现完整的Web系统页面布局。

1.引入代码片段

在模板中经常希望包含来自其他模板页面的内容，如页脚、页眉、菜单等。为了做到这一点，Thymeleaf提供了th:fragment属性。下面通过在页面中添加标准的版权页脚的场景来演示如何引入代码片段。

步骤01 定义版权页脚代码片段。

在templates目录下创建版权模板页面footer.html，示例代码如下：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
了解本专栏 订阅专栏 解锁全文 超级会员免费看
衍生星球
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
【Spring Boot】Thymeleaf模板引擎 — Thymeleaf入门
衍生星球的博客
08-03 2131
Thymeleaf是一款非常优秀的服务器端页面模板引擎，适用于Web和独立环境，具有丰富的标签语言和函数，能够处理HTML、XML、JavaScript甚至文本。Thymeleaf相较于其他模板引擎更加优雅。它强调自然模板化（允许模板成为工作原型，而Velocity、FreeMarker模板不允许这样做），所以它的语法更干净，更符合当前Web开发的趋势。
Spring Boot集成Thymeleaf模板引擎的完整步骤
08-26
主要给大家介绍了关于Spring Boot集成Thymeleaf模板引擎的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
springboot整合thymeleaf实现登录跳转（详细）
qq_62923382的博客
08-29 7468
springboot、springboot整合thymeleaf实现登录跳转（采用重定向）
SpringBoot07：Thymeleaf模板引擎
weixin_44740328的博客
07-11 1496
只需要把html页面放在类路径下的Template下，thymeleaf就可以自动渲染页面了。前端交给我们的页面，是html页面。如果是我们以前开发，需要把它们转成jsp页面；模板引擎的作用就是我们来写一个页面模板，动态值的获取方式是写一些表达式，Spring官方文档：找到我们对应的版本。完结，撒花✿✿ヽ(°▽°)ノ✿·~~~~~~~我们可以在其中看到默认的前缀和后缀！语法学习可以参考官网文档说明。其实jsp就是一个模板引擎。
2.SpringBoot利用Thymeleaf实现页面的展示
最新发布
Beau Wang
04-04 452
Thymeleaf是一个现代服务器端Java模板引擎，适用于Web和独立环境，能够处理HTML，XML，JavaScript，CSS甚至纯文本。Thymeleaf的主要目标是提供一种优雅且高度可维护的模板创建方式。为实现这一目标，它以自然模板的概念为基础，将其逻辑注入模板文件，其方式不会影响模板被用作设计原型。这改善了设计沟通，缩小了设计和开发团队之间的差距。Thymeleaf也从一开始就设计了Web标准 - 特别是HTML5 - 允许您创建完全验证的模板，如果您需要的话。
【JavaWeb】Thymeleaf的简介与使用
runofsun的博客
02-26 5889
Thmeleaf MVC 为什么需要MVC 我们之前在书城项目第二阶段做登录的时候，曾经提出过优化登录失败后的处理 虽然说可以实现在登录失败之后跳转回到登录页面，并且展示失败信息，但是代码实在是太恶心了，根本没法维护，所以我们需要将视图展示抽取出来，单独作为一个View视图层 但是我们如果只使用HTML作为视图的话，它是无法展示动态数据的，所以我们对HTML的新的期待：既能够正常显示页面，又能在页面中包含动态数据部分。而动态数据单靠HTML本身是无法做到的，所以此时我们需要引入服务器端动态视图模板技术。 2
Thymeleaf引擎模板
m0_51228846的博客
06-08 1266
Thymeleaf大家好，我是bigsai，今天我们来学习Thymeleaf，如果你对Thymeleaf比较陌生也不要紧，它很容易学习与理解，并有着自己鲜明的特色。什么是Thymeleaf？Thymeleaf 官网是这么解释的：Thymeleaf is a modern server-side Java template engine for both web and standalone environments.译过来就是：Thymeleaf是适用于Web和独立环境的现代服务器端。
Thymeleaf页面布局
allway2的博客
11-14 1483
Thymeleaf 可以使用（它将简单地插入指定的片段作为其主机标签的正文）或（实际上将主机标签替换为片段的主机标签）将其他页面的一部分作为片段（而 JSP 只包含完整的页面）。来完成，这是一个非官方的JavaScript库，它是Thymeleaf标准片段包含功能的实现，为一些Thymeleaf属性提供静态支持，如or，条件显示with/等。此解决方案的主要优点是重用视图的原子部分和模块化设计，而主要缺点是需要更多的配置才能使用它们，因此视图的复杂性大于使用更“自然”的包含样式布局。
spring-boot运行页面路径配置和thymleaf模板路径配置
qq_44680925的博客
11-20 1259
这里简单说一下spring-boot要运行的页面放在哪个文件夹以及thymleaf模板运行在哪个文件夹的配置问题。 spring-boot运行的页面都是放在templates文件夹里面，在application.properties配置如下代码 server.port=8080 server.servlet.context-path=/ #thymleaf模板引擎 #th模板文件夹 spring...
Spring Boot入门(19)：Spring Boot 整合 Thymeleaf 模板引擎，开发Web页面 | 超级详细，建议收藏
**My Coding Family**
08-27 2430
Spring Boot 如何整合 Thymeleaf 模板引擎开发Web页面？一文教会你。
5.5 Thymeleaf 页面布局（Thymeleaf 公共页面抽取）
Shipley_Leo的博客
02-13 615
Thymeleaf 页面布局（Thymeleaf 公共页面抽取）
SpringBoot使用thymeleaf实现布局方案一，不懂就out了(循序渐进的超级详细讲解方式) - 第424篇
悟纤学院
04-25 1859
在搭建一个网页的时候，一般的会分为header、content、footer，也就是导航部分、中间的内容部分、以及底部。对于header和footer这两个部分一般的是很多页面公用的，那么这时候，我们会把公共的部分进行抽离出来...
详解spring Boot 集成 Thymeleaf模板引擎实例
08-29
本篇文章主要介绍了spring Boot 集成 Thymeleaf模板引擎实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
spring boot使用thymeleaf跳转页面实例代码
08-30
本篇文章主要介绍了spring boot使用thymeleaf跳转页面，实例介绍了thymeleaf的原理和介绍，有兴趣的可以了解一下。
spring boot使用thymeleaf模板的方法详解
08-29
thymeleaf 是新一代的模板引擎，在spring4.0中推荐使用thymeleaf来做前端模版引擎。下面这篇文章主要给大家介绍了关于spring boot使用thymeleaf模板的方法，文中通过示例代码介绍的非常详细，需要的朋友们下面来一起...
Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图的方法
08-28
主要介绍了Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图的方法,本文给大家介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下
Thymeleaf详细教程（SpringBoot版）
路漫漫其修远兮，吾将上下而求索
02-17 9811
Thymeleaf是一个服务器端 Java 模板引擎，能够处理 HTML、XML、CSS、JAVASCRIPT 等模板文件。Thymeleaf 模板可以直接当作静态原型来使用，它主要目标是为开发者的开发工作流程带来优雅的自然模板，也是 Java 服务器端 HTML5 开发的理想选择。也就是说，当我们项目不用前后端分离进行开发的话，混合开发就需要使用到模板引擎。如果是纯静态页面，当然无需用到模板引擎。
网站页面静态化（二）thymeleaf生成
热门推荐
夜郎King的博客
02-03 1万+
本文说明了如何基于springboot和thymeleaf的全站页面静态化方案的大概解决方案​雏形。例子中说明了具体的处理流程以及关键技术，至于存储和网页模板需要根据实际项目进行​调整开发。
使用Thymeleaf构建页面
theVicTory的博客
06-15 1299
Thymeleaf是用来开发Web和独立环境项目的服务器端的Java模版引擎，它具有如下特点： 动静结合：Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内
spring boot thymeleaf
03-16
Spring Boot Thymeleaf 是一种基于 Spring Boot 框架的模板引擎，它可以帮助开发者快速构建 Web 应用程序。Thymeleaf 具有简单易用、灵活性高、可扩展性强等特点，同时也支持多种模板语法，包括 HTML、XML、JavaScript 等。使用 Spring Boot Thymeleaf，开发者可以轻松地实现动态页面渲染、表单验证、国际化等功能，提高开发效率和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

衍生星球

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值