Java后台框架篇--Spring之WebFlow

1.构建webflow2.3.3环境（2.0以上应该都可以）

导入webflow的jar包+springmvc的一些必须包，目录结构如下

2.配置webflow(spring-wf.xml)

[html]  view plain  copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <beans xmlns="http://www.springframework.org/schema/beans"  
3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:webflow="http://www.springframework.org/schema/webflow-config"  
4.     xsi:schemaLocation=" http://www.springframework.org/schema/beans   
5.     http://www.springframework.org/schema/beans/spring-beans-2.5.xsd   
6.     http://www.springframework.org/schema/webflow-config   
7.     http://www.springframework.org/schema/webflow-config/spring-webflow-config-2.0.xsd">  
8.       
9.     <!-- 流程注册器 隐含一句 flow-registry="flowRegistry"   
10.         默认表示引用bean id为 'flowRegistry'的流程注册表-->  
11.     <webflow:flow-executor id="flowExecutor" />  
12.       
13.     <!-- 流程注册表 -->  
14.     <webflow:flow-registry id="flowRegistry" flow-builder-services="flowBuilderServices">  
15.         <webflow:flow-location path="/WEB-INF/flows/hello.xml" id="hello" />  
16.     </webflow:flow-registry>  
17.       
18.     <!-- WebFlow 视图解析器 -->     
19.     <bean id="flowViewResolver"  
20.         class="org.springframework.web.servlet.view.InternalResourceViewResolver">  
21.          <property name="viewClass"  
22.             value="org.springframework.web.servlet.view.JstlView">  
23.         </property>  
24.         <property name="prefix" value="/WEB-INF/flowView/">  
25.         </property>  
26.         <property name="suffix" value=".jsp">  
27.         </property>   
28.     </bean>  
29.       
30.     <!-- WebFlow 视图工厂构建服务 -->  
31.     <webflow:flow-builder-services id="flowBuilderServices" view-factory-creator="mvcViewFactoryCreator" />  
32.       
33.     <!-- WebFlow 视图工厂创建器，表示使用视图解析器将流程配置(xml)中的逻辑视图交给视图解析器解析 → jsp -->  
34.     <bean id="mvcViewFactoryCreator" class="org.springframework.webflow.mvc.builder.MvcViewFactoryCreator">  
35.         <property name="viewResolvers" ref="flowViewResolver" />  
36.     </bean>  
37.       
38.     <!-- 配置WebFlow 处理器映射器-->  
39.     <bean class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">  
40.         <property name="mappings">  
41.             <props>  
42.                 <!-- 这个逻辑视图名的 前缀 必须与流程注册表中的  
43.                     webflow:flow-location 的 id一致，  
44.                     而 后缀 必须是当前DispatcherServlet匹配的地址,也就是  
45.                     必须以.flow结束,否则不被前端控制器处理(视图名必须匹配*.flow)  
46.                  -->  
47.                 <!-- 这里代表将请求路径为hello.flow的url交给flowController处理 -->  
48.                 <prop key="hello.flow">flowController</prop>  
49.             </props>  
50.         </property>  
51.     </bean>  
52.       
53.     <!--WebFlow 处理器，根据逻辑视图名到流程执行器中找到对应的注册表，进而找到流程配置文件，转到不同的物理视图-->  
54.     <!--主要工作就是负责将url转化成逻辑视图交给视图解析器解析 → jsp-->  
55.     <bean id="flowController" class="org.springframework.webflow.mvc.servlet.FlowController">  
56.         <property name="flowExecutor" ref="flowExecutor" />  
57.     </bean>  
58. </beans>  

3.配置WebFlow前端控制器(web.xml)

[html]  view plain  copy

1. <servlet>  
2.     <servlet-name>FlowServlet</servlet-name>  
3.     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
4.     <init-param>  
5.       <param-name>contextConfigLocation</param-name>  
6.       <param-value>   
7.         classpath:spring-wf.xml   
8.         </param-value>  
9.     </init-param>  
10.     <load-on-startup>1</load-on-startup>  
11.   </servlet>  
12.   <servlet-mapping>  
13.     <servlet-name>FlowServlet</servlet-name>  
14.     <url-pattern>*.flow</url-pattern>  
15.   </servlet-mapping>  

拦截所有.flow结尾的请求交给springmvc前端控制器处理

至此，webflow需要的所有组件都已经配置完成，现在还有2步，配置流程文件+跳转页面

4.流程配置文件(hello.xml[/WEB-INF/flow])

[html]  view plain  copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <flow xmlns="http://www.springframework.org/schema/webflow"  
3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
4.     xsi:schemaLocation="http://www.springframework.org/schema/webflow  
5.  http://www.springframework.org/schema/webflow/spring-webflow-2.0.xsd">  
6.     <view-state id="cart" view="cart">  
7.         <transition on="submit" to="order">  
8.         </transition>  
9.     </view-state>  
10.     <view-state id="order" view="order">  
11.         <transition on="confirm" to="finish">  
12.         </transition>  
13.     </view-state>  
14.     <view-state id="finish" view="finish">  
15.         <transition on="toindex" to="index">  
16.         </transition>  
17.     </view-state>  
18.     <end-state id="index" view="externalRedirect:index.jsp">  
19.     </end-state>  
20. </flow>  

流程配置文件首先执行第一个状态标签。

5.跳转页面

index.jsp(根目录)

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8" ?>  
2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
3.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
4. <html xmlns="http://www.w3.org/1999/xhtml">  
5. <head>  
6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
7. <title>index</title>  
8. </head>  
9. <body>  
10.     <h2 align="center">Hello，WebFlow</h2>  
11.     <br />  
12.     Item1:<a href="hello.flow">加入购物车</a><br />  
13.     Item2:<a href="hello.flow">加入购物车</a><br />  
14.     Item2:<a href="hello.flow">加入购物车</a>  
15. </body>  
16. </html>  

cart.jsp(/WEB-INF/flowView/)

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8" ?>  
2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
3.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
4. <html xmlns="http://www.w3.org/1999/xhtml">  
5. <head>  
6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
7. <title>购物车</title>  
8. </head>  
9. <body>  
10.     <h2 align="center">购物车</h2>  
11.     <br/>  
12.     衣服:<a href="${flowExecutionUrl}&_eventId=submit">买买买!!!</a>  
13.     <br/>  
14.     裤子:<a href="${flowExecutionUrl}&_eventId=submit">买买买!!!</a>  
15.     <br/>  
16.     鞋子:<a href="${flowExecutionUrl}&_eventId=submit">买买买!!!</a>  
17. </body>  
18. </html>  

order.jsp(/WEB-INF/flowView/)

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8" ?>  
2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
3.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
4. <html xmlns="http://www.w3.org/1999/xhtml">  
5. <head>  
6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
7. <title>订单</title>  
8. </head>  
9. <body>  
10.     <h2 align="center">订单</h2>  
11.     <br/>  
12.     <a href="${flowExecutionUrl}&_eventId=confirm">确认支付</a>  
13. </body>  
14. </html>  

finish.jsp(/WEB-INF/flowView/)

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8" ?>  
2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
3.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
4. <html xmlns="http://www.w3.org/1999/xhtml">  
5. <head>  
6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
7. <title>view order</title>  
8. </head>  
9. <body>  
10.     <h2 align="center">确认支付</h2>  
11.     <br/>  
12.     <a href="${flowExecutionUrl}&_eventId=toindex">恭喜你，支付成功..</a>  
13. </body>  
14. </html>  

${flowExecutionUrl}由webflow框架赋值，其中包含了flow各个状态的值(动态生成，每个状态不一样),以及对应的model数据

_eventId的值与本状态transition标签的on属性值对应，通过这个值跳转到不同的状态或者视图，实现转移

效果展示