某个标签th:field="*{psNum}"显示error，如何解决

时间: 2023-06-19 15:04:28 浏览: 60

Thymeleaf中th:each及th:if使用方法解析

Thymeleaf 是一款强大的模板引擎，常用于Spring Boot项目中，它允许开发者在HTML中直接写逻辑代码，而无需借助JavaScript或其他后端技术。本文将深入探讨Thymeleaf中的两个关键指令：`th:each` 和 `th:if`。 ### 一、th:each `th:each` 指令主要用于遍历数据集合，这些集合通常由控制器（Controller）传递到视图（View）。例如，以下是一个简单的控制器代码片段： ```java @Controller public class HelloController { @RequestMapping("/success") public String success(Map<String, Object> map) { map.put("users", Arrays.asList("张三", "李四", "王五")); return "success"; } } ``` 在上面的代码中，`success` 方法将一个包含三个字符串的列表放入了`Map`，并返回了对应的视图名称。接下来，在HTML页面中，我们可以使用`th:each` 来遍历这个列表： ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h4 th:text="${user}" th:each="user : ${users}"></h4> </body> </html> ``` 这里的 `th:each="user : ${users}"` 表示遍历`users`集合，每次迭代将集合中的一个元素赋值给变量`user`。在这个例子中，由于`users`有三个元素，因此会生成三个`<h4>`标签，分别显示"张三"、"李四"和"王五"。 **注意**：`th:each` 每次迭代都会创建一个新的包含它的元素。这意味着，如果你的集合有多个元素，相应标签的数量也会增加，每个元素都会有自己的独立上下文。 ### 二、th:if `th:if` 指令则用于实现条件判断，只有当表达式为真时，该元素及其子元素才会被渲染到HTML中。例如： ```html <p th:if="${testBoolean}" >如果testBoolean 是 true ，本句话就会显示</p> <p th:if="${not testBoolean}" >取反，所以如果testBoolean 是 true ，本句话就不会显示</p> <p th:unless="${testBoolean}" >unless 等同于上一句，所以如果testBoolean 是 true ，本句话就不会显示</p> ``` 这里，`th:if="${testBoolean}"` 检查`testBoolean` 是否为`true`，如果是，则显示对应的`<p>`标签。`th:if="${not testBoolean}"` 使用 `not` 关键字取反，所以如果`testBoolean` 为`true`，则不会显示该段落。`th:unless` 相当于 `th:if` 的否定形式，其效果与 `th:if="${not testBoolean}"` 相同。 ### 三、三元表达式除了`th:if` 和 `th:unless`，Thymeleaf 还支持三元表达式，可以在一个属性中直接做出条件判断。例如： ```html <p th:text="${testBoolean} ? '当testBoolean为真的时候，显示本句话，这是用三相表达式做的' : ''"></p> ``` 这个表达式的意思是，如果`testBoolean`为`true`，则显示字符串，否则不显示任何内容。总结，`th:each` 和 `th:if` 是Thymeleaf中非常基础且实用的两个指令，它们极大地简化了前端与后端数据交互的复杂性，使得在HTML模板中实现动态逻辑变得简单直接。了解并熟练掌握这两个指令，对于开发基于Thymeleaf的Web应用至关重要。

这种情况通常是因为表单提交的数据类型与后台接收的数据类型不匹配所导致的。你可以按照以下步骤进行排查和解决： 1. 查看后台接收数据的类型，确保与前端表单提交的数据类型一致。 2. 检查表单提交的数据是否为空或者是否符合要求。 3. 检查表单提交的数据是否经过前端验证，如验证规则是否正确。 4. 如果以上步骤均无法解决问题，可以通过调试工具查看具体的错误信息，然后针对性地解决问题。另外，你可以在表单标签中添加th:errors属性，用于显示错误信息，方便排查问题。例如： ```html <input type="text" th:field="*{psNum}" th:errors="${#fields.errors('psNum')}" /> ```

阅读全文

某个标签th:field="*{psNum}"显示error，如何解决

相关推荐

thymeleaf实现th:each双重多重嵌套功能

mysql error 1130 hy000:Host’localhost’解决方案

某个标签th:field="*{psNum}"显示异常，原因是什么

使用thymeleaf时，th:field="*{psNum}"异常，如何设置默认值使得标签正确显示

Minimal-FORTH:最小CPU的最小FORTH系统

MPL-Forth:MPL语言的Forth编译器-开源

testapril14th:这是一个测试库

django-th：触发快乐-您的互联网服务巴士

sunroof-th:模板 Haskell 支持抽象对象之类的东西

ecto_materialized_pa​​th：ecto模型的树结构和层次结构

matlab代码sqrt-DM4th:D-M4th是用C++编写的库，该方法可轻松处理矢量，矩阵，N维动态数组和复数的运算。

Spring in action 4th edition*最新版*

thymeleaf的th标签

struts标签 cancel error

Sohu-2018-4th-place-solution:2018搜狐内容识别算法大赛-解决方案（4th）

forth-examples:用FORTH编写的示例代码的集合

Thomas' Calculus 14th版：STEM学生学习基石与在线资源

Rust 学习教程（入门到实践）

最新推荐

Rust 学习教程（入门到实践）

深入浅出：自定义 Grunt 任务的实践指南

管理建模和仿真的文件

数据可视化在缺失数据识别中的作用

ABB机器人在自动化生产线中是如何进行路径规划和任务执行的？请结合实际应用案例分析。

网络物理突变工具的多点路径规划实现与分析

"互动学习：行动中的多样性与论文攻读经历"

自动化缺失值处理脚本编写

SQLite在非易失性内存环境下如何进行事务处理和缓冲区管理的优化？

multifeed: 实现多作者间的超核心共享与同步技术

ecto_materialized_path：ecto模型的树结构和层次结构

Spring in action 4th edition最新版