Spring MVC 复杂表单分部提交--使用AbstractWizardFormController解决方案

如果我们的表单有很多的输入选项，如果都放置在一个页面上，会导致页面过多，如果我们能把这些输入分散到几个页面上，按向导的方式填写，在最后一页上进行提交，势必会带来良好的可操作性，使用Spring MVC 架构中的AbstractWizardFormController控制器，可以很轻松的完成以上功能

（1）配置文件：web.xml 

 

<? xml version="1.0" encoding="UTF-8" ?>
< web-app  version ="2.4"  
    xmlns ="http://java.sun.com/xml/ns/j2ee"  
    xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance"  
    xsi:schemaLocation ="http://java.sun.com/xml/ns/j2ee 
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" >
   < context-param >
     < param-name > contextConfigLocation </ param-name >
     < param-value > /WEB-INF/train-servlet.xml </ param-value >
   </ context-param >
   < servlet >
     < servlet-name > train </ servlet-name >
     < servlet-class > org.springframework.web.servlet.DispatcherServlet </ servlet-class >
     < load-on-startup > 0 </ load-on-startup >
   </ servlet >
   < servlet-mapping >
      < servlet-name > train </ servlet-name >
      < url-pattern > *.mvc </ url-pattern >
   </ servlet-mapping >

    < listener >
      < listener-class > org.springframework.web.context.ContextLoaderListener </ listener-class >
    </ listener >
    
   < filter >
     < filter-name > character </ filter-name >
     < filter-class > Action.CharacterFilter </ filter-class >
   </ filter >
   < filter-mapping >
     < filter-name > character </ filter-name >
     < url-pattern > /* </ url-pattern >
   </ filter-mapping >
   < welcome-file-list >
     < welcome-file > index.jsp </ welcome-file >
   </ welcome-file-list >
</ web-app >

 

（2）控制器类

   其中successView是最后表单提交成功后的回显页面，由spring注入
           cancelView是中途取消提交过程后的返回页面，由spring注入
           vote为我们表单对应的javabean
   
         继承了AbstractWizardFormController，所以必须实现他的abstract mothed---processFinish。也就是说，若果继承了AbstractWizardFormController，你仅需要实现这个方法。当所有的页面表单填写完将调用这个方法。 processCancel方法不是必须实现的，他是在你填写某一步表单时想取消，按取消按钮时调用。

package  Action;

import  java.util.Enumeration;

import  javax.servlet.http.HttpServletRequest;
import  javax.servlet.http.HttpServletResponse;

import  model.Vote;

import  org.springframework.validation.BindException;
import  org.springframework.web.servlet.ModelAndView;
import  org.springframework.web.servlet.mvc.AbstractWizardFormController;
import  org.springframework.web.util.WebUtils;

public   class  FeedBackWizardController  extends  AbstractWizardFormController  ... {

    private String successView;
    private String cancelView;
    public String getCancelView() ...{
        return cancelView;
    }

    public void setCancelView(String cancelView) ...{
        this.cancelView = cancelView;
    }

    public String getSuccessView() ...{
        return successView;
    }

    public void setSuccessView(String successView) ...{
        this.successView = successView;
    }

    protected ModelAndView processCancel(HttpServletRequest arg0, HttpServletResponse arg1, Object arg2, BindException arg3) throws Exception ...{

       return new ModelAndView(this.getCancelView());
    }
 

    protected ModelAndView processFinish(HttpServletRequest request,
            HttpServletResponse response, Object object, BindException exception)
            throws Exception ...{
        Vote vote=(Vote)object;
        
        return new ModelAndView(this.getSuccessView(),"vote",vote);
    }

}

JavaBean:

package  model;
public   class  Vote  ... {
   private String id;
   private String name;
   private String option;
   private String result;
public String getId() ...{
    return id;
}
public void setId(String id) ...{
    this.id = id;
}
public String getName() ...{
    return name;
}
public void setName(String name) ...{
    this.name = name;
}
public String getOption() ...{
    return option;
}
public void setOption(String option) ...{
    this.option = option;
}
public String getResult() ...{
    return result;
}
public void setResult(String result) ...{
    this.result = result;
} 
}

 

配置文件：

 

< bean  id ="simpleUrlMapping"  class ="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping" >
  < property  name ="mappings" >
    < props >
      < prop  key ="/feedback.mvc" > FeedbackController </ prop >
 
    </ props >
  </ property >
</ bean >



<!--  使用AbstractWizardFormController控制器  -->
< bean  id ="FeedbackController"  class ="Action.FeedBackWizardController" >
   < property  name ="successView" >< value > formWizard/thankyou </ value >   </ property >
   < property  name ="cancelView" >< value > formWizard/first </ value >   </ property >  
   < property  name ="commandClass" >< value > model.Vote </ value ></ property >    <!-- -配置操作类->

  <property name="pages">
    <list>  <!---此处定义表单向导的页面流顺序，要严格执行这里配置的顺序->
      <value>formWizard/first</value>
      <value>formWizard/id</value>
      <value>formWizard/name</value>
      <value>formWizard/option</value>
      <value>formWizard/result</value>
    </list>
  </property>
</bean>


<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  <property name="prefix">
    <value>/</value>
  </property>
  <property name="suffix">
    <value>.jsp</value>
  </property>
</bean>

我们执行feedback.mvc时候，默认首先访问第一顺位的页面first.jsp

first.jsp:

 

<% ... @ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030" %>
<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=GB18030" >
< title > Insert title here </ title >
</ head >
< body >
< FORM  action ="feedback.mvc"  method ="post" >
  < TABLE >
   < TBODY >
    < TR >
     < TD >
     注册信息，请认真填写！
      < INPUT  type ="submit"  value ="开始"  name ="_target1" />
     </ TD >
    </ TR >
   </ TBODY >
  </ TABLE >
</ FORM >
</ body >
</ html >

id.jsp

 

<% ... @ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<% ... @ taglib prefix="spring" uri="http://www.springframework.org/tags"  %>
<% ... @ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
   < head >
    
   
 
   </ head >
  
  
   < body >
   < spring:bind  path ="command.id" >
    < form  action ="feedback.mvc"  method ="post" >  
     id:  < input  type ="text"  name ="id"  value ="<c:out value=" ${status.value}" /> "/>

      < input  type ="submit"  value ="下一步"  name ="_target2"   />  

      < input  type ="submit"  value ="取消"  name ="_cancel" />   
       < input  type ="submit"  value ="完成"  name ="_finish" />  
    </ form >
    </ spring:bind >
   </ body >
</ html >

name.jsp

 

<% ... @ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<% ... @ taglib prefix="spring" uri="http://www.springframework.org/tags"  %>
<% ... @ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
   < head >
    
   
 
   </ head >
  
  
   < body >
     < spring:bind  path ="command.name" >
        < form  action ="feedback.mvc"  method ="post" >
     name:  < input  type ="text"  name ="name"  value ="<c:out value=" ${status.value}" /> "/>
      < input  type ="submit"  value ="上一步"  name ="_target1" />    
      < input  type ="submit"  value ="下一步"  name ="_target3" />
       < input  type ="submit"  value ="取消"  name ="_cancel" />      
    </ form >
    </ spring:bind >
   </ body >
</ html >

 

option.jsp

 

<% ... @ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<% ... @ taglib prefix="spring" uri="http://www.springframework.org/tags"  %>
<% ... @ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
   < head >
    
   
 
   </ head >
  
  
   < body >
  < spring:bind  path ="command.option" >
       < form  action ="feedback.mvc"  method ="post" >
     option:  < input  type ="text"  name ="option"  value ="<c:out value=" ${status.value}" /> "/>
      < input  type ="submit"  value ="上一步"  name ="_target2" />    
      < input  type ="submit"  value ="下一步"  name ="_target4" />  
  < input  type ="submit"  value ="取消"  name ="_cancel" />    
    </ form >
    </ spring:bind >
   </ body >
</ html >

 

result.jsp

 

<% ... @ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<% ... @ taglib prefix="spring" uri="http://www.springframework.org/tags"  %>
<% ... @ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
   < head >
    
   
 
   </ head >
  
  
   < body >
< spring:bind  path ="command.result" >
      < form  action ="feedback.mvc"  method ="post" >
     result:  < input  type ="text"  name ="result"  value ="<c:out value=" ${status.value}" /> "/>
      < input  type ="submit"  value ="上一步"  name ="_target3" />  
      < input  type ="submit"  value ="完成"  name ="_finish" />  
      < input  type ="submit"  value ="取消"  name ="_cancel" />     
    </ form >
    </ spring:bind >
   </ body >
</ html >

 

thankyou.jsp

 

<% ... @ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<% ...
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
   < head >
     < base  href ="<%=basePath%>" >
    
     < title > My JSP 'index.jsp' starting page </ title >
     < meta  http-equiv ="pragma"  content ="no-cache" >
     < meta  http-equiv ="cache-control"  content ="no-cache" >
     < meta  http-equiv ="expires"  content ="0" >     
     < meta  http-equiv ="keywords"  content ="keyword1,keyword2,keyword3" >
     < meta  http-equiv ="description"  content ="This is my page" >
     <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
     -->
   </ head >
  
   < body >
    ${vote.id}-----${vote.name}-----${vote.option}---${vote.result } < br >
   </ body >
</ html >

 

最后，我们的jsp表单提交方式要为POST,否则会出现但下一步按钮时又回到第一顺位的页面的情况