Thymeleaf 的 th:text 覆盖问题

最新推荐文章于 2023-12-07 11:57:53 发布
原创 最新推荐文章于 2023-12-07 11:57:53 发布 · 920 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#thymeleaf #th #SpringBoot

本文介绍了在SpringBoot结合Thymeleaf时如何正确处理变量不存在的情况，通过使用三元运算符实现默认值的设置，确保页面能正常显示预期内容。

在使用SpringBoot加Thymeleaf时，写了如下代码：

<p th:text="${username}">用户名</p>

这段代码的想要的效果是如果上下文存在username，那么就显示usernam，如果没有username，则显示用户民，但是经过测试结果发现，如果username在上下文中存在，显示username的值，但问题时，若不存在，则为空白，不显示”用户名“,这不是想要的效果，然后将代码进行修改。

<p th:text="${username?:'用户名'}"></p>

再次运行测试，成功。

注：因为原来看到下面这些，所以才会出现第一段代码的问题，是这段代码有误，还是自己的理解有误，希望有大佬看到能说一下，先谢过了！！！！！！！
在这里插入图片描述

第5章 Spring Boot的Web开发 一、Thymeleaf模板引擎
weixin_43820675的博客
02-06 1926
学习目标： 本章首先介绍Spring Boot的Web开发支持，然后介绍Thymeleaf视图模板引擎技术，最后介绍Spring Boot的Web开发技术（JSON数据交互、文件上传与下载、异常统一处理以及对JSP的支持）。通过对本章的学习，掌握Spring Boot的Web开发技术。 学习内容： Thymeleaf模板引擎 Spring Boot处理JSON数据 Spring Boot的文件上传与下载 Spring Boot的异常处理 Spring Boot对JSP的支持 学习时间： 提示：这里可以添
thymeleaf中th:text覆盖问题
weixin_44378875的博客
08-13 3126
在使用thymeleaf模板编写页面时发现父元素与子元素都用了th:text标签时，子元素的内容会被父元素覆盖。 <h4 class="media-heading" th:text="${question.title}"> <a th:href="@{'/question/'+${question.id}}" th:text="${question.title}">&...
什么是模板引擎？常见的模板引擎有哪些？thymeleaf的常用指令介绍。
m0_46420244的博客
07-10 4036
提示:我们在开发过程中，尝尝需要将获取到的数据信息，以页面的形式展示给用户目录一、模板引擎 1） 什么是模板引擎 2） 模板引擎工作模式 3）模板引擎分类 ①JSP ②freemarker ③velocit二、Themleaf 1）基本概念 2）特点 3）常用命令 ①th:text和th:utext
对于Thymeleaf模板引擎的小bug
m0_61417342的博客
04-12 204
例如：Thymeleaf模板引擎在html中拿到后端传来的数据爆红。
使用thymeleaf时，th:类标签失效的原因
Whoo_的博客
08-06 5722
使用thymeleaf时，th:类标签失效的原因
thymeleaf input th:value赋初始值
03-19
好的，我现在需要帮助用户解决如何在Thymeleaf中使用th:value为input元素赋初始值的问题。首先，我需要回忆一下Thymeleaf的基本用法和相关语法。根据用户提供的引用内容，特别是引用[2]中的示例，用户展示了一个...
表格内容太多怎么隐藏悬停才展示完整内容<div style="max-height: 900px;overflow: auto;"> <table class="table table-hover table-bordered" style="margin-bottom: 0;"> <thead class="bg-light" style="position: sticky; top: 0; z-index: 1;"> <tr class="head-table"> <th>序号</th> <th>异常标识码</th> <th>操作</th> <th>异常类型</th> <th>工段</th> <th>异常来源</th> <th>异常项目</th> <th>异常等级</th> <th>设备</th> <th>批次号</th> <th>站点</th> <th>工艺流程</th> <th>产品料号</th> <th>异常描述</th> <th>异常CODE类型</th> <th>异常数据</th> <th>异常开始时间</th> <th>是否处理</th> <th>处理人员</th> <th>处理备注</th> <th>结案时间</th> </tr> </thead> <tbody> <tr th:each="data,iterStat : ${page.records}" class="center-table"> <td th:text="${iterStat.count}"></td> <td th:text="${data.ALARMTIMEKEY}"></td> <td th:text="${iterStat.count}"></td> <td th:text="${data.ISSUETYPE}"></td> <td th:text="${data.FACTORYNAME}"></td> <td th:text="${data.ALARMTYPE}"></td> <td th:text="${data.ALARMID}"></td> <td th:text="${data.ALARMLEVEL}"></td> <td th:text="${data.MACHINENAME}"></td> <td th:text="${data.LOTNAME}"></td> <td th:text="${data.PROCESSOPERATIONNAME}"></td> <td th:text="${data.PROCESSFLOWNAME}"></td> <td th:text="${data.PRODUCTSPECNAME}"></td> <td th:text="${data.ALARMCOMMENT}"></td> <td th:text="${data.REASONCODETYPE}"></td> <td th:text="${data.REASONCODE}"></td> <td th:text="${data.START_TIME}"></td> <td th:text="${data.SOLVEFLAG}"></td> <td th:text="${data.SOLVE_USER}"></td> <td th:text="${data.SOLVE_REASON}"></td> <td th:text="${data.END_TIME}"></td> </tr> <!-- 空数据提示 --> <tr th:if="${page.records.isEmpty()}"> <td colspan="21" class="text-center text-muted">暂无数据</td> </tr> </tbody> </table> </div>
03-08
<td th:attr="data-bs-toggle='tooltip', title=${data.ALARMCOMMENT}" th:text="${data.ALARMCOMMENT}"> 但需要注意，如果数据中有特殊字符（如引号），可能会导致HTML属性错误，需要使用Thymeleaf的预处理来转义...
`<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Mask Status Report</title> <style> table { border-collapse: collapse; width: 100%; font-family: Arial, sans-serif; } th, td { border: 1px solid #ddd; padding: 8px; text-align: left; position: relative; } .td-content{ height: 100%; position: absolute; top: 0; padding: 0; width: 100%; left:0; display: flex; align-items: center; justify-content: center; } th { background-color: #f2f2f2; font-weight: bold; } .status-ok { background-color: #d4edda; } .status-onHold { background-color: #fff3cd; } .choice-yes { background-color: #66FF9957; } .choice-no { background-color: #FFCC9957; } .font-center{ text-align: center; } </style> </head> <body> <h2>Mask Status Report</h2> <h2 th:text="${productBody} + '-JDV review会签完成，rls mask/total mask：' + ${rlsMask}"></h2> <table> <thead> <tr> <!-- 固定表头 --> <th>Mask ID</th> <th>Mask Code</th> <th>Layer Name</th> <th>JDV Status</th> <!-- 固定属性列 --> <th th:each="frameRecord : ${fixedFrameProps}"> <span th:text="${frameRecord.getValue()}"></span> </th> <!-- 动态用户列 --> <th th:each="userId : ${dynamicUserNames}"> <span th:text="${userId}"></span> </th> </tr> </thead> <tbody> <tr th:each="data : ${maskDataList}"> <!-- 固定数据 --> <td th:text="${data.maskId}"></td> <td th:text="${data.maskCode}"></td> <td th:text="${data.layerName}"></td> <td class="font-center" th:classappend="'status-' + ${data.getJdvStatus()}" th:text="${data.getJdvStatus()}"></td> <!-- 固定属性数据 --> <td th:each="prop : ${fixedFrameProps}"> <div class="td-content" th:each="frameRecord : ${data.jdvSignatureFormFrameRecordList}" th:if="${frameRecord.prop} == ${prop.key}" th:classappend="'choice-' + ${frameRecord.choice}"> <span th:text="${frameRecord.choice}"> </span> </div> </td> <!-- 动态用户数据 --> <td th:each="userId : ${dynamicUserNames}"> <div class="td-content" th:each="chipRecord : ${data.jdvSignatureFormChipRecordList}" th:if="${chipRecord.userId} == ${userId}" th:classappend="'choice-' + ${chipRecord.choice}"> <span th:text="${chipRecord.choice}"> </span> </div> </td> </tr> </tbody> </table> </body> </html> 现在有一个Map<String, UserEntity> userIdMap集合，如果key和dynamicUserNames的userId相同则，赋值UserEntity中的userWorkId/name
11-01
<input type="text" th:value="${userEntity.userWorkId}" th:attr="data-user-id=${dynamicUser.userId}"> <input type="text" th:value="${userEntity.name}"> ``` ### 关键实现说明 1. **集合遍历** ...
<option th:each="procedure:${disProcess}" th:value="${procedure.id}" th:text="${procedure.process_name}"></option>
03-27
标签内保留默认文本可在未渲染模板时保持页面可读性，实际运行后会被`th:text`内容覆盖[^2] ### 扩展场景 若需动态设置选中状态，可添加条件判断： ```html <option th:each="user : ${userList}" th:value="${...
<!-- 动态用户列 --> <th th:each="userId : ${dynamicUserNames}"> <span th:text="${userId}"></span> </th>就帮我改这段就好了
最新发布
11-01
还有一个注意事项：Thymeleaf的表达式在属性中使用，所以上述三元表达式中的字符串拼接在属性内不要加额外的${}，因为整个th:text的值已经是一个表达式。 但是，我们也可以使用th:if和th:unless来处理两个span，...
Thymeleaf的th:text等标签值未在页面显示
smiling
06-11 3593
通过浏览器控制台可以查看到，th:text已经获取到了后端传输的值，但是在浏览器页面中并没有看到内容。 解决办法：查看自己项目的配置文件，看是否在配置了Thymeleaf的suffix为html，同时配置了freemark的suffix也是html。如果是，freemark的suffix生效会覆盖掉Thymeleaf，使其Thymeleaf不生效。 可以将freemark的suffix修改为.ftl 如果没有使用freemark，可以将freemark的配置删除 ...
Thymeleaf中th:text=“${msg}“属性标签报错无法解析变量
靠奶茶续命
09-05 2184
有人吗？有人吗？无语他妈给无语开门无语到家了 如题，就是这个一搜“thymeleaf整合”全网都有的例子，捣鼓半天页面就是不显示，掘地三尺掘了半天，发现我犯的智障错误： 应该返回localhost:8080/index，我写成了localhost:8080/index.html 还有一个哈，msg爆红的话试试controller别返回String，返回Object！ ...
第60篇：Thymeleaf模板注入漏洞总结及修复方法（上篇）
ABC_123的博客
05-06 4746
Part1 前言前一阵子朋友让我帮忙看一套金融系统源代码的安全问题，从去年大比赛过后，我好久没审计过代码了，于是就仔细看了看。首先这套系统用的是Springboot框架，而且没有找到Java反序列化漏洞，SQL注入漏洞被预编译写法彻底封死，也没有上传漏洞，Fastjson用的1.2.83版本，Log4j2版本也较新。最后快放弃的时候，重新检查了配置文件，发现了thymeleaf组件，通过ide...
Thymeleaf语法详解
m0_71106830的博客
12-07 1685
Thymeleaf 是一款流行的服务器端 Java 模板引擎，能够完美地集成到 Spring Framework 中，并且与 HTML、XML、JavaScript 等格式协同工作。通过 Thymeleaf 强大的模板功能和易于上手的语法，开发人员可以轻松实现动态内容的呈现和交互。本文将深入探讨 Thymeleaf 的常用语法，助你快速掌握这一工具的精髓。
Spring Boot整合thymeleaf异常 —— 无法通过th:text=“${xxx}“取到值的解决方法
weixin_45266846的博客
09-08 2669
解决方法 注解@RestController应改为@Controller 问题 前端页面 index.html ${msg}处爆红，无法取到值。 <!doctype html> <!--注意：引入thymeleaf的名称空间--> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta name="v
thymleaf th:text="|第${user.courseSort}课|" 对于不知道的真的是解渴了
weixin_34315189的博客
12-12 212
简单描述：最近再做一个课程管理，列表显示第几课，但是后台传递过来的只是数字0~9，意味着，我得自己拼了ヾ(◍°∇°◍)ﾉﾞ 我最烦的就是这种拼，各种难调，果真和我想的一样，4、5遍了还没出来。 我的try：醉了，太痛苦了 直接百度，个人表达有问题，输入的索引也不太对，查了好久，也没找到，后来还是问同事了，才知道 正确姿势： 总结：这种问题真的是无语，对于t...
thymeleaf th:text 不显示标签
daoxincc的博客
11-29 8573
这个问题找了好久终于在谷歌上发现解决办法了 第一种解决办法，通过th:inline属性 [[${header.title}]] Subtitle 第二种解决办法，通过th:remove属性 th:text="${header.title}" th:remove="tag">title th:text="${header.subtitle}" >Su
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值