Springboot之Thymeleaf 表单提交

@RequestMapping("/index")
public String index(ModelMap map){//单个数据map.put("username", "入门案例");UserForm user = new UserForm();user.setPassword("test_ps");user.setUsername("test");map.put("userInfo", user);return "admin/index";
}

通过${}和*{}的方式来读取表单类对象

<!DOCTYPE html>
<!-- 需要添加
<html  xmlns:th="http://www.thymeleaf.org">
这样在后面的th标签就不会报错-->
<html  xmlns:th="http://www.thymeleaf.org">
<head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title th:text="${username}">xx</title>
</head>
<body>
<h1 th:text="${username}">Hello World</h1>
<h1>获取对象信息</h1>
<h2>1、通过直接访问对象的方式</h2>
<p th:text="${userInfo.username}"></p>
<p th:text="${userInfo.password}"></p><h2>2、通过th:object访问对象的方式</h2>
<div th:object="${userInfo}"><p th:text="*{username}"></p><p th:text="*{password}"></p>
</div><h1>表单提交</h1>
<!-- 表单提交用户信息,注意字段的设置,直接是*{} --><form action="#" th:action="@{/add}" th:object="${userInfo}" method="post">  <input type="text" th:field="*{username}" />  <input type="text" th:field="*{password}" />  <input type="submit" />
</form>
</body>
</html>


@ResponseBody
@RequestMapping(value="/add",method=RequestMethod.POST)
public String add(@ModelAttribute UserForm user){String username = user.getUsername();String password = user.getPassword();return username+"__"+password;
}

Springboot之Thymeleaf 表单提交相关推荐

Java SpringBoot 表单提交Json提交 Star.hou
Json方式用到了请求体反射类SimpleVo,或者理解为类的实例化的反射,为了动态获取类的熟悉. 也就是把请求体作为对象看待,获取了对象里的属性. // json提交方式提交入参 @Respons ...
springboot 参数传递（表单序列化）
springboot 参数传递(表单序列化) ************************** 示例 **************** 前端页面 <script language=" ...
表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJA ...
jQuery最简单的表单提交方式
第一步:绑定事件常用的与ajax相关的事件参考如下: 1.$(selector).click(function) 2.$(selector).change(function) 3.$(selecto ...
表单提交、页面注册案例
表单属性设置 <form>标签表示表单标签,定义整体的表单区域 action属性设置表单数据提交地址 method属性设置表单提交的方式,一般有"GET"方式和& ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
公司--超级链接跳转和表单提交,删除的表单提交和删除失败的提示信息
超级链接跳转 window.location.href = contentPath + '/masterProductionSchedule/modifyPHSetup.do?articleId='+ ...
php 表单提交2次,微信开发之php表单微信中自动提交两次问题解决办法
前言: 最近做微信开发,在微信中访问PHP页面,页面中有个表单.测试发现偶尔会出现表单被自动提交两次的情况,导致流程出错. 问题原因暂时未找到原因,不过怀疑跟微信本身的机制有关. 解决方法用ses ...
html页面关闭前提示信息,【转】表单提交及关闭当前页面并刷新数据
在DWZ文档中,对于DWZ框架Ajax无刷新表单提交处理流程描述如下: 1. ajax表单提交给服务器 2. 服务器返回一个固定格式json结构 3. js会调函数 ...

Springboot之Thymeleaf 表单提交

Springboot之Thymeleaf 表单提交相关推荐

最新文章

热门文章