SpringMVC中集成web flow

最近工做中須要在項目中集成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 。  內容以下

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:webflow="http://www.springframework.org/schema/webflow-config"
	xsi:schemaLocation=" http://www.springframework.org/schema/beans 
    http://www.springframework.org/schema/beans/spring-beans-2.5.xsd 
    http://www.springframework.org/schema/webflow-config 
    http://www.springframework.org/schema/webflow-config/spring-webflow-config-2.0.xsd">
    
	<bean id="flowController" class="org.springframework.webflow.mvc.servlet.FlowController">
		<property name="flowExecutor" ref="flowExecutor" />
	</bean>

	<webflow:flow-executor id="flowExecutor" />
	
	<bean id="viewMappings"
		class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
		<!-- /paying 請求由 flowController 來處理 -->
		<property name="mappings">
			<value> /paying=flowController </value>
		</property>
		<property name="defaultHandler">
			<!-- UrlFilenameViewController 會將 "/index" 這樣的請求映射成名爲 "index" 的視圖 -->
			<bean class="org.springframework.web.servlet.mvc.UrlFilenameViewController" />
		</property>
	</bean>
	<!-- 全部 flow的定義文件它的位置在這裏進行配置， flow-builder-services 用於配置 flow 的特性 -->
	<webflow:flow-registry id="flowRegistry"
		flow-builder-services="flowBuilderServices">
		<webflow:flow-location path="/WEB-INF/flows/paying.xml"
			id="paying" />
		<webflow:flow-location path="/WEB-INF/flows/addToCart.xml"
			id="addToCart" />
		<!-- <webflow:flow-location path="/WEB-INF/flow/*.xml" /> -->
	</webflow:flow-registry>



	<!--Web Flow 中的視圖經過 MVC 框架的視圖技術來呈現 -->
	<webflow:flow-builder-services id="flowBuilderServices"
		view-factory-creator="mvcViewFactoryCreator" />

	<!-- freemarker視圖 -->
	<bean id="mvcViewFactoryCreator"
		class="org.springframework.webflow.mvc.builder.MvcViewFactoryCreator">
		<property name="viewResolvers" ref="freemarkerViewResolver" />
	</bean>
</beans>

在springmvc的配置文件中引入 webflow-config.xml 文件

<!-- 加載web-flow -->
	<import resource="webflow-config.xml" />

addToCart.xml文件中描述了將商品添加到購物車中的動做

<?xml version="1.0" encoding="UTF-8"?>
<flow xmlns="http://www.springframework.org/schema/webflow"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/webflow 
    http://www.springframework.org/schema/webflow/spring-webflow-2.0.xsd">
	<on-start>
		<set name="requestScope.productId" value="requestParameters.productId" />
	</on-start>
	<action-state id="addToCart">
		<evaluate expression="cart.addItem(productService.getProduct(productId))" />
		<transition to="productAdded" />
	</action-state>
	<end-state id="productAdded" />
</flow>

paying.xml則描述了付款的動做

<?xml version="1.0" encoding="UTF-8"?>
<flow xmlns="http://www.springframework.org/schema/webflow"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/webflow
 http://www.springframework.org/schema/webflow/spring-webflow-2.0.xsd">

	<var name="mycart" class="org.webflow.demo.Cart" />
	<on-start>
		<set name="conversationScope.cart" value="mycart"></set>
	</on-start>
	<!-- view-state中的view對應jsp文件夾中的jsp頁面，on是觸發事件，to對應state id -->
	<view-state id="viewCart" view="/webflow/viewCart">
		<on-render>
			<!-- 要在 viewCart 頁面中顯示商品，只需在 view-state 元素的 on-render 切入點調用 productService 
				的 getProducts 方法，並將所得結果保存到 viewScope 中便可 -->
			<evaluate expression="productService.getProducts()" result="viewScope.products" />
		</on-render>
		<transition on="submit" to="viewOrder" />
		<transition on="addToCart" to="addProductToCart" />
	</view-state>
	
	<subflow-state id="addProductToCart" subflow="addToCart">
		<transition on="productAdded" to="viewCart" />
	</subflow-state>
	
	<view-state id="viewOrder" view="webflow/viewOrder">
		<transition on="confirm" to="orderConfirmed">
		</transition>
	</view-state>
	<view-state id="orderConfirmed" view="webflow/orderConfirmed">
		<transition on="returnToIndex" to="returnToIndex">
		</transition>
	</view-state>
	<end-state id="returnToIndex" view="webflow/index">
	</end-state>
</flow>

整個webflow的配置到這裏基本就完成了。