thymeleaf里面*{},@{},${}的用法

最近开发了个个人博客网站,前端框架使用了semantic-ui和thymeleaf,总结一下在前端里面*{},@{},${}的使用

先附上一张常用th标签表

关键字 功能介绍 案例
th:id 替换id <input th:id="'xxx' + ${collect.id}"/>
th:text 文本替换 <p th:text="${collect.description}">description</p>
th:utext 支持html的文本替换 <p th:utext="${htmlcontent}">conten</p>
th:object 替换对象 <div th:object="${session.user}">
th:value 属性赋值 <input th:value="${user.name}" />
th:with 变量赋值运算 <div th:with="isEven=${prodStat.count}%2==0"></d
Thymeleaf中,使用加号(+)进行字符串拼接时可能会报错,主要有以下几个原因: 1. **数据类型不匹配**Thymeleaf中的加号操作符主要用于字符串拼接。如果尝试将字符串与非字符串类型(如数字、对象等)进行拼接,可能会导致错误。例如,`"Hello " + 123` 会导致错误,因为Thymeleaf无法自动将数字转换为字符串。 2. **空值处理**:如果拼接的字符串中包含空值(null),可能会导致空指针异常。Thymeleaf在处理空值时需要特别小心,可以使用`?:`运算符来处理可能的空值。 3. **语法错误**:确保拼接的字符串和变量名拼写正确,并且使用了正确的语法。例如,`${variable1 + variable2}` 是正确的语法,但如果变量名拼写错误或未定义,就会导致错误。 ### 解决方法 1. **使用字符串连接**:确保所有拼接的部分都是字符串类型。例如: ```html <span th:text="'Hello ' + ${name}"></span> ``` 2. **处理空值**:使用`?:`运算符来处理空值。例如: ```html <span th:text="'Hello ' + (${name} ?: 'Guest')"></span> ``` 3. **使用Thymeleaf的字符串拼接语法**Thymeleaf提供了更简洁的字符串拼接语法,可以使用`|...|`来包裹字符串。例如: ```html <span th:text="|Hello ${name}|"></span> ``` ### 示例 假设有一个变量`name`,其值为`"John"`,可以使用以下几种方式进行拼接: 1. **使用加号**: ```html <span th:text="'Hello ' + ${name}"></span> ``` 2. **使用Thymeleaf的字符串拼接语法**: ```html <span th:text="|Hello ${name}|"></span> ``` 这两种方式都会输出`Hello John`。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值