springboot集成Thymeleaf模板

本文介绍Thymeleaf模板引擎的基础知识,包括Spring Boot集成、常用表达式与属性,如标准变量表达式、URL表达式及th:each循环等,并通过实例演示如何使用Thymeleaf进行页面渲染。

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

目录

在这里插入图片描述

一 认识Thymeleaf

在这里插入图片描述

二 springboot集成Thymeleaf

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三 Thymeleaf的标准表达式

在这里插入图片描述

1 标准变量表达式

在这里插入图片描述
在这里插入图片描述

2 选择变量表达式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3 URL表达式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
加了/,就会自动加入项目工程名,如下图
在这里插入图片描述

四 Thymeleaf的常见属性

在这里插入图片描述

th:action

在这里插入图片描述

th:each 循环(比较常用的)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下面是案例代码list示例,数组使用方法一样
在这里插入图片描述
在这里插入图片描述
以下是map集合的代码示例
在这里插入图片描述
在这里插入图片描述

th:href (参考上面的url表达式即可)

在这里插入图片描述

th:id

在这里插入图片描述
后台
在这里插入图片描述
前台
在这里插入图片描述

th:if

在这里插入图片描述
后台model里放了一个字符串1
在这里插入图片描述
前台比较判断(eq和=,好像都可以,不确定!!)
在这里插入图片描述

th:unless(与if相反,是取反操作)

在这里插入图片描述
在这里插入图片描述
th:switch/th:case
在这里插入图片描述

th:src (图片路径什么的)

在这里插入图片描述

th:value

在这里插入图片描述
下图相当于input输入框内会有解析出来的phone。如果这里是th:text,那么phone解析后会显示到输入框后面外面,而不是输入框里面
在这里插入图片描述

th:attr (给html某元素中某属性赋值)

在这里插入图片描述
在这里插入图片描述

th:onclick

在这里插入图片描述

th:style

在这里插入图片描述

th:mothed(直接写method就行,感觉这个没啥用)

在这里插入图片描述

th:name

设置表单名称
在这里插入图片描述

th:online

先看概念
在这里插入图片描述
在这里插入图片描述
测试内联文本
在这里插入图片描述
测试内联脚本
在这里插入图片描述

Thymeleaf的字面量

在这里插入图片描述

文本字面量

在这里插入图片描述

数字字面量

在这里插入图片描述

boolean字面量

在这里插入图片描述

null字面量

在这里插入图片描述

Thymefeaf字符串拼接

在这里插入图片描述

Thymeleaf三元运算符

在这里插入图片描述

Thymeleaf运算和关系判断

在这里插入图片描述

Thymeleaf表达式基本对象

在这里插入图片描述

#request

在这里插入图片描述
代码演示
后端放入一个name值在这里插入图片描述
前端取出name值
在这里插入图片描述

#session

在这里插入图片描述
代码演示
在这里插入图片描述
在这里插入图片描述

Thymaleaf表达式功能对象

先大概看一下在这里插入图片描述
在这里插入图片描述

*代码举例1 :格式化时间格式
在这里插入图片描述
前端取出时间并格式化显示在这里插入图片描述
代码示例2:字符串截取
在这里插入图片描述
在这里插入图片描述
真正使用时查官方文档
函数示例在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值