Thymeleaf 表单回填

Thymeleaf 表单回填 可以使用2种方式:

第一种:直接使用th:value

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{//localhost:8080/css/cc.css}"/>
</head>
<body>
<form>
    ID:<input id="id" name="id" th:value="${user.id}"/><br/>
    姓名:<input id="name" name="name" th:value="${user.name}"/><br/>
    年龄:<input id="age" name="age" th:value="${user.age}"/><br/>
</form>
</body>
</html>
@GetMapping("/one")
    public String one(ModelMap mmap){
        User user = new User();
        user.setId(110);
        user.setName("测试");
        user.setAge(12);
        mmap.addAttribute("user",user);
        return "one";
    }

第二种:使用 th:object和th:field组合

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{//localhost:8080/css/cc.css}"/>
</head>
<body>
<form th:object="${user}">
    ID:<input id="id" name="id" th:field="*{id}"/><br/>
    姓名:<input id="name" name="name" th:field="*{name}"/><br/>
    年龄:<input id="age" name="age" th:field="*{age}"/><br/>
</form>
</body>
</html>
@GetMapping("/one")
    public String one(ModelMap mmap){
        User user = new User();
        user.setId(110);
        user.setName("测试2");
        user.setAge(12);
        mmap.addAttribute("user",user);
        return "one";
    }

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Thymeleaf是一个用于在Java Web应用程序中进行服务器端渲染的模板引擎。它可以与Spring框架很好地集成,用于生成动态HTML页面。 要在Thymeleaf中实现表单提交,你可以按照以下步骤进行操作: 1. 在HTML表单中使用Thymeleaf的命名空间(xmlns:th)来引入Thymeleaf相关的属性和表达式。 2. 在表单标签中使用th:action属性来指定表单提交的URL。 3. 使用th:object属性来绑定表单数据对象。 4. 在表单元素中使用th:field属性来绑定表单字段与数据对象中的属性。 下面是一个简单的示例: ```html <form th:action="@{/submit}" th:object="${formData}" method="post"> <label for="name">Name:</label> <input type="text" id="name" th:field="*{name}" /> <label for="email">Email:</label> <input type="email" id="email" th:field="*{email}" /> <button type="submit">Submit</button> </form> ``` 在上面的示例中,`th:action="@{/submit}"`指定了表单提交的URL为"/submit"。`th:object="${formData}"`将表单数据对象`formData`与表单绑定。`th:field="*{name}"`和`th:field="*{email}"`将表单字段与数据对象中的属性进行绑定。 当用户提交表单时,数据将被发送到服务器端的"/submit" URL。你可以在后端的控制器中处理表单提交,并执行相应的操作。 这只是一个简单的示例,实际使用时可能需要更复杂的表单验证和处理逻辑。你可以根据具体的需求进行相应的调整和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值