SpringMVC4+thymeleaf3的一个简单实例（form表单数据验证）

2023-11-21 05:32
文章标签 简单 数据 表单 验证 实例 form springmvc4 thymeleaf3

本文主要是介绍SpringMVC4+thymeleaf3的一个简单实例（form表单数据验证），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

转载来源http://blog.csdn.net/asd_op/article/details/53232039

关于表单数据验证有很多中方法，这里我仅介绍JSR303注解验证。

注意在spring的配置文件spring-mvc.xml中要有这句代码：<mvc:annotation-driven/>，有了它，spring框架会自动加载classpath的jsr303的实现。

JSR303仅仅是一个规范，这里我们要用到它的一个实现：hibernate-validator。

开工之前，我们需要引入以下lib文件到WEB-INF/lib，并添加到classpath：

validation-api-1.1.0.Final.jar

classmate-1.3.1.jar

jboss-logging-3.3.0.Final.jar

hibernate-validator-5.3.2.Final.jar

以上jar文件都在hibernate-validator-5.3.2.Final-dist.zip这里，官网下载http://hibernate.org/validator/


延续前面篇节的内容。

一、修改AnimalForm.Java类，在oname，ocount，memo字段上分别加上验证注解，代码如下：

[java] view plain copy
  1. package com.zoo.web.form;  
  2.   
  3. import javax.validation.constraints.NotNull;  
  4. import javax.validation.constraints.Size;  
  5.   
  6. import org.hibernate.validator.constraints.NotEmpty;  
  7. import org.hibernate.validator.constraints.Range;  
  8.   
  9. public class AnimalForm {  
  10.   
  11.     private long id;  
  12.       
  13.     @NotEmpty(message="动物名: 不能为空")   
  14.     private String oname;  
  15.       
  16.     @Range(min = 1, message="数量: 必须大于0")  
  17.     @NotNull(message="数量: 不能为空")  
  18.     private int ocount;  
  19.       
  20.     @Size(max = 10, message="备注: 长度不能超过10个字符")  
  21.     private String memo;  
  22.   
  23.     /** 省略getter和setter **/  
  24.   
  25.       
  26. }  
解释：

@NotEmpty：这个注解表示检查oname字段是不是为空字符串""或者是不是为null，如果是则给出提示信息："动物名：不能为空"。

它支持的类型包括：字符序列CharSequence(CharBuffer, Segment, String, StringBuffer, StringBuilder)；集合Collection(ArrayList, HashSet, Stack, Vector等，很多)；Map以及数组arrays。它将检查所给对象的是不是为empty或者null，empty也就是长度为0，对于字符串来说就是""。

@NotNull：检查所标注元素ocount不能为null，如果是则给出提示信息：“数量：不能为空”。

它支持任意类型，检查标注对象是否为null。注意和@NotEmpty的区别，她不检查对象是不是为empty。empty对于字符串来说是空字符串，对于集合以及map或数组来说就是所含元素数量为0。

@Range(min=, max=)：表示ocount元素的最小值是1，如果小于1,则给出信息：“数量：必须大于0”。

支持类型：BigDecimal, BigInteger, CharSequence, byte, short, int, long 以及这些原始类型对应的wrapper（包装类）。它将检查所给对象的值是不是大于等于min且小于等于max。

@Size(min=, max=)：检查memo对象的长度不能超过10, 否则提示：“备注：长度不能超过10个字符”。

适用于CharSequence, Collection, Map 以及数组，检查标注对象的size是大于等于min并且小于等于max。

注意这么做验证是有问题的，比如oname输入几个空格它会验证通过，而对于ocount，在输入整数的情况下这完全没有问题，但是如果我们输入带小数点的数字或者输入非数字，或者空字符串的时候程序就会出现exception，这不是我们所希望的，具体的改进代码我们在篇末说明。

关于hibernate validator详细介绍请参阅 reference http://docs.jboss.org/hibernate/stable/validator/reference/en-US/html_single/ 


二、修改ZooController里的doAdd方法：

[java] view plain copy
  1. @RequestMapping(path = "/list", params = {"save"}, method = RequestMethod.POST)  
  2.     public String doAdd(Model model, @Valid AnimalForm form, BindingResult result){  
  3.         System.out.println("动物名：" + form.getOname());  
  4.         System.out.println("数量：" + form.getOcount());  
  5.         System.out.println("备注：" + form.getMemo());  
  6.         if(result.hasErrors()){  
  7.             model.addAttribute("MSG", "出错啦！");  
  8.         }else{  
  9.             model.addAttribute("MSG", "提交成功！");  
  10.         }  
  11.         return "zoolist";  
  12.     }  
解释：

方法中Model参数，用于存放任意数据以便传递到页面，注意Model仅仅是一个接口，spring框架会帮我们实例化具体的类并设置到该方法当中；上例我们在该model里放了一个key为“MSG”的attribute，页面上通过表达式就可以取得其值。

@Valid AnimalForm form，@Valid表示要对该form进行验证，具体验证规则就是根据上面【一】里提到；spring框架会根据字段名称将页面传递过来的值绑定到animalForm中。

BindingResult result，spring框架会将验证结果设置到该参数，并将该参数放到model传递给页面。

springMVC是非常灵活的，以下几种写法可以达到同样的效果：

(1）

[java] view plain copy
  1. @RequestMapping(path = "/list", params = {"save"}, method = RequestMethod.POST)  
  2.     public ModelAndView doAdd(@Valid AnimalForm form, BindingResult result){  
  3.         ModelAndView model = new ModelAndView();  
  4.         System.out.println("动物名：" + form.getOname());  
  5.         System.out.println("数量：" + form.getOcount());  
  6.         System.out.println("备注：" + form.getMemo());  
  7.         if(result.hasErrors()){  
  8.             model.addObject("MSG", "出错啦！");  
  9.         }else{  
  10.             model.addObject("MSG", "提交成功！");  
  11.         }  
  12.         model.setViewName("zoolist");  
  13.         return model;  
  14.     }  
(2)
[java] view plain copy
  1. @RequestMapping(path = "/list", params = {"save"}, method = RequestMethod.POST)  
  2.     public ModelAndView doAdd(ModelAndView model, @Valid AnimalForm form, BindingResult result){  
  3.         System.out.println("动物名：" + form.getOname());  
  4.         System.out.println("数量：" + form.getOcount());  
  5.         System.out.println("备注：" + form.getMemo());  
  6.         if(result.hasErrors()){  
  7.             model.addObject("MSG", "出错啦！");  
  8.         }else{  
  9.             model.addObject("MSG", "提交成功！");  
  10.         }  
  11.         model.setViewName("zoolist");  
  12.         return model;  
  13.     }  
(3)
[java] view plain copy
  1. @RequestMapping(path = "/list", params = {"save"}, method = RequestMethod.POST)  
  2.     public String doAdd(@Valid AnimalForm form, BindingResult result){  
  3.         System.out.println("动物名：" + form.getOname());  
  4.         System.out.println("数量：" + form.getOcount());  
  5.         System.out.println("备注：" + form.getMemo());  
  6.   
  7.         return "zoolist";  
  8.     }  
注意(1)(2)仅仅是ModelAndView实例化的方式不同而已，一个是自己手动实例化，一个是框架实例化；

(3)中我们去掉了model参数，但这并不影响我们的验证以及将验证结果传递到页面，只不过是你不能通过model设置一些attribute到页面了。

这里说一下Model和ModelAndView的区别：

Model主要用于将数据传递到页面，一般采用model.addAttribute("key", object)的方式，页面通过各种表达式将其显示出来；

ModelAndView有两个作用，一个是上面Model的作用；另一个就是可以设置view，也就是跳转方向，view既可以是字符串，也可以是View类型的object。


三、添加代码到zoolist.html

[html] view plain copy
  1. <div th:text="${MSG}">这里是信息提示.</div>  
  2.     <br>  
  3.         <div th:errors="${animalForm.oname}"></div>  
  4.         <div th:errors="${animalForm.ocount}"></div>  
  5.         <div th:errors="${animalForm.memo}"></div>  

完整的代码：
[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html xmlns:th="http://www.thymeleaf.org">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>zoo list</title>  
  6. </head>  
  7. <body>  
  8. <a href='.'>首页</a>->动物列表  
  9.     <br><br>  
  10.         <div th:text="${MSG}">这里是信息提示.</div>  
  11.     <br>  
  12.         <div th:errors="${animalForm.oname}"></div>  
  13.         <div th:errors="${animalForm.ocount}"></div>  
  14.         <div th:errors="${animalForm.memo}"></div>  
  15.     <br>  
  16.     <form id="iform" th:action="@{/list.html?save}" th:method="post" th:object="${animalForm}">  
  17.         <table border="1">    
  18.           <tr>   
  19.             <th>动物名称</th>    
  20.             <th>数量</th>   
  21.             <th>备注</th>  
  22.             <th>Action</th>  
  23.           </tr>    
  24.           <tr>   
  25.             <td><input type="text" name="oname" value="" th:value="*{oname}"/></td>  
  26.             <td><input type="text" name="ocount" value="" th:value="*{ocount}"/></td>  
  27.             <td><input type="text" name="memo" value="" th:value="*{memo}"/></td>  
  28.             <td><input type="submit" value="添加"/></td>  
  29.           </tr>  
  30.         </table>  
  31.     </form>  
  32.     <hr>  
  33.     <table border="1">    
  34.       <tr>  
  35.         <th>序号</th>  
  36.         <th>动物名称</th>    
  37.         <th>数量</th>   
  38.         <th>备注</th>  
  39.       </tr>  
  40.       <tr>  
  41.         <td>1</td>  
  42.         <td>大马猴</td>  
  43.         <td>10</td>  
  44.         <td>机灵古怪，俏皮活泼</td>  
  45.       </tr>  
  46.       <tr>  
  47.         <td>2</td>  
  48.         <td>大熊猫</td>  
  49.         <td>80</td>  
  50.         <td>体型笨重，喜欢吃竹子</td>  
  51.       </tr>  
  52.       <tr>  
  53.         <td>3</td>  
  54.         <td>澳洲羊驼</td>  
  55.         <td>13</td>  
  56.         <td>长相奇特，大国人俗称其草泥马</td>  
  57.       </tr>  
  58.       <tr>  
  59.         <td>4</td>  
  60.         <td>峨眉山猴</td>  
  61.         <td>90</td>  
  62.         <td>不怕人，有时候发贱抢游客面包吃</td>  
  63.       </tr>  
  64.     </table>  
  65. </body>  
  66. </html>  

解释：

<div th:text="${MSG}">这里是信息提示.</div>，还记得前面controller的代码中我们在返回页面的model中放了一个attribute名字叫“MSG”么，对了，在这里我们就可以通过表达式th:text="${MSG}"取得其值了。thymeleaf解析这个标签的时候会将“这里是信息提示.”这个字符串替换成“MSG”对应的内容。

<div th:errors="${animalForm.oname}"></div>，thymeleaf使用th:errors表达式可以取得错误信息的内容，${animalForm.oname}表示取得animalForm里oname字段的错误信息；如果验证oname字段时出现错误，那么在这个div里面会显示出该错误信息。

关于thymeleaf的validate表达式详细介绍请参阅 http://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html#validation-and-error-messages


好了，我们该修改的都完成了，重启tomcat进入浏览器吧，我的效果如下：

出错的情况：


正确的情况：



好啦，如果你也做到这个样子，也就算达到本篇的目的了，这个页面虽然很简陋，用的也都是静态数据，但这基本上展示了如何使用@valid做form验证。


关于验证改进：

对于oname：我们可以换成@NotBlank注解，它可以将全是空格的字符串作为空字符串，和@NotEmpty不同的是，@NotBlank只可用于CharSequence类型，并检查该元素是否为null或者该元素经过trim之后的长度是否为0。

对于ocount：我们把验证代码修改为：

[java] view plain copy
  1. @NotBlank(message="数量: 不能为空")  
  2.     @Pattern(regexp="[1-9]{1,3}", message="数量X: 必须为正整数，并且0<X<1000")  
  3.     private String ocount;  
@Pattern，一看便知这是用正则表达式做检查，[1-9]{1,3}表示三位正整数并且要大于0。

如果你对正则表达式还不了解，可以参阅javaSE的api文档：http://docs.oracle.com/javase/8/docs/api/java/util/regex/Pattern.html

对于一些特殊的验证，你可以定义自己的验证类，既可以实现springMVC的validator接口，也可以实现JSR303的注解约束方式验证，这里采用JSR303方式。

1, 创建package：com.zoo.constraint，以及com.zoo.constraint.impl。

2, 在com.zoo.constraint中定义Annotation类型Memo：

[java] view plain copy
  1. package com.zoo.constraint;  
  2.   
  3. import static java.lang.annotation.ElementType.FIELD;  
  4. import static java.lang.annotation.ElementType.METHOD;  
  5. import static java.lang.annotation.RetentionPolicy.RUNTIME;  
  6.   
  7. import java.lang.annotation.Retention;  
  8. import java.lang.annotation.Target;  
  9.   
  10. import javax.validation.Constraint;  
  11. import javax.validation.Payload;  
  12.   
  13. import com.zoo.constraint.impl.MemoValidator;  
  14.   
  15. @Retention(RUNTIME)  
  16. @Target({ FIELD, METHOD })  
  17. @Constraint(validatedBy=MemoValidator.class)  
  18. public @interface Memo {  
  19.       
  20.     String message() default "请输入正确的备注";  
  21.       
  22.     Class<?>[] groups() default {};  
  23.       
  24.     Class<? extends Payload>[] payload() default {};  
  25. }  

3, 在com.zoo.constraint.impl中定义类MemoValidator：
[java] view plain copy
  1. package com.zoo.constraint.impl;  
  2.   
  3. import java.util.HashSet;  
  4.   
  5. import javax.validation.ConstraintValidator;  
  6. import javax.validation.ConstraintValidatorContext;  
  7.   
  8. import com.zoo.constraint.Memo;  
  9.   
  10. public class MemoValidator implements ConstraintValidator<Memo, String> {  
  11.   
  12.     @Override  
  13.     public void initialize(Memo arg0) {  
  14.     }  
  15.   
  16.     @Override  
  17.     public boolean isValid(String arg0, ConstraintValidatorContext arg1) {  
  18.         HashSet<String> memoSet = new HashSet<String>();  
  19.         memoSet.add("圈养");  
  20.         memoSet.add("散养");  
  21.         return memoSet.contains(arg0);  
  22.     }  
  23.   
  24. }  

4, 修改AnimalForm类：
[java] view plain copy
  1. package com.zoo.web.form;  
  2.   
  3. import javax.validation.constraints.Pattern;  
  4.   
  5. import org.hibernate.validator.constraints.NotBlank;  
  6.   
  7. import com.zoo.constraint.Memo;  
  8.   
  9. public class AnimalForm {  
  10.   
  11.     private long id;  
  12.       
  13.     @NotBlank(message="动物名: 不能为空")   
  14.     private String oname;  
  15.       
  16.     @Pattern(regexp="[1-9]{1,3}", message="数量X不能为空，必须为正整数，并且0<X<1000")  
  17.     private String ocount;  
  18.       
  19.     @Memo(message = "备注不能为空，且只能填写\"圈养\"，或者\"散养\"")  
  20.     private String memo;  
  21.   
  22.     /** getters and setters **/  
  23. }  

ok！重启tomcat，进入浏览器，在三个字段都不输入的情况下，我的界面如下：


是不是很简单呢，不过希望大家在遇到问题时学会自己看reference和api，很多时候你遇到的问题都可以在那里找到。



这篇关于SpringMVC4+thymeleaf3的一个简单实例（form表单数据验证）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/400154。

相关文章

Spring Security基于数据库验证流程详解

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明（认真看哦） AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证，则会调用 #attemptAuthentica
阅读更多...
大模型研发全揭秘：客服工单数据标注的完整攻略

大模型研发全揭秘：客服工单数据标注的完整攻略

在人工智能（AI）领域，数据标注是模型训练过程中至关重要的一步。无论你是新手还是有经验的从业者，掌握数据标注的技术细节和常见问题的解决方案都能为你的AI项目增添不少价值。在电信运营商的客服系统中，工单数据是客户问题和解决方案的重要记录。通过对这些工单数据进行有效标注，不仅能够帮助提升客服自动化系统的智能化水平，还能优化客户服务流程，提高客户满意度。本文将详细介绍如何在电信运营商客服工单的背景下进行
阅读更多...
基于MySQL Binlog的Elasticsearch数据同步实践

基于MySQL Binlog的Elasticsearch数据同步实践

一、为什么要做 随着马蜂窝的逐渐发展，我们的业务数据越来越多，单纯使用 MySQL 已经不能满足我们的数据查询需求，例如对于商品、订单等数据的多维度检索。 使用 Elasticsearch 存储业务数据可以很好的解决我们业务中的搜索需求。而数据进行异构存储后，随之而来的就是数据同步的问题。 二、现有方法及问题 对于数据同步，我们目前的解决方案是建立数据中间表。把需要检索的业务数据，统一放到一张M
阅读更多...
关于数据埋点，你需要了解这些基本知识

关于数据埋点，你需要了解这些基本知识

产品汪每天都在和数据打交道，你知道数据来自哪里吗？ 移动app端内的用户行为数据大多来自埋点，了解一些埋点知识，能和数据分析师、技术侃大山，参与到前期的数据采集，更重要是让最终的埋点数据能为我所用，否则可怜巴巴等上几个月是常有的事。   埋点类型 根据埋点方式，可以区分为： 手动埋点半自动埋点全自动埋点 秉承“任何事物都有两面性”的道理：自动程度高的，能解决通用统计，便于统一化管理，但个性化定
阅读更多...
使用SecondaryNameNode恢复NameNode的数据

使用SecondaryNameNode恢复NameNode的数据

1）需求： NameNode进程挂了并且存储的数据也丢失了，如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2）故障模拟 （1）kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 （2）删除NameNode存储的数据（/opt/module/hadoop-3.1.4/data/tmp/dfs/na
阅读更多...
异构存储（冷热数据分离）

异构存储（冷热数据分离）

异构存储主要解决不同的数据，存储在不同类型的硬盘中，达到最佳性能的问题。 异构存储Shell操作 （1）查看当前有哪些存储策略可以用 [lytfly@hadoop102 hadoop-3.1.4]$ hdfs storagepolicies -listPolicies （2）为指定路径（数据存储目录）设置指定的存储策略 hdfs storagepolicies -setStoragePo
阅读更多...
Hadoop集群数据均衡之磁盘间数据均衡

Hadoop集群数据均衡之磁盘间数据均衡

生产环境，由于硬盘空间不足，往往需要增加一块硬盘。刚加载的硬盘没有数据时，可以执行磁盘数据均衡命令。（Hadoop3.x新特性） plan后面带的节点的名字必须是已经存在的，并且是需要均衡的节点。 如果节点不存在，会报如下错误： 如果节点只有一个硬盘的话，不会创建均衡计划： （1）生成均衡计划 hdfs diskbalancer -plan hadoop102 （2）执行均衡计划 hd
阅读更多...
csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

这是一道扩展欧几里得算法的简单应用题，这题是在湖南多校训练赛中队友ac的一道题，在比赛之后请教了队友，然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意：把题意转变下就变成了：求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点：求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个
阅读更多...
hdu2289（简单二分）

hdu2289（简单二分）

虽说是简单二分，但是我还是wa死了  题意：已知圆台的体积，求高度 首先要知道圆台体积怎么求：设上下底的半径分别为r1,r2,高为h,V = PI*(r1*r1+r1*r2+r2*r2)*h/3 然后以h进行二分 代码如下： #include<iostream>#include<algorithm>#include<cstring>#include<stack>#includ
阅读更多...
【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2