ToB企服应用市场:ToB评测及商务社交产业平台

标题: Thymeleaf是什么？该如何使用。 [打印本页]

作者: 石小疯 时间: 2022-9-4 17:51
标题: Thymeleaf是什么？该如何使用。
先了解Thymeleaf是什么1. Thymeleaf 简介　　Thymeleaf 是新⼀代 Java 模板引擎，与 Velocity、FreeMarker 等传统 Java 模板引擎不同，Thymeleaf ⽀持 HTML 原型，其⽂件后缀为“.html”，因此它可以直接被浏览器打开，如果你直接浏览器打开，此时浏览器会忽略未定义的 Thymeleaf 标签属性，展示thymeleaf 模板的静态⻚⾯（没有任何变化）效果；但是通过 Web 应⽤程序访问时，Thymeleaf 会动态地替换掉静态内容，使⻚⾯动态显示。　　简而言之，就是之前你的html页面的一个p标签显示的是“法外狂徒张三”，加上Thymeleaf后，通过Web 应⽤程序访问后就变成了，“隔壁老王”。使用只需要在前端页面注意这个就行了，html标签里面加上： xmlns:th="http://www.thymeleaf.org

<html lang="en" xmlns:th="http://www.thymeleaf.org">
然后就可以使用了

复制代码

然后举个例子

<h1 th:text="${'隔壁老王'}">法外狂徒张三</h1>

复制代码

‘隔壁老王’ 这个地方可以使用占位符，我这样写比较直观
2.Thymeleafi 简单表达式：

变量表达式：${....}
选变量表达式：*{....}
消息表达式：#{....}
链接网址表达式：@{....}
片段表达式：~{....}

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

<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf</artifactId>
<version>3.0.7.RELEASE</version>
</dependency>

复制代码

3.th 属性 [table][tr]标签属性功能描述示例[/tr][tr][td]th:id[/td][td]替换id[/td][td][/td][/tr][tr][td]th:text[/td][td]文本替换[/td][td]description
[/td][/tr][tr][td]th:utext[/td][td]支持html的文本替换[/td][td]content
[/td][/tr][tr][td]th:object[/td][td]替换对象[/td][td][/td][/tr][tr][td]th:value[/td][td]属性赋值[/td][td][/td][/tr][tr][td]th:with[/td][td]变量赋值运算[/td][td][/td][/tr][tr][td]th:style[/td][td]设置样式[/td][td][/td][/tr][tr][td]th:onclick[/td][td]点击事件[/td][td][td]

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)