22 spring mvc---表单标签库| @ModelAttribute | 实现表单内容提交错误后返回表单时原先内容还在

本文主要是介绍22 spring mvc---表单标签库| @ModelAttribute | 实现表单内容提交错误后返回表单时原先内容还在,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Spring MVC 表单标签库

声明表单标签库

在使用 SpringMVC 的时候我们可以使用 Spring 封装的一系列表单标签,这些标签都可以访问到 ModelMap 中的内容。我们需要先在 JSP 中声明使用的标签,具体做法是在 JSP 文件的顶部加入以下指令:

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

表单标签

<form:form />

使用 Spring MVC 的 form 标签主要有两个作用,第一是它会自动的绑定来自 Model 中的一个属性值到当前 form 对应的实体对象,默认是 command 属性,这样我们就可以在 form 表单体里面方便的使用该对象的属性了。第二是它支持我们在提交表单的时候使用除 GET 和 POST 之外的其他方法进行提交,包括 DELETE 和 PUT 等。

<form:form action="formTag/form.do" method="post">  <table>  <tr>  <td>Name:</td><td><form:input path="name"/></td>  </tr>  <tr>  <td>Age:</td><td><form:input path="age"/></td>  </tr>  <tr>  <td colspan="2"><input type="submit" value="提交"/></td>  </tr>  </table>  
</form:form>  

文本框

<form:input />

使用 <form:input path="name" /> 标签来渲染一个 HTML 文本框,等同于:

<input id="name" name="name" type="text" value=""/>

密码框

<form:password />

使用 <form:password path="password" /> 标签来渲染一个 HTML 密码框,等同于:

<input id="password" name="password" type="password" value=""/>

文本域

<form:textarea />

使用 <form:textarea path="address" rows="5" cols="30" /> 标签来渲染一个 HTML 文本域,等同于:

<textarea id="address" name="address" rows="5" cols="30">

复选框

<form:checkbox />

使用 <form:checkbox path="receivePaper" /> 标签来渲染一个 HTML 复选框,等同于:

<input id="receivePaper1" name="receivePaper" type="checkbox" value="true"/>
<input type="hidden" name="_receivePaper" value="on"/>

复选框(多选)

<form:checkboxes />

使用 <form:checkboxes items="${webFrameworkList}" path="favoriteFrameworks" /> 标签来渲染一个 HTML 多选复选框,等同于:

<span><input id="favoriteFrameworks1" name="favoriteFrameworks" type="checkbox" value="Spring MVC" checked="checked"/><label for="favoriteFrameworks1">Spring MVC</label>
</span>
<span><input id="favoriteFrameworks2" name="favoriteFrameworks" type="checkbox" value="Struts 1"/><label for="favoriteFrameworks2">Struts 1</label>
</span>
<span><input id="favoriteFrameworks3" name="favoriteFrameworks" type="checkbox" value="Struts 2" checked="checked"/><label for="favoriteFrameworks3">Struts 2</label>
</span>
<span><input id="favoriteFrameworks4" name="favoriteFrameworks" type="checkbox" value="Apache Wicket"/><label for="favoriteFrameworks4">Apache Wicket</label>
</span>
<input type="hidden" name="_favoriteFrameworks" value="on"/>

单选按钮

<form:radiobutton />

使用 <form:radiobutton /> 标签来渲染一个 HTML 单选按钮,等同于:

<form:radiobutton path="gender" value="M" label="男" />
<form:radiobutton path="gender" value="F" label="女" />

 

<input id="gender1" name="gender" type="radio" value="M" checked="checked"/><label for="gender1">男</label>
<input id="gender2" name="gender" type="radio" value="F"/><label for="gender2">女</label>

单选按钮(多选)

<form:radiobuttons />

使用 <form:radiobuttons path="favoriteNumber" items="${numbersList}" /> 标签来渲染一个 HTML 多项单选按钮,等同于:

<span><input id="favoriteNumber1" name="favoriteNumber" type="radio" value="1"/><label for="favoriteNumber1">1</label>
</span>
<span><input id="favoriteNumber2" name="favoriteNumber" type="radio" value="2"/><label for="favoriteNumber2">2</label>
</span>
<span><input id="favoriteNumber3" name="favoriteNumber" type="radio" value="3"/><label for="favoriteNumber3">3</label>
</span>
<span><input id="favoriteNumber4" name="favoriteNumber" type="radio" value="4"/><label for="favoriteNumber4">4</label>
</span>

下拉列表

使用 <form:select /><form:option /><form:options /> 标签来渲染一个 HTML 下拉列表,等同于:

<form:select path="country"><form:option value="NONE" label="Select"/><form:options items="${countryList}" />
</form:select>

 

<select id="country" name="country"><option value="NONE">请选择...</option><option value="US">United States</option><option value="CH">China</option><option value="MY">Malaysia</option><option value="SG">Singapore</option>
</select>

下拉列表(多选)

使用 <form:select /> 标签及其属性 multiple=true 来渲染一个 HTML 多选下拉列表,等同于:

<form:select path="skills" items="${skillsList}" multiple="true" />

 

<select id="skills" name="skills" multiple="multiple"><option value="Struts">Struts</option><option value="Hibernate">Hibernate</option><option value="Apache Wicket">Apache Hadoop</option><option value="Spring">Spring</option>
</select>
<input type="hidden" name="_skills" value="1"/>

隐藏字段域

<form:hidden />

使用 <form:hidden path="id" value="1000"/> 标签来渲染一个 HTML 隐藏字段域,等同于:

<input id="id" name="id" type="hidden" value="1000"/>

 

Spring MVC @ModelAttribute

简介

@ModelAttribute 具有如下三个作用:

  • 绑定请求参数到命令对象:放在功能处理方法的入参上时,用于将多个请求参数绑定到一个命令对象,从而简化绑定流程,而且自动暴露为模型数据用于视图页面展示时使用
  • 暴露 @RequestMapping 方法返回值为模型数据:放在功能处理方法的返回值上时,是暴露功能处理方法的返回值为模型数据,用于视图页面展示时使用
  • 暴露表单引用对象为模型数据:放在处理器的一般方法(非功能处理方法)上时,是为表单准备要展示的表单引用对象,如注册时需要选择的所在城市等,而且在执行功能处理方法(@RequestMapping 注解的方法)之前,自动添加到模型对象中,用于视图页面展示时使用

例子

暴露表单引用对象为模型数据的例子

@ModelAttribute
public User get(@RequestParam(required = false) String id) {User entity = null;if (StringUtils.isNotBlank(id)) {entity = userService.get(id);}if (entity == null) {entity = new User();}return entity;
}

 

 

 实现表单内容提交错误后返回表单时原先内容还在

如图:

                      

 思路:

其实就是在提交之后,判断格式不是不正确嘛,要回到这个提交的页面时,把封装的tbUser放入model里边带回来,在表单里写上对应的value就好了。

 表单:

<form:form action="/saveUser" method="post" modelAttribute="tbUser"><form:hidden path="id" /><form:input path="email"  placeholder="邮箱"/><form:password path="password" placeholder="密码"/><form:input path="username" placeholder="用户名"/><form:input path="phone"  placeholder="手机号"/><button type="submit" class="btn btn-default">取消</button><button type="submit" class="btn btn-info pull-right">保存</button>
</form:form>

   其实,也没什么高级的,就是 使用modelAttribute绑定了model中的tbUser,然后每个标签里的path就相当于指定了tbUser里的某个属性;等价于:

<form action="/saveUser" method="post" ><input type="password" id="password" class="form-control" placeholder="密码" value="${tbUser.password}"></form:form>

 

在对应的controller里边:

@ModelAttributepublic TbUser get(){TbUser tbUser=new TbUser();return tbUser;}

这个函数在所有的@RequestMapping注解的函数之前都会执行一次,在这里把tbUser放入model,减少代码量。
 

这篇关于22 spring mvc---表单标签库| @ModelAttribute | 实现表单内容提交错误后返回表单时原先内容还在的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/468825

相关文章

基于C++的UDP网络通信系统设计与实现详解

《基于C++的UDP网络通信系统设计与实现详解》在网络编程领域,UDP作为一种无连接的传输层协议,以其高效、低延迟的特性在实时性要求高的应用场景中占据重要地位,下面我们就来看看如何从零开始构建一个完整... 目录前言一、UDP服务器UdpServer.hpp1.1 基本框架设计1.2 初始化函数Init详解

Java中Map的五种遍历方式实现与对比

《Java中Map的五种遍历方式实现与对比》其实Map遍历藏着多种玩法,有的优雅简洁,有的性能拉满,今天咱们盘一盘这些进阶偏基础的遍历方式,告别重复又臃肿的代码,感兴趣的小伙伴可以了解下... 目录一、先搞懂:Map遍历的核心目标二、几种遍历方式的对比1. 传统EntrySet遍历(最通用)2. Lambd

Spring Boot 中 RestTemplate 的核心用法指南

《SpringBoot中RestTemplate的核心用法指南》本文详细介绍了RestTemplate的使用,包括基础用法、进阶配置技巧、实战案例以及最佳实践建议,通过一个腾讯地图路线规划的案... 目录一、环境准备二、基础用法全解析1. GET 请求的三种姿势2. POST 请求深度实践三、进阶配置技巧1

springboot+redis实现订单过期(超时取消)功能的方法详解

《springboot+redis实现订单过期(超时取消)功能的方法详解》在SpringBoot中使用Redis实现订单过期(超时取消)功能,有多种成熟方案,本文为大家整理了几个详细方法,文中的示例代... 目录一、Redis键过期回调方案(推荐)1. 配置Redis监听器2. 监听键过期事件3. Redi

Spring Boot 处理带文件表单的方式汇总

《SpringBoot处理带文件表单的方式汇总》本文详细介绍了六种处理文件上传的方式,包括@RequestParam、@RequestPart、@ModelAttribute、@ModelAttr... 目录方式 1:@RequestParam接收文件后端代码前端代码特点方式 2:@RequestPart接

SpringBoot整合Zuul全过程

《SpringBoot整合Zuul全过程》Zuul网关是微服务架构中的重要组件,具备统一入口、鉴权校验、动态路由等功能,它通过配置文件进行灵活的路由和过滤器设置,支持Hystrix进行容错处理,还提供... 目录Zuul网关的作用Zuul网关的应用1、网关访问方式2、网关依赖注入3、网关启动器4、网关全局变

SpringBoot全局异常拦截与自定义错误页面实现过程解读

《SpringBoot全局异常拦截与自定义错误页面实现过程解读》本文介绍了SpringBoot中全局异常拦截与自定义错误页面的实现方法,包括异常的分类、SpringBoot默认异常处理机制、全局异常拦... 目录一、引言二、Spring Boot异常处理基础2.1 异常的分类2.2 Spring Boot默

基于SpringBoot实现分布式锁的三种方法

《基于SpringBoot实现分布式锁的三种方法》这篇文章主要为大家详细介绍了基于SpringBoot实现分布式锁的三种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、基于Redis原生命令实现分布式锁1. 基础版Redis分布式锁2. 可重入锁实现二、使用Redisso

SpringBoo WebFlux+MongoDB实现非阻塞API过程

《SpringBooWebFlux+MongoDB实现非阻塞API过程》本文介绍了如何使用SpringBootWebFlux和MongoDB实现非阻塞API,通过响应式编程提高系统的吞吐量和响应性能... 目录一、引言二、响应式编程基础2.1 响应式编程概念2.2 响应式编程的优势2.3 响应式编程相关技术

SpringBoot的全局异常拦截实践过程

《SpringBoot的全局异常拦截实践过程》SpringBoot中使用@ControllerAdvice和@ExceptionHandler实现全局异常拦截,@RestControllerAdvic... 目录@RestControllerAdvice@ResponseStatus(...)@Except