SpringMVC的form标签

水深无声 2022-04-22 11:34 341阅读 0赞

搭建好SpringMVC的环境
项目模块图
在这里插入图片描述
pom.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  3. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  4.     <parent>
  5.         <artifactId>SpringMVC</artifactId>
  6.         <groupId>SpringMVC</groupId>
  7.         <version>1.0-SNAPSHOT</version>
  8.     </parent>
  9.     <modelVersion>4.0.0</modelVersion>
  11.     <groupId>SpringMVC_04</groupId>
  12.     <artifactId>SpringMVC_04</artifactId>
  13.     <version>1.0-SNAPSHOT</version>
  14.     <packaging>war</packaging>
  16.     <name>SpringMVC_04 Maven Webapp</name>
  17.     <!-- FIXME change it to the project's website -->
  18.     <url>http://www.example.com</url>
  20.     <properties>
  21.         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  22.         <maven.compiler.source>1.7</maven.compiler.source>
  23.         <maven.compiler.target>1.7</maven.compiler.target>
  24.     </properties>
  26.     <dependencies>
  27.         <dependency>
  28.             <groupId>junit</groupId>
  29.             <artifactId>junit</artifactId>
  30.             <version>4.11</version>
  31.             <scope>test</scope>
  32.         </dependency>
  33.         <!--引入SpringMVC依赖-->
  34.         <dependency>
  35.             <groupId>org.springframework</groupId>
  36.             <artifactId>spring-webmvc</artifactId>
  37.             <version>4.3.10.RELEASE</version>
  38.         </dependency>
  39.     </dependencies>
  41.     <build>
  42.         <finalName>SpringMVC_04</finalName>
  43.         <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
  44.             <plugins>
  45.                 <plugin>
  46.                     <artifactId>maven-clean-plugin</artifactId>
  47.                     <version>3.0.0</version>
  48.                 </plugin>
  49.                 <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
  50.                 <plugin>
  51.                     <artifactId>maven-resources-plugin</artifactId>
  52.                     <version>3.0.2</version>
  53.                 </plugin>
  54.                 <plugin>
  55.                     <artifactId>maven-compiler-plugin</artifactId>
  56.                     <version>3.7.0</version>
  57.                 </plugin>
  58.                 <plugin>
  59.                     <artifactId>maven-surefire-plugin</artifactId>
  60.                     <version>2.20.1</version>
  61.                 </plugin>
  62.                 <plugin>
  63.                     <artifactId>maven-war-plugin</artifactId>
  64.                     <version>3.2.0</version>
  65.                 </plugin>
  66.                 <plugin>
  67.                     <artifactId>maven-install-plugin</artifactId>
  68.                     <version>2.5.2</version>
  69.                 </plugin>
  70.                 <plugin>
  71.                     <artifactId>maven-deploy-plugin</artifactId>
  72.                     <version>2.8.2</version>
  73.                 </plugin>
  74.             </plugins>
  75.         </pluginManagement>
  76.     </build>
  77. </project>

spingmvc.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
  4.     <!--配置注解扫描器-->
  5.     <context:component-scan base-package="com.zs.controller"></context:component-scan>
  7.     <!--配置内部的视图解析器-->
  8.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  9.         <property name="prefix" value="/"></property>
  10.         <property name="suffix" value=".jsp"></property>
  11.     </bean>
  14. </beans>

web.xml

  1. <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd" >
  3. <web-app>
  5.   <display-name>Archetype Created Web Application</display-name>
  7.   <!-- 解决工程编码过滤器(中文乱码问题)-->
  8.   <filter>
  9.     <filter-name>characterEncodingFilter</filter-name>
  10.     <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
  11.     <init-param>
  12.       <param-name>encoding</param-name>
  13.       <param-value>UTF-8</param-value>
  14.     </init-param>
  15.     <init-param>
  16.       <param-name>forceEncoding</param-name>
  17.       <param-value>true</param-value>
  18.     </init-param>
  20.   </filter>
  21.   <filter-mapping>
  22.     <filter-name>characterEncodingFilter</filter-name>
  23.     <url-pattern>/*</url-pattern>
  24.   </filter-mapping>
  27.   <!--spring的核心servlet-->
  28.   <servlet>
  29.     <servlet-name>SpringMVC</servlet-name>
  30.     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  31.     <!--初始化参数，将springmvc的核心配置文件springmvc.xml初始化-->
  32.     <init-param>
  33.       <param-name>contextConfigLocation</param-name>
  34.       <param-value>classpath:spingmvc.xml</param-value>
  35.     </init-param>
  36.   </servlet>
  37.   <servlet-mapping>
  38.     <servlet-name>SpringMVC</servlet-name>
  39.     <url-pattern>*.action</url-pattern>
  40.   </servlet-mapping>
  45. </web-app>

index.jsp

  1. <%--
  2.  @Name: index
  3.  @Description: 
  4.  @author 小思
  5.  @date 2018/11/4 16:18
  6. --%>
  7. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  8. <html>
  9. <head>
  10.     <title>Title</title>
  11. </head>
  12. <body>
  13. index
  14. </body>
  15. </html>

各个标签的普通使用

Users.java

  1. package com.zs.model;
  3. import java.util.Arrays;
  5. /** * @author 小思 * @PackageName:com.zs.model * @ClassName: Users * @Description:页面收集与传递数据的实体类 * @date 2018/11/4 16:11 */
  6. public class Users { 
  7.     private Integer id;//用户Id
  8.     private String uname;//用户姓名
  9.     private String upwd;//用户密码
  10.     private String usex;//用户性别
  11.     private String[] hobby;//用户爱好
  12.     private String city;//居住地址
  13.     private boolean marry;//婚姻状况
  14.     private String comment;//备注
  17.     public Integer getId() { 
  18.         return id;
  19.     }
  21.     public void setId(Integer id) { 
  22.         this.id = id;
  23.     }
  25.     public String getUname() { 
  26.         return uname;
  27.     }
  29.     public void setUname(String uname) { 
  30.         this.uname = uname;
  31.     }
  33.     public String getUpwd() { 
  34.         return upwd;
  35.     }
  37.     public void setUpwd(String upwd) { 
  38.         this.upwd = upwd;
  39.     }
  41.     public String getUsex() { 
  42.         return usex;
  43.     }
  45.     public void setUsex(String usex) { 
  46.         this.usex = usex;
  47.     }
  49.     public String[] getHobby() { 
  50.         return hobby;
  51.     }
  53.     public void setHobby(String[] hobby) { 
  54.         this.hobby = hobby;
  55.     }
  57.     public String getCity() { 
  58.         return city;
  59.     }
  61.     public void setCity(String city) { 
  62.         this.city = city;
  63.     }
  65.     public boolean isMarry() { 
  66.         return marry;
  67.     }
  69.     public void setMarry(boolean marry) { 
  70.         this.marry = marry;
  71.     }
  73.     public String getComment() { 
  74.         return comment;
  75.     }
  77.     public void setComment(String comment) { 
  78.         this.comment = comment;
  79.     }
  81.     @Override
  82.     public String toString() { 
  83.         return "Users{" +
  84.                 "id=" + id +
  85.                 ", uname='" + uname + '\'' +
  86.                 ", upwd='" + upwd + '\'' +
  87.                 ", usex='" + usex + '\'' +
  88.                 ", hobby=" + Arrays.toString(hobby) +
  89.                 ", city='" + city + '\'' +
  90.                 ", marry=" + marry +
  91.                 ", comment='" + comment + '\'' +
  92.                 '}';
  93.     }
  94. }

MainController.java

  1. package com.zs.controller;
  3. import com.sun.xml.internal.ws.api.databinding.Databinding;
  4. import com.zs.model.Student;
  5. import com.zs.model.TestModel;
  6. import com.zs.model.Users;
  7. import com.zs.validator.StudentValidator;
  8. import org.springframework.stereotype.Controller;
  9. import org.springframework.ui.Model;
  10. import org.springframework.ui.ModelMap;
  11. import org.springframework.validation.DataBinder;
  12. import org.springframework.validation.Errors;
  13. import org.springframework.validation.annotation.Validated;
  14. import org.springframework.web.bind.annotation.InitBinder;
  15. import org.springframework.web.bind.annotation.RequestMapping;
  16. import org.springframework.web.bind.annotation.RequestMethod;
  18. import java.util.ArrayList;
  19. import java.util.HashMap;
  20. import java.util.List;
  21. import java.util.Map;
  23. /** * @author 小思 * @PackageName:com.zs.controller * @ClassName: MainController * @Description:收集与传递数据方法 * @date 2018/11/4 16:10 */
  24. @Controller
  25. public class MainController { 
  26.     /** * @Author 小思 * @Description 测试使用modelAttribute单纯的给对象设置值 * @Date 2018/11/4 18:42 * @Param [modelMap] * @return java.lang.String **/
  27.     @RequestMapping("test1")
  28.     public String test1(ModelMap modelMap){ 
  29.         Users u=new Users();
  30.         u.setId(1);
  31.         u.setUname("李四");
  32.         u.setUpwd("123456");
  33.         u.setUsex("男");
  34.         String[] hobby=new String[]{ "阅读","观影"};
  35.         u.setHobby(hobby);
  36.         u.setCity("邵阳");
  37.         u.setMarry(true);
  38.         u.setComment("此用户是vip客户，于2016年注册");
  39.         modelMap.addAttribute("users",u);
  40.         return "myTest1";
  41.     }
  43.     //获取myTest1.jsp页面上的值
  44.     @RequestMapping("test4")
  45.     public  String test4(Users users){ 
  46.         System.out.println(users);
  47.         return "index";
  48.     }
  50. }

myTest1.jsp

  1. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  2. <%--
  3.  @Name: test
  4.  @Description: 
  5.  @author 小思
  6.  @date 2018/11/4 16:18
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <html>
  10. <head>
  11.     <title>测试页面传输与接收数据</title>
  12. </head>
  13. <body>
  14. <%--测试form标签获取值与传递值--%>
  15. <%--modelAttribute="users"uses是注解里面对象的名称
  16.     path="uname"对应对象中的属性
  17.  --%>
  18. <form:form action="/test4.action" method="post" modelAttribute="users">
  19.     <%--测试使用modelAttribute单纯的给对象设置值--%>
  20.     <%--用户id--%><form:hidden path="id"></form:hidden><br>
  21.     用户姓名：<form:input path="uname"></form:input><br>
  22.     用户密码：<form:password path="upwd"></form:password><br>
  23.     用户性别： <form:radiobutton path="usex" value="男" label="男"></form:radiobutton>
  24.               <form:radiobutton path="usex" value="女" label="女"></form:radiobutton><br>
  25.     用户爱好：<form:checkbox path="hobby" value="阅读" label="阅读"></form:checkbox>
  26.             <form:checkbox path="hobby" value="观影" label="观影"></form:checkbox>
  27.             <form:checkbox path="hobby" value="旅游" label="旅游"></form:checkbox>
  28.             <form:checkbox path="hobby" value="运动" label="运动"></form:checkbox><br>
  29.     居住地址：<form:select path="city">
  30.                  <form:option value="长沙" label="长沙"></form:option>
  31.                  <form:option value="衡阳" label="衡阳"></form:option>
  32.                  <form:option value="常德" label="常德"></form:option>
  33.                  <form:option value="邵阳" label="邵阳"></form:option>
  34.                  <form:option value="祁阳" label="祁阳"></form:option>
  35.                  <form:option value="张家界" label="张家界"></form:option>
  36.              </form:select><br>
  37.     用户婚姻状态：<form:checkbox path="marry"></form:checkbox><br>
  38.     备注：<form:textarea path="comment"></form:textarea><br>
  39.     <input type="submit" value="修改">
  41. </form:form>
  42. </body>
  43. </html>

重新发布项目，在浏览器输入http://localhost:8080/test1.action运行出现
在这里插入图片描述
点击修改，后台获取数据
在这里插入图片描述

个别标签的高级使用

TestModel.java

  1. package com.zs.model;
  3. /** * @author 小思 * @PackageName:com.zs.model * @ClassName: TestModel * @Description:测试的实体类 * @date 2018/11/4 18:52 */
  4. public class TestModel { 
  5.     private String[] hobby;
  7.     private Integer cid;
  8.     private String city;
  11.     public String[] getHobby() { 
  12.         return hobby;
  13.     }
  15.     public void setHobby(String[] hobby) { 
  16.         this.hobby = hobby;
  17.     }
  19.     public Integer getCid() { 
  20.         return cid;
  21.     }
  23.     public void setCid(Integer cid) { 
  24.         this.cid = cid;
  25.     }
  27.     public String getCity() { 
  28.         return city;
  29.     }
  31.     public void setCity(String city) { 
  32.         this.city = city;
  33.     }
  34. }

myTest2.jsp

  1. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  2. <%--
  3.  @Name: success
  4.  @Description: 
  5.  @author 小思
  6.  @date 2018/11/4 16:18
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" language="java" %>
  10. <html>
  11. <head>
  12.     <title>测试后台向前端传递集合数据给form标签接收</title>
  13. </head>
  14. <body>
  15. <%--测试后台向前端传递集合数据给form标签接收--%>
  16. <form:form action="/test3.action" method="post" modelAttribute="tm">
  17.     爱好： <form:checkboxes path="hobby" items="${hobbys}"></form:checkboxes><br>
  18.     地址： <form:select path="cid" items="${cities}"></form:select>
  19.     <input type="submit" value="提交">
  20. </form:form>
  21. </body>
  22. </html>

MainController.java

  1. package com.zs.controller;
  3.     import com.sun.xml.internal.ws.api.databinding.Databinding;
  4.     import com.zs.model.Student;
  5.     import com.zs.model.TestModel;
  6.     import com.zs.model.Users;
  7.     import com.zs.validator.StudentValidator;
  8.     import org.springframework.stereotype.Controller;
  9.     import org.springframework.ui.Model;
  10.     import org.springframework.ui.ModelMap;
  11.     import org.springframework.validation.DataBinder;
  12.     import org.springframework.validation.Errors;
  13.     import org.springframework.validation.annotation.Validated;
  14.     import org.springframework.web.bind.annotation.InitBinder;
  15.     import org.springframework.web.bind.annotation.RequestMapping;
  16.     import org.springframework.web.bind.annotation.RequestMethod;
  18.     import java.util.ArrayList;
  19.     import java.util.HashMap;
  20.     import java.util.List;
  21.     import java.util.Map;
  23.     /** * @author 小思 * @PackageName:com.zs.controller * @ClassName: MainController * @Description:收集与传递数据方法 * @date 2018/11/4 16:10 */
  24.     @Controller
  25.     public class MainController { 
  27.         @RequestMapping("test2")
  28.         public String test2(ModelMap modelMap){ 
  29.             //设置页面总共拥有的爱好
  30.             List<String> hobbys=new ArrayList<>();
  31.             hobbys.add("篮球");
  32.             hobbys.add("足球");
  33.             hobbys.add("排球");
  34.             hobbys.add("羽毛球");
  35.             //用户拥有的爱好
  36.             TestModel tm=new TestModel();
  37.             tm.setHobby(new String[]{ "足球","羽毛球"});
  38.             //设置页面默认会出现的城市
  39.             Map<Integer,String> cities=new HashMap<>();
  40.             cities.put(1,"衡阳");
  41.             cities.put(2,"株洲");
  42.             cities.put(3,"长沙");
  43.             cities.put(4,"常德");
  44.             //设置用户所在的城市
  45.             tm.setCid(3);
  46.             modelMap.addAttribute("cities",cities);
  47.             modelMap.addAttribute("hobbys",hobbys);
  48.             modelMap.addAttribute("tm",tm);
  49.             return "myTest2";
  50.         }
  53.         //获取myTest2.jsp页面上的值
  54.         @RequestMapping("test3")
  55.         public String test3(TestModel testModel){ 
  56.             System.out.println("爱好：");
  57.             for (String s : testModel.getHobby()) { 
  58.                 System.out.println(s+" ");
  59.             }
  60.             System.out.println("cid="+testModel.getCid());
  61.             return "index";
  62.         }
  64.     }

重新发布项目，在浏览器输入http://localhost:8080/test2.action运行出现
在这里插入图片描述
点击提交，控制台出现
在这里插入图片描述

form表单的errors标签的使用

Student.java

  1. package com.zs.model;
  3. import java.io.Serializable;
  5. /** * @author 小思 * @PackageName:com.zs.model * @ClassName: Student * @Description:测试error标签的实体类 * @date 2018/11/4 19:42 */
  6. public class Student implements Serializable { 
  7.     private String sname;
  8.     private String sage;
  10.     public String getSname() { 
  11.         return sname;
  12.     }
  14.     public void setSname(String sname) { 
  15.         this.sname = sname;
  16.     }
  18.     public String getSage() { 
  19.         return sage;
  20.     }
  22.     public void setSage(String sage) { 
  23.         this.sage = sage;
  24.     }
  25. }

StudentValidator.java

  1. package com.zs.validator;
  3. import com.zs.model.Student;
  4. import org.springframework.validation.Errors;
  5. import org.springframework.validation.ValidationUtils;
  6. import org.springframework.validation.Validator;
  8. /** * @author 小思 * @PackageName:com.zs.validator * @ClassName: StudentValidator * @Description: * @date 2018/11/4 19:43 */
  9. public class StudentValidator implements Validator { 
  10.     @Override
  11.     public boolean supports(Class<?> aClass) { 
  12.         return Student.class.equals(aClass);
  13.     }
  15.     @Override
  16.     public void validate(Object o, Errors errors) { 
  17.         // 验证sname和sage是否为null
  18.         ValidationUtils.rejectIfEmpty(errors,"sname",null,"学生姓名不能为空");
  19.         ValidationUtils.rejectIfEmpty(errors,"sage",null,"学生年龄不能为空");
  20.     }
  21. }

registerForm.jsp

  1. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  2. <%--
  3.  @Name: registerForm
  4.  @Description: 
  5.  @author 小思
  6.  @date 2018/11/4 19:40
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <html>
  10. <head>
  11.     <title>form的error标签的使用</title>
  12. </head>
  13. <body>
  14. <form:form action="/testError.action" method="post" modelAttribute="student">
  15.     学生名字：<form:input path="sname"></form:input><font color="red"><form:errors path="sname"></form:errors></font><br>
  16.     学生年龄：<form:input path="sage"></form:input><font color="red"><form:errors path="sage"></form:errors></font><br>
  17.     <input type="submit" value="注册">
  18. </form:form>
  19. </body>
  20. </html>

MainController.java

  1. package com.zs.controller;
  3.     import com.sun.xml.internal.ws.api.databinding.Databinding;
  4.     import com.zs.model.Student;
  5.     import com.zs.model.TestModel;
  6.     import com.zs.model.Users;
  7.     import com.zs.validator.StudentValidator;
  8.     import org.springframework.stereotype.Controller;
  9.     import org.springframework.ui.Model;
  10.     import org.springframework.ui.ModelMap;
  11.     import org.springframework.validation.DataBinder;
  12.     import org.springframework.validation.Errors;
  13.     import org.springframework.validation.annotation.Validated;
  14.     import org.springframework.web.bind.annotation.InitBinder;
  15.     import org.springframework.web.bind.annotation.RequestMapping;
  16.     import org.springframework.web.bind.annotation.RequestMethod;
  18.     import java.util.ArrayList;
  19.     import java.util.HashMap;
  20.     import java.util.List;
  21.     import java.util.Map;
  23.     /** * @author 小思 * @PackageName:com.zs.controller * @ClassName: MainController * @Description:收集与传递数据方法 * @date 2018/11/4 16:10 */
  24.     @Controller
  25.     public class MainController { 
  29.        //设置验证的类为StudentValidator
  30.         @InitBinder
  31.         public void InitBinder(DataBinder dataBinder){ 
  32.             dataBinder.setValidator(new StudentValidator());
  33.         }
  36.         //进入registerForm.jsp之前先访问的方法
  37.         @RequestMapping("/register")
  38.         public String register(ModelMap modelMap){ 
  39.             Student student=new Student();
  40.             // model中添加属性student，值是Student对象
  41.             modelMap.addAttribute("student",student);
  42.             return "registerForm";
  43.         }
  46.         //验证是否通过
  47.         @RequestMapping("testError")
  48.         public String testError(@Validated Student student, Errors errors){ 
  49.             //页面出现错误信息，不可以提交数据，返回原页面
  50.             if(errors.hasErrors()){ 
  51.                 return "registerForm";
  52.             }
  53.             //没有错误信息就提交
  54.             else{ 
  55.                 return "index";
  56.             }
  57.         }
  58.     }

重新发布项目，在浏览器输入http://localhost:8080/register.action运行出现
在这里插入图片描述
点注册时：
在这里插入图片描述

说在最后的话：编写实属不易，若喜欢或者对你有帮助记得点赞+关注或者收藏哦~

发表评论

表情：
评论列表 （有 0 条评论，341人围观）

还没有评论，来说两句吧...

相关阅读

    相关 SpringMVC form标签

    本篇我们来学习Spring MVC表单标签的使用，借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松。 一.首先我们先做一个简单了

    桃扇骨桃扇骨/ 0 赞/ 256 阅读