Spring Boot基础学习笔记09：Thymeleaf模板引擎

已于 2023-06-12 08:53:56 修改
阅读量1.2k 收藏 2
点赞数 4
分类专栏： Spring从入门到实践 文章标签： spring boot 学习 笔记
于 2020-08-14 11:21:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/howard2005/article/details/107998336
版权
本文档详细介绍了Spring Boot如何整合Thymeleaf模板引擎和Bootstrap框架，从Thymeleaf的基本语法、配置，到创建登录页面、访问模型数据，以及JavaScript与模型数据交互，最后给出了课后作业，涉及数据库读取用户信息的验证。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

零、学习目标

  1. 了解Spring Boot支持的视图技术
  2. 掌握Thymeleaf常用标签
  3. 掌握Thymeleaf标准表达式
  4. 掌握Thymeleaf基本使用
  5. 掌握使用Thymeleaf完成数据的页面展示

一、Spring Boot支持的视图技术

  • Spring Boot框架为简化项目的整体开发，对一些常用的视图技术实现了整合支持，并主要推荐整合模板引擎技术来实现前端页面的动态化内容。
  • Spring Boot可整合的模板引擎技术
  1. FreeMarker
  2. Groovy
  3. Thymeleaf
  4. Mustache
    ……

二、Thymeleaf基本语法

1、Thymeleaf常用标

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Spring Boot基础学习笔记15：实现文件下载功能
howard2005的专栏
03-01 910
下载文件能够通过IO流实现，所以多数框架并没有对文件下载进行封装处理。文件下载时涉及到不同浏览器的解析处理，可能会出现中文乱码的情况，因此需要设法解决中文乱码问题。
Spring Boot基础学习笔记10：配置国际化页面
asdhkjdk_的博客
06-22 182
一、使用Thymeleaf配置国际化页面 使用场景：不同国家使用不同的语言，此例对登录页面login.html进行中英两个语言国际化处理 （一）创建Spring Boot项目 - ThymeleafI18N 将上一讲Thymeleaf中的登录控制器、Bootstrap、模板页面、应用属性文件拷贝到新项目 启动应用，测试效果 登录成功截图 登录失败截图 二）编写多语言国际化配置文件 1、在resources下创建i18n目录 i18n - internationalization，i与n之间有
Thymeleaf 3学习
anjia3950的博客
11-28 391
Thymeleaf学习 1.介绍 Thymeleaf (麝香草叶子), /ˈtaɪmˌlɪːf/ 是一个服务端java模板引擎框架,它能够处理多种数据格式，包括HTML, XML, JavaScript, CSS以及普通文本。 2.简单的示例 <!DOCTYPE html> <!--声明 th 名称空间--> <html xmlns:th="http://w...
thymeleaf 常用标签
wait_for_me的专栏
11-13 372
1、spring boot 集成 thymeleaf 在pom.xml 文件中添加： <!--引入thymeleaf的依赖--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thym...
springBoot模板引擎thymeleaf的基本用法
weixin_42338186的博客
08-04 595
上篇写了怎么导入thymeleaf，和为什么要用模板引擎。本篇简单的总结了，thymeleaf的基本用法。 1）、th:text；改变当前元素里面的文本内容(${}) ​    th：任意html属性；来替换原生属性的值(例如，元素的id，class的值等), 具体用法如上图，     Selection Variable Expressions: *{...}：选择表达式：和${}在功...
Spring Boot整合Thymeleaf
年少不知曲中意,再听已是曲终人
12-15 350
项目结构 一、创建Spring Boot项目，引入Thymeleaf依赖 　 二、编写配置文件application.properties # thymeleaf页面缓存设置（默认为true），开发中方便调试应设置为false，上线稳定后应保持默认true spring.thymeleaf.cache=false # 配置国际化文件基础名 spring.message...
Thymeleaf系列六 模板 template
不积跬步无以至千里; 不积小流无以成江海
06-19 1万+
1. 概述在web开发中，我们经常会将公共头，公共尾，菜单等部分提取成模板供其它页面使用。在thymeleaf中，通过th:fragment、th:include、th:replace、参数化模板配置、css选择器加载代码块等实现。下文通过例子来说明用法: fragment语法 通过 th:fragment 和 css选择器加载代码块 th:include 和 th:replace 参数化模板配置
Spring Boot基础学习笔记10:使用Thymeleaf配置国际化页面
qianyikang的博客
06-21 230
1.创建项目【ThymeleafI18N】 （将上一讲的）
使用th:utext处理HTML节点转义文本
m0_52613676的博客
01-07 943
直接上代码： @RequestMapping("test") public String test(ModelMap mm) { mm.addAttribute("text", "你好,<span style='color: red'>疯狂 Java</span>"); return "test"; } <span th:text="${text}"></span><br> <span th:utext="${text}"&
模板引擎(thymeleaf模板语法)
zp的博客
12-19 2380
表达式语法 th:text为thymeleaf命令,${name}为要渲染的变量,通过th:[属性] = ${变量}为html标签属性赋值,变量支持ognl表达式 <div th:text="${name}"></div> 常用th命令 方法 描述 th:id 替换标签id属性 th:text 替换标签文本 th:utext 支持html的文本替换 th:object 替换为对象,标签内可直接引用该对象属性示例 th:value 替换标签va..
templates基础语法
qq_42661906的博客
06-13 797
th:href—引css <link rel="stylesheet" th:href="@{/css/font.css}"> th:src—引js <script th:src="@{/js/jquery-3.5.0.js}"></script> th:value—给input赋值 <input class="layui-input" th:value="${admin.name}" autocomplete="off" placeholder="姓名" na
jstemplate 语法简单整理
白浪滔天
09-14 655
加班到现在，处于无意识阶段，整理一下jstemplate简单用法： 1.标识符。jstemplate 使用{}作为开始和结束标记。 2.变量定义。 例如：{temp=0} 3.函数，js中函数大部分函数可以在jstemplate使用。   例如：{$T.user.name.substring(0,4)}   4.条件判断 (1). #if 例, {#if $...
Thymeleaf 的简单语法和常用th标签
zhangyuliang6430的博客
05-15 1万+
先说句有用的废话: thymeleaf模板语法,都以 th 属性开头,如: <span th:text="..."> 一,thymeleaf-简单表达式 1.变量表达式 2.选择或星号表达式 3.文字国际化表达式 4.URL表达式 1,变量表达式 Thymeleaf模板引擎在进行模板渲染时，还会附带一个Context存放进行模板渲染的变量，在模板中定义的表达式本质上就是从Contex...
spring-boot--使用thymeleaf模板
热门推荐
爱笑的博客
08-28 11万+
转:http://jisonami.iteye.com/blog/2301387 本文记录一下几点：  一、资源文件的约定目录结构  二、Maven配置  三、开发时修改thymeleaf模板自动重新加载配置  四、thymeleaf常用基础知识点 一、资源文件的约定目录结构  Maven的资源文件目录：/src/java/resources  spring
thymeleaf中的模板布局
weixin_30298497的博客
10-17 315
一.包括模板片段: 　　1：定义和引用片段，我们经常会想要包含在模板片段来自其他模板。常见的用途是页脚、标题、菜单…; 为了做到这一点,Thymeleaf需要我们定义包含可用的片段,我们可以通过使用th:fragment属性。 　　定义一个页面底部footer页面，在每一个需要的页面都可以用的模板，可以通过使用th:fragment属性 <div th:fragm...
SpringBoot 动态templates下存放的页面常用的th标签
码农新锐
05-11 2647
常用标签 常用th标签都有那些？ 关键字 　　功能介绍 　　　　案例 th:id 　　替换id 　　　　 <input th:id="'xxx' + ${collect.id}"/> th:text 　文本替换 　　　　<p th:text="${collect.description}">description</p&gt...
5）Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove
蚩尤后裔-汪茂雄
12-03 4万+
目录 th:fragment 模板布局 模板片段说明 ⽚段表达式语法 th:insert 与 th:replace 区别 参数化片段签名 编码示例 commons.html 公共模板 user/home.html 引入模板片段 运行效果 th:remove 删除模版片段 th:fragment 模板布局 模板片段说明 模板中，经常希望从其他模板中包含⼀些部...
template的用法(超详细)
m0_52902391的博客
11-21 6万+
假如我们有以下函数 int compare(const string &v1,const string &v2) { if(v1<v2)return -1; if(v1>v2)return 1; return 0; } 这个函数比较两个值并指出两个值的大于，小于或者等于关系。 1.函数模板 1. template<typename T> int compare(const T&v1,const T&v2) {
（八）Thymeleaf的 th:* 属性之—— 模板布局& th:with& 属性优先级
guying4875的专栏
07-23 2408
转载自：http://www.cnblogs.com/zjfjava/p/6893739.html 3.7 模板布局 模板名称：layout.html 3.7.1 th:fragment e.g.模板名为footer.html页面body部分如下： &lt;body&gt; 　　&lt;div th:fragment="copy"&gt; &amp;copy; 2011 T...
深入理解Spring Boot：Thymeleaf、国际化与MyBatis整合
资源摘要信息:"Spring Boot学习笔记" 知识点: 1. Spring Boot介绍 Spring Boot是基于Spring的一个开源框架，它提供了快速开发、简化配置的特性。Spring Boot旨在简化Spring应用的初始搭建以及开发过程，通过提供一...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

酒城译痴无心剑

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

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

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

打赏作者

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

抵扣说明：

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

余额充值