Spring MVC 复杂表单分部提交--使用AbstractWizardFormController解决方案
2017-07-04 16:28
405 查看
如果我们的表单有很多的输入选项，如果都放置在一个页面上，会导致页面过多，如果我们能把这些输入分散到几个页面上，按向导的方式填写，在最后一页上进行提交，势必会带来良好的可操作性，使用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,否则会出现但下一步按钮时又回到第一顺位的页面的情况
（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,否则会出现但下一步按钮时又回到第一顺位的页面的情况
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Spring MVC 复杂表单分部提交--使用AbstractWizardFormController解决方案
- Spring MVC 复杂表单分部提交--使用AbstractWizardFormController解决方案
- 使用AbstractWizardFormController提交复杂表单的验证解决方案
- Spring MVC中Controller如何获取Form表单提交的数据
- spring MVC中前端提交Form表单在controller中的数据绑定
- spring mvc示例代码（使用SimpleFormController表单控制）
- 使用Spring MVC 的表单控制器SimpleFormController
- 黄聪：jquery mobile使用form进行post提交表单没有反应，显示空白页解决方案
- Spring MVC中Controller如何获取Form表单提交的数据
- spring mvc 文件上传 controller中接收form表单中提交上来的文件
- 使用Spring MVC 的表单控制器SimpleFormController
- spring mvc中AbstractWizardFormController
- spring mvc Controller与jquery Form表单提交代码demo
- 总结：FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别
- Spring MVC的表单控制器——SimpleFormController
- 关于(enctype="multipart/form-data") post 提交时中文乱码解决方案（使用jspsmartupload时）
- jQuery Form Plugin (一) ：使用AJAX提交Form表单
- FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别
- 使用get方法提交form表单时出现乱码解决方法
- 【译】MVC3 20个秘方-（14）使用Ajax 提交 Form表单