首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当使用th:field时,Thymeleaf在表单上显示null?

当使用th:field时,Thymeleaf在表单上显示null的原因可能是由于以下几个方面:

  1. 数据绑定问题:Thymeleaf的th:field属性用于绑定表单字段和后端数据模型中的属性。如果后端数据模型中的属性值为null,那么在表单中显示的值也会是null。因此,需要确保后端数据模型中的属性值不为null。
  2. 表单字段命名问题:Thymeleaf的th:field属性会根据表单字段的名称来绑定数据模型中的属性。如果表单字段的名称与数据模型中的属性名称不匹配,那么绑定会失败,导致显示null。需要确保表单字段的名称与数据模型中的属性名称一致。
  3. 表单字段类型问题:Thymeleaf的th:field属性会根据表单字段的类型来选择合适的输入控件。如果表单字段的类型与数据模型中的属性类型不匹配,那么可能会导致显示null。需要确保表单字段的类型与数据模型中的属性类型一致。
  4. Thymeleaf配置问题:Thymeleaf的配置文件中可能存在一些问题,导致无法正确解析th:field属性。可以检查Thymeleaf的配置文件,确保配置正确。

综上所述,当使用th:field时,Thymeleaf在表单上显示null的原因可能是数据绑定问题、表单字段命名问题、表单字段类型问题或Thymeleaf配置问题。需要逐一排查这些可能的原因,并进行相应的修正。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

SpringBoot前端 —— thymeleaf 简单理解

使用th:field属性可以在页面初始化的时候给对应的元素生成id。...常与th:field一起使用进行表单数据绑定   声明变量,一般和*{}一起配合使用,达到偷懒的效果。  ... 因为内联的表达式是双层中括号[[${ 变量名 }]] , 当使用数组、二维数组时,就会与thymleaf 语法冲突,如果还想使用数据,此时必须禁止内联th:inline="none",才使用常规的.../th:block> 循环同级标签 比如在表格中需要使用th:each 循环 两个 tr,在不知道 th:block 标签时,可能会用 th:each 配合 th:if 使用,但是使用 th:block...:object绑定表单对象,th:field对应对象中的变量 在contriller方法中使用@ModelAttribute映射表单对象,使用getter方法获取值

7.2K20

Spring认证指南:了解如何使用 Spring 执行表单验证

你将建造什么 您将构建一个简单的 Spring MVC 应用程序,该应用程序接受用户输入并使用标准验证注释检查输入。您还将看到如何在屏幕上显示错误消息,以便用户可以重新输入输入以使其有效。...它带有一些标准的验证注释: @Size(min=2, max=30):允许名称长度在 2 到 30 个字符之间。 @NotNull:不允许空值,这是 Spring MVC 在条目为空时生成的值。...您可以从绑定到PersonForm对象的表单中检索所有属性。在代码中,您测试错误。如果遇到错误,可以将用户发送回原始form模板。在这种情况下,将显示所有错误属性。...bean中有两个字段PersonForm,您可以看到它们用th:field="*{name}"和标记th:field="*{age}"。每个字段旁边是一个辅助元素,用于显示任何验证错误。...但是当 Spring Boot在你的类路径上@SpringBootApplication检测到时,它已经添加了这个注解spring-webmvc。

1.2K30
  • Spring认证指南:了解如何使用 Spring 创建和提交 Web 表单

    你将建造什么 在本指南中,您将构建一个 Web 表单,可通过以下 URL 访问该表单: http://localhost:8080/greeting 在浏览器中查看此页面将显示表单。...id您可以通过填充和content表单字段来提交问候语。提交表单时将显示结果页面。...你也可以从 Github 上 fork 项目并在你的 IDE 或其他编辑器中打开它。 创建 Web 控制器 在 Spring 构建网站的方法中,HTTP 请求由控制器处理。...Thymeleaf解析greeting.html模板并评估各种模板表达式以呈现表单。...用和表示的两个表单字段对应于对象中的字段。th:field="{id}"th:field="{content}"Greeting 这涵盖了用于呈现表单的控制器、模型和视图。

    1.8K20

    Springboot(三)——Thymeleaf模板

    特点: 1.Thymeleaf支持HTML原型,在服务不运行得情况下,可以直接运行,可以让美工在浏览器上直接查看页面的静态效果,也可以支持开发人员在服务器运行时查询动态页面效果。...2.在html标签中增加了额外得属性来达到模版+数据得展示方式,在浏览器解析html页面时,会自动忽略html标签中未定义得属性,达到可以显示静态页面效果;当有数据返回时,thymeleaf标签会动态得替换掉静态内容...4.使用方便,学习简单,快速得实现表单得数据绑定。 二、Thymeleaf使用 2.1 创建springboot项目 2.2 在pom.xml中引入需要得依赖关系 在html标签中使用thymeleaf标签获取服务器返回得数据信息 th:text="${msg}">success 三、直接访问templates下模板文件 # 静态资源路径...> th:text="|AB${msg}CC|">测试 2.条件判断 th:if当条件成立时,显示标签; th:unless当条件不成立时,显示标签

    38310

    SpringBoot 之 Web 使用 Thymeleaf 模板

    一、简介 目前 Java Web 开发推荐使用模板引擎,不建议使用 JSP 页面 JSP缺点:本质上就是Servlet,需要后台编译,耗时,效率低 模板引擎:不需要编译,速度快 常见的模板引擎:Freemarker...:switch、th:case 条件判断,类似于c:if th:each 循环,类似于c:forEach th:object、th:field 用于表单数据对象的绑定,将表单绑定到Controller的一个...JavaBean参数,常与th:field一起使用 需要和*{}选择表达式配合使用 th:fragment 声明代码片段,常用于页面头部和尾部的引入 th:include、th:insert、th:replace...--th:object th:field 用于表单数据对象的绑定,将绑定到controller的一个javaBean参数,常与th:field一起使用--> null}">未找到地址信息 th:text="${persons.size() >= 2 ?

    1.2K20

    SpringBoot 实战 (十二) | 整合 thymeleaf

    SpringBoot 提供了大量模板引擎,包含 Freemarker、Groovy、Thymeleaf、Velocity 以及 Mustache,SpringBoot 中推荐使用 Thymeleaf 作为模板引擎...Thymeleaf 是新一代 Java 模板引擎,在 Spring 4 后推荐使用。 什么是模板引擎? Thymeleaf 是一种模板语言。那模板语言或模板引擎是什么?...数据本身没有意义,数据只有对实体行为产生影响时才成为信息。 模板 模板,是一个蓝图,即一个与类型无关的类。编译器在使用模板时,会根据模板实参对模板进行实例化,得到一个与类型相关的类。...Thymeleaf 还提供了额外的模块与 SpringMVC 集成,所以我们可以使用 Thymeleaf 完全替代 JSP 。...SpringBoot 整合 Thymeleaf 下面使用 SpringBoot 整合 Thymeleaf 开发一个简陋版的学生信息管理系统。

    1K20

    thymeleaf中使用layui

    layui已经提供了一整套的UI布局及相关组件,并且有相当完善的api文档,本文重点在于thymeleaf中如何使用layui,包括公用部分的提取,而非简单的layui的用法。 先上两个效果图 ?...文件头和尾 头部引入css,尾部引入js,定义两个模板(一个也可以,里面的碎片分开写,我喜欢写两个分别引入),注意th:fragment,fragment即碎片,可以在模板任何位置引入,此处为分别定义名为...DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org...) {  if (null !...+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/, '邮箱格式不对']  }); }) 其他小技巧: idea使用thymeleaf模板时,页面取值总提示无法解析变量,但是又不影响实际应用

    6.8K60

    Spring Boot2(五):使用Spring Boot结合Thymeleaf模板引擎使用总结

    SpringBoot推荐的 Thymeleaf – 语法更简单,功能更强大; Thymeleaf是一种Java XML/XHTML/HTML5模板引擎,可以在Web和非Web环境中使用。...= null}>Login /> th:switch 多路选择 配合th:case 使用 th:switch="${user.role}"> th:case th:switch的一个分支...|"> 2、条件判断 If/Unless Thymeleaf中使用th:if和th:unless属性进行条件判断,下面的例子中,标签只有在th:if中条件成立时才显示: th:if="${myself...= null} th:href="@{/login}" >Login th:unless 于 th:if 恰好相反,只有表达式中的条件不成立,才会显示其内容。 也可以使用 (if) ?..."text/javascript/none"激活,th:inline可以在父级标签内使用,甚至作为 body 的标签。

    2.6K10
    领券