SpringMVC 处理表单

迷南。 2024-02-18 15:46 37阅读 0赞

**基于tiles布局实现：**

一、展现表单：

当展现表单的时候需要将一个实体对象绑定到表单域上（也就是不用在表单中使用name取名）

在controller中定义方法：

类名之上映射：@RequestMapping("/login")

@RequestMapping(method=RequestMethod.GET,params="new")
    	  public String createUserProfile(Model model){
    		  model.addAttribute(new User());
    		  return "users/edit";
    	  }

此方法没有路径映射，则会根据请求的方式（get,post）以及特定的参数来选择调用此方法。

二、定义表单布局：

tiles.xml配置：

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN" 
    "http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
    
    <tiles-definitions>
        <definition name="template" template="/WEB-INF/views/template.jsp">
             <put-attribute name="title" value="/WEB-INF/views/title.jsp"/>
             <put-attribute name="header" value="/WEB-INF/views/header.jsp"/>
             <put-attribute name="menu" value="/WEB-INF/views/menu.jsp"/>
             <put-attribute name="content" value=""/>
             <put-attribute name="footer" value="/WEB-INF/views/footer.jsp"/>     
        </definition>
        
        <definition name="home" extends="template">
             <put-attribute name="content" value="/WEB-INF/views/home.jsp"/>
        </definition>
        
        <definition name="users/edit" extends="template">
             <put-attribute name="content" value="/WEB-INF/views/edit.jsp"/>
        </definition>
        <definition name="users/editOk" extends="template">
             <put-attribute name="content" value="/WEB-INF/views/editOk.jsp"/>
        </definition>    
    </tiles-definitions>

注册界面edit.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>My JSP 'edit.jsp' starting page</title>
      </head>
      
      <body>
         
         <div>
           <h2> 注册一个用户 </h2>
           
           <sf:form method="post" modelAttribute="user"   
           enctype="multipart/form-data">
             <fieldset>
                <table cellspacing="0">
                    <tr>
                       <th> <label> fullName </label> </th>
                       <td> <sf:input path="fullName" size="15"/> 
                            <sf:errors path="fullName" cssClass="error"/>  
                        </td>
                    </tr>
                    <tr>
                       <th> <label> userName </label> </th>
                       <td> <sf:input path="userName" size="15" maxlength="15"/>   
                            <sf:errors path="userName" cssClass="error"/>
                       </td>
                    </tr>
                    <tr>
                       <th> <label> password </label> </th>
                       <td> <sf:password path="password" size="30" showPassword="true"/> 
                            <sf:errors path="password" cssClass="error"/>
                       </td>
                    </tr>
                    <tr>
                       <th> <label> email </label> </th>
                       <td> <sf:input path="email" size="30"/> 
                            <sf:errors path="email" cssClass="error"/>
                       </td>
                    </tr>
                    
                    <tr> <th>
                       <input type="submit" value="注册">
                    </th> </tr>
                </table>
             </fieldset>
           </sf:form>
         </div>
         
      </body>
    </html>

<sf:input>标签都有一个path属性，它引用的是表单所绑定的实体对象。当表单提交时，这些输入域中的值将会放到实体对象中并提交到服务器进行处理。

该<sf:form>标签并未指定具体url路径，则会被提交到展现表单的url路径（也就是/login下），也就需要编写另外一个方法来处理请求；

三、处理表单输入：

@RequestMapping(method=RequestMethod.POST)
    	public String addUserForm(@Valid User user,BindingResult bindingResult,Model model){
    		if(bindingResult.hasErrors()){  //如果有错误，返回注册界面
    			return "users/edit";
    		}
    		
    		System.out.println("该用户注册成功");//代替持久化操作，表示该用户信息保存到数据库中了
    	    model.addAttribute("userName",user.getUserName());
    		return "redirect:/login/"+user.getUserName()+".do"; //post之后进行重定向，防止用户重复提交,model中的参数会显示在url路径中
    	}

该方法接受post请求；使用了@Valid注解进行检查错误：

四、处理带有变量路径的请求：

@RequestMapping(value="/{userName}",method=RequestMethod.GET) //取值方式{userName}
    	public String showUser(@PathVariable String userName,Model model){
    		model.addAttribute(userName);
    		return "users/editOk";
    	}

路径中的\{userName\}实际上是占位符，它对应了使用@pathVariable注解的userName方法参数，请求路径中该位置的值将作为userName的值传递进去。

五、定义校验规则:（@Valid）

实体类User.java：

package com.dw.entity;
    
    import javax.validation.constraints.Pattern;
    import javax.validation.constraints.Size;
    
    public class User {
    
    	@Size(min=3,max=50,message="您的全称名长度在3-50个字符之间")
    	private String fullName;
    	
    	@Size(min=3,max=20,message="用户姓名长度在3-20个字符之间")
    	@Pattern(regexp="^[a-zA-Z0-9]+$",message="用户姓名之间不能存在空格")	
    	private String userName;
    	
    	@Size(min=6,max=20,message="用户密码至少6个字符")
    	private String password;
    	
    	@Pattern(regexp="[A-Za-z0-9._%+-]+@[A-Za-z0-9]+.[A-Za-z]{2,4}",message="email地址无效")
    	private String email;
    
    	public String getFullName() {
    		return fullName;
    	}
    
    	public void setFullName(String fullName) {
    		this.fullName = fullName;
    	}
    
    	public String getUserName() {
    		return userName;
    	}
    
    	public void setUserName(String userName) {
    		this.userName = userName;
    	}
    
    	public String getPassword() {
    		return password;
    	}
    
    	public void setPassword(String password) {
    		this.password = password;
    	}
    
    	public String getEmail() {
    		return email;
    	}
    
    	public void setEmail(String email) {
    		this.email = email;
    	}
    
    }

展现错误则通过edit.jsp页面中的<sf:errors path="email" cssClass="error"/>标签展现，  
  
整个controller代码：

package com.dw.controller;
    
    import javax.validation.Valid;
    import javax.ws.rs.GET;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.validation.BindingResult;
    import org.springframework.web.bind.annotation.PathVariable;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    
    import com.dw.entity.User;
    
    @Controller
    @RequestMapping("/login")
    public class LoginController {
    
    	  @RequestMapping(method=RequestMethod.GET,params="new")
    	  public String createUserProfile(Model model){
    		  model.addAttribute(new User());
    		  return "users/edit";
    	  }
    	  
    	  
    	@RequestMapping(method=RequestMethod.POST)
    	public String addUserForm(@Valid User user,BindingResult bindingResult,Model model){
    		if(bindingResult.hasErrors()){  //如果有错误，返回注册界面
    			return "users/edit";
    		}
    		
    		System.out.println("该用户注册成功");//代替持久化操作，表示该用户信息保存到数据库中了
    	    model.addAttribute("userName",user.getUserName());
    		return "redirect:/login/"+user.getUserName()+".do"; //post之后进行重定向，防止用户重复提交,model中的参数会显示在url路径中
    	}
    	
    	@RequestMapping(value="/{userName}",method=RequestMethod.GET) //取值方式{userName}
    	public String showUser(@PathVariable String userName,Model model){
    		model.addAttribute(userName);
    		return "users/editOk";
    	}
    }

实现过程：

![Center][]

![Center 1][]

![Center 2][]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/220109e50ae34fa89bb33e7960fbd8a5.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/5f86db499b6f4accbbf5712d7e1a7a82.png
[Center 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/f2d6f7b9b28c407ba3a02bbe74330e86.png