华为怎么进BT365

Thymeleaf是什么?该如何使用。

2025-09-02 22:55:26 作者 admin 阅读 3453
Thymeleaf是什么?该如何使用。

先了解Thymeleaf是什么

1. Thymeleaf 简介

Thymeleaf 是新⼀代 Java 模板引擎,与 Velocity、FreeMarker 等传统 Java 模板引擎不同,Thymeleaf ⽀持 HTML 原型,其⽂件后缀为“.html”,因此它可以直接被浏览器打开,如果你直接浏览器打开,此时浏览器会忽略未定义的 Thymeleaf 标签属性,展示thymeleaf 模板的静态⻚⾯(没有任何变化)效果;但是通过 Web 应⽤程序访问时,Thymeleaf 会动态地替换掉静态内容,使⻚⾯动态显示。

简而言之,就是之前你的html页面的一个p标签显示的是“法外狂徒张三”,加上Thymeleaf后,通过Web 应⽤程序访问后就变成了,“隔壁老王”。

使用只需要在前端页面注意这个就行了(声明命名空间,非必要,不写idea会爆红,但是不影响使用),html标签里面加上: xmlns:th="http://www.thymeleaf.org

然后就可以使用了

然后举个例子

法外狂徒张三

‘隔壁老王’ 这个地方可以使用占位符,我这样写比较直观

2.Thymeleafi 简单表达式:

变量表达式:${....}

选变量表达式:*{....}

消息表达式:#{....}

链接网址表达式:@{....}

片段表达式:~{....}

我使用的是 IntelliJ IDEA 2021.1 (Ultimate Edition)自己就有这个插件。基于manven的,所以你们该导包导包。

org.thymeleaf

thymeleaf

3.0.7.RELEASE

3.th 属性

标签属性

功能描述

示例

th:id

替换id

th:text

文本替换

description

th:utext

支持html的文本替换

content

th:object

替换对象

th:value

属性赋值

th:with

变量赋值运算

th:style

设置样式

th:onclick

点击事件

th:each

属性赋值

th:if

判断条件

th:unless

和th:if判断相反,满足条件时不显示

Login

th:href

链接地址

Login

th:switch

多路选择,配合th:case使用

th:fragment

模板布局,类似jsp的tag

© 2013 Footer

th:include

布局标签,替换内容到引入的文件

th:replace

布局标签,替换整个标签到引入的文件

th:selected

select选择框选中

th:selected="(${xxx.id} == ${configObj.dd})"

th:src

图片类地址引入

App Logo

th:inline

定义js脚本可以使用变量