thymeleaf基本语法

本文介绍Thymeleaf模板引擎中的关键语法,包括条件判断、变量输出、链接构造及字符串操作等,帮助开发者快速掌握Thymeleaf的核心用法。

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

需要判断HashMap中是否存在对应的key,如果存在,则取出并输出,如果不存在,输出空
th:value="${#maps.containsKey(searchMap,‘keywords’)? searchMap.keywords:’’}"

unless,包含则不执行
th:unless="${#maps.containsKey(searchMap,‘category’)}"

src图片:
th:src="${item.image} "

utext会识别相关的标签,abbreviate:截取对应的字符:
th:utext="${#strings.abbreviate(item.name,100)}"

@{}里面写url地址,如果需要添加参数,则在url地址后面添加()
th:href="@{url地址(category=KaTeX parse error: Expected 'EOF', got '}' at position 12: {category})}̲" th:href="@{{url}(category=${category})}"

字符串替代
th:text="${#String.replace(spec.key,‘spec_’,’ ')}"

字符串以xxx开头
th:if="${#strings.startsWith(spec.key,‘spec_’)}"

### Thymeleaf 中 HTML 语法的使用指南 Thymeleaf 是一种现代服务器端 Java 模板引擎,支持 Web 和独立环境下的开发。它允许开发者在标准 HTML 文件的基础上扩展功能,从而实现动态内容生成。 #### 声明 Thymeleaf 标识 为了使 HTML 文件能够被 Thymeleaf 解析,在文档头部需要添加特定命名空间声明 `xmlns:th`。这一步是必不可少的,因为只有这样 Thymeleaf 才能识别并解析文件中的自定义属性[^1]。 ```html <html xmlns:th="http://www.thymeleaf.org"> ``` #### 动态文本设置 (`th:text`, `th:utext`) Thymeleaf 提供了多种方式来动态替换 HTML 元素的内容。其中最常用的方式之一就是通过 `th:text` 属性指定变量表达式,用于替代静态文本内容。如果希望保留 HTML 标签而不转义,则可以使用 `th:utext` 来代替[^4]。 ```html <div th:text="${message}">默认显示文字</div> <div th:utext="${contentWithHtmlTags}"></div> ``` #### 遍历集合数据 (`th:each`) 当需要展示列表型数据时,可以通过 `th:each` 实现循环遍历操作。该特性非常适合用来构建表格或者无序/有序列表等场景下重复渲染多个相似节点的情况[^4]。 ```html <table border="1"> <tr th:each="item : ${items}"> <td th:text="${item.name}">Item Name</td> <td th:text="${item.price}">Price</td> </tr> </table> ``` #### URL 处理 (`@{...}`, `th:href`, `th:src`) 针对链接地址或资源路径的处理,建议采用 `${@{}}` 的形式书写相对路径,并配合相应的 HTML 属性如 `href` 或者 `src` 加上前缀 `th:` 来完成最终拼接工作[^2]。 ```html <a th:href="@{/product/details(id=${productId})}">Product Details</a> <img th:src="@{/images/logo.png}" alt="Logo"/> ``` #### 放松 XML 要求 (可选) 从版本 3.0 开始,Thymeleaf 对于输入模板的要求变得更加灵活宽松,即使不完全遵循严格的 XML 结构也能正常运行程序逻辑[^5]。不过出于维护性和兼容性的考量,仍然鼓励按照传统 XML 方式编码。 --- ### 总结 以上介绍了几个核心概念以及它们的实际应用场景,涵盖了从基础配置到高级特性的广泛范围。这些知识点构成了理解如何有效利用 Thymeleaf 构建强大而优雅的应用界面的基础框架。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值