最近工作中需要在项目中集成webflow,由于原来的项目本身就使用的springmvc,集成起来的配置也就比较简单。有关webflow的介绍请参考
http://www.ibm.com/developerworks/cn/education/java/j-spring-webflow/
http://projects.spring.io/spring-webflow/
下面奉上一个简单的购物车的demo。(下载地址 https://git.oschina.net/lastLin/webflow-demo.git)
首先,引入 spring-binding-2.4.0.RELEASE.jar,spring-js-2.4.0.RELEASE.jar,spring-webflow-2.4.0.RELEASE.jar3个jar包。
接下来创建 webflow-config.xml 文件,webflow的一些基础配置都放在这个文件中,其中引入了两个webflow的配置文件paying.xml和addToCart.xml 。 内容如下
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 <bean id="flowController" class="org.springframework.webflow.mvc.servlet.FlowController"> 10 <property name="flowExecutor" ref="flowExecutor" /> 11 </bean> 12 13 <webflow:flow-executor id="flowExecutor" /> 14 15 <bean id="viewMappings" 16 class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping"> 17 <!-- /paying 请求由 flowController 来处理 --> 18 <property name="mappings"> 19 <value> /paying=flowController </value> 20 </property> 21 <property name="defaultHandler"> 22 <!-- UrlFilenameViewController 会将 "/index" 这样的请求映射成名为 "index" 的视图 --> 23 <bean class="org.springframework.web.servlet.mvc.UrlFilenameViewController" /> 24 </property> 25 </bean> 26 <!-- 所有 flow的定义文件它的位置在这里进行配置, flow-builder-services 用于配置 flow 的特性 --> 27 <webflow:flow-registry id="flowRegistry" 28 flow-builder-services="flowBuilderServices"> 29 <webflow:flow-location path="/WEB-INF/flows/paying.xml" 30 id="paying" /> 31 <webflow:flow-location path="/WEB-INF/flows/addToCart.xml" 32 id="addToCart" /> 33 <!-- <webflow:flow-location path="/WEB-INF/flow/*.xml" /> --> 34 </webflow:flow-registry> 35 36 37 38 <!--Web Flow 中的视图通过 MVC 框架的视图技术来呈现 --> 39 <webflow:flow-builder-services id="flowBuilderServices" 40 view-factory-creator="mvcViewFactoryCreator" /> 41 42 <!-- freemarker视图 --> 43 <bean id="mvcViewFactoryCreator" 44 class="org.springframework.webflow.mvc.builder.MvcViewFactoryCreator"> 45 <property name="viewResolvers" ref="freemarkerViewResolver" /> 46 </bean> 47</beans>
在springmvc的配置文件中引入 webflow-config.xml 文件
1<!-- 加载web-flow --> 2 <import resource="webflow-config.xml" />
addToCart.xml文件中描述了将商品添加到购物车中的动作
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 <on-start> 7 <set name="requestScope.productId" value="requestParameters.productId" /> 8 </on-start> 9 <action-state id="addToCart"> 10 <evaluate expression="cart.addItem(productService.getProduct(productId))" /> 11 <transition to="productAdded" /> 12 </action-state> 13 <end-state id="productAdded" /> 14</flow>
paying.xml则描述了付款的动作
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 7 <var name="mycart" class="org.webflow.demo.Cart" /> 8 <on-start> 9 <set name="conversationScope.cart" value="mycart"></set> 10 </on-start> 11 <!-- view-state中的view对应jsp文件夹中的jsp页面,on是触发事件,to对应state id --> 12 <view-state id="viewCart" view="/webflow/viewCart"> 13 <on-render> 14 <!-- 要在 viewCart 页面中显示商品,只需在 view-state 元素的 on-render 切入点调用 productService 15 的 getProducts 方法,并将所得结果保存到 viewScope 中即可 --> 16 <evaluate expression="productService.getProducts()" result="viewScope.products" /> 17 </on-render> 18 <transition on="submit" to="viewOrder" /> 19 <transition on="addToCart" to="addProductToCart" /> 20 </view-state> 21 22 <subflow-state id="addProductToCart" subflow="addToCart"> 23 <transition on="productAdded" to="viewCart" /> 24 </subflow-state> 25 26 <view-state id="viewOrder" view="webflow/viewOrder"> 27 <transition on="confirm" to="orderConfirmed"> 28 </transition> 29 </view-state> 30 <view-state id="orderConfirmed" view="webflow/orderConfirmed"> 31 <transition on="returnToIndex" to="returnToIndex"> 32 </transition> 33 </view-state> 34 <end-state id="returnToIndex" view="webflow/index"> 35 </end-state> 36</flow>
整个webflow的配置到这里基本就完成了。