themleft模板库_thymeleaf模板引擎

本文介绍了Thymeleaf模板引擎的使用方法,包括如何引入、基本语法和常用属性。通过th:text、th:value等属性进行数据绑定,th:each实现循环,th:if进行条件判断,以及th:insert、th:replace进行代码块引入。同时,文章还提到了Thymeleaf的表达式如变量表达式${}、选择表达式*{}、URL链接表达式@{}等。
摘要由CSDN通过智能技术生成

thymeleaf 模块引擎类似于JSP的EL表达式

1.引入thymeleaf

org.springframework.boot

spring-boot-starter-thymeleaf

3.0.11.RELEASE

2.1.1

2.thymeleaf的使用&语法

只要我们把HTML文件放在classpath:/templates;thymeleaf会自动渲染

e3b363569247a0634a2c7ec7017b24e6.png         

3dd7591f7d19e69b13501d125d527c8d.png

1)场景:我们controller有数据需要在HTML展示

a.      在controller层写数据例如:

f33e20ea7b4f84f402ede768046d0534.png

b.   在HTML引入       thymeleaf的名称空间

并在body里写入

4ec392b5023ddb744f37441c91efb2e5.png

c.  启动 SpringBoot 访问/success

6b7c49e0343a36a62befd1f42b685978.png

3.thymeleaf命名的规则

1)基本属性

html有的属性,Thymeleaf基本都有,而常用的属性大概有七八个。其中th属性执行的优先级从1~8,数字越低优先级越高。

一、th:text :设置当前元素的文本内容,相同功能的还有th:utext,两者的区别在于前者不会转义html标签,后者会。优先级不高:order=7

二、th:value:设置当前元素的value值,类似修改指定属性的还有th:src,th:href。优先级不高:order=6

三、th:each:遍历循环元素,和th:text或th:value一起使用。注意该属性修饰的标签位置,详细往后看。优先级很高:order=2

四、th:if:条件判断,类似的还有th:unless,th:switch,th:case。优先级较高:order=3

五、th:insert:代码块引入,类似的还有th:replace,th:include,三者的区别较大,若使用不恰当会破坏html结构,常用于公共代码块提取的场景。优先级最高:order=1

六、th:fragment:定义代码块,方便被th:insert引用。优先级最低:order=8

七、th:object:声明变量,一般和*{}一起配合使用,达到偷懒的效果。优先级一般:order=4

八、th:attr:修改任意属性,实际开发中用的较少,因为有丰富的其他th属性帮忙,类似的还有th:attrappend,th:attrprepend。优先级一般:order=5

2)表达式

一、变量表达式${ }

例子:

二、选择表达式*{ }

name: 

age: 

habbit: 

三、URL链接表达式 @{ }

main

四、获取国际化内容 #{ }

五、片段引用表达式 ~{ }

简单测试一下:controller层

d65a7bdac7c22998abb804f7c275384a.png

HTML 页面:  其中[[]] 表示th:text   [()]表示th:utext

1c211f2b4b29d6ab4e91c466237cb446.png

查看页面

c2dbeb35cdf59a1645f3605808b94095.png

Thymeleaf 是一种 Java 模板引擎,可以用于 Web 应用程序的开发。它允许开发人员使用 HTML 模板创建动态内容,并将其与 Java 代码集成。使用 Thymeleaf,可以轻松地将数据绑定到 HTML 页面上,并根据需要进行格式化、转换和验证。 下面是使用 Thymeleaf 的基本步骤: 1. 添加 Thymeleaf 依赖项 在 Maven 项目中,需要在 pom.xml 文件中添加以下依赖项: ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 2. 创建 Thymeleaf 模板 在 src/main/resources/templates 目录下创建一个 HTML 文件,例如 index.html。在 HTML 文件中添加 Thymeleaf 标记,例如: ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Thymeleaf Example</title> </head> <body> <h1 th:text="${title}">Default Title</h1> </body> </html> ``` 在上面的例子中,使用了 Thymeleaf 的表达式 ${title} 来绑定一个标题。如果没有传递标题参数,则默认使用 "Default Title"。 3. 创建控制器 在控制器类中创建一个处理请求的方法,并将模板名称和数据传递给 Thymeleaf 引擎。例如: ``` @Controller public class MyController { @GetMapping("/") public String index(Model model) { model.addAttribute("title", "Welcome to Thymeleaf!"); return "index"; } } ``` 在上面的例子中,使用了 @GetMapping 注释来处理 GET 请求,并将标题传递给 Thymeleaf 模板。 4. 运行应用程序 运行应用程序后,访问 http://localhost:8080/ 将显示包含标题的 HTML 页面。如果没有传递标题参数,则默认使用 "Default Title"。 这就是使用 Thymeleaf 的基本步骤。除此之外,Thymeleaf 还提供了许多其他功能,例如条件逻辑、迭代、国际化等。可以查看 Thymeleaf 文档以了解更多信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值