springMVC+thymeleaf form表单提交前后台数据传递

  • 后端:
@RequestMapping(value = "/add", method=RequestMethod.POST) public String save(@ModelAttribute(value="message") Message message) { ... } 
  • 前端:
<form action="#" th:action="@{/add}" th:object="${message}" method="post">
<input type="text" th:field="*{info}" />
<input type="submit" />
</form> 
  • Message实体类
1 public class Message {
2     private String info;
3 public String getInfo() {
4     return info;
5 }
6 public void setInfo(String info) {
7     this.info= info;
8 }
9 } 

特别注意 th:field

这个属性在Spring-mvc里很重要,承担着绑定后台Bean属性的重任
th:field必须是选择表达式(*{…})

原文地址:https://www.cnblogs.com/caotao0918/p/10795225.html

时间: 2024-10-11 15:17:06

springMVC+thymeleaf form表单提交前后台数据传递的相关文章

springmvc后台获取表单提交的数据——@ModelAttribute等方式

1.通过注解ModelAttribute直接映射表单中的参数到POJO.在from中的action写提交的路径,在input的name写参数的名称. package com.demo.model; public class user { private String username; private String password; private int nsex; public String getUsername() { return username; } public void se

(五)springmvc之获取表单提交的数据

8.1:使用Request <form method="post" id="form1" action="<%=request.getContextPath()%>/formData/formData_1"> <input type="text" name="username" value="用户名"/> <input type="ch

Form表单提交用户数据并在iframe中显示

<!DOCTYPE html> <html> <body> <iframe name="frameLayout" frameborder="0" width="200px" height="200px"> </iframe> <form id="frm1" action="demo-form.php" target=&qu

springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据

springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据 表单html: <form class="form-horizontal form-material" th:object="${user}" th:action="@{/user/updateOneUserInfo}" method="post"> <input type="hidden

SpringMVC中使用bean来接收form表单提交的参数时的注意点

这是前辈们对于SpringMVC接收表单数据记录下来的总结经验: SpringMVC接收页面表单参数 springmvc请求参数获取的几种方法 下面是我自己在使用时发现的,前辈们没有记录的细节和注意点: 使用bean来接收form表单提交的参数时,pojo中必须含有默认的(即空的)构造函数,同时,需要设置到bean中的变量必须有setter方法. 注:以下代码均为示例代码,非本人实际运行代码,请自行补充. 例如:我有一个bean类是User,具有变量username和password.同时,表单

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记 1.  模拟form表单提交数据:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"value="yang"id="myname"><br/> <inputtype="password&q

Form表单提交数据的几种方式

一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交. <form action='http://www.123.com/postValue' method='post'> <input type='text' name='username' /> <input type=

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填 提交地址 * methond 选填 默认post 提交方式 post get * target 选填 默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { var turnForm = document.createElement("form"); //一定要

thinkPHP5.0使用form表单提交数据和删除文章,不用TP的提示页面,使用弹出提示信息

form表单提交数据和删除文章时,TP的默认信息提示页面的看起来不是很好看,想要实现弹窗提示怎么做呢? 前端:可以使用前端的一个知识--iframe,iframe元素会创建包含另外一个文档的内联框架:target,规定在何处打开链接文档. 另外想要实现一个好看的方便.能重复使用的弹窗就要开发一个弹窗插件了,这里推荐使用前端的弹窗插件sweetalert.js,为了方便.重复使用我们把它成封装一个函数,页面要引入sweetalert.js的css和js文件 后端:为了方便以后重复使用,先写一个公共