天天看點
傳回

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

1.官方例子研究

Activiti給出的官方例子activiti-explorer中有一個網頁版的流程設計器，看起來很不錯的樣子。考慮到以後的工作中，可能會涉及到使用者自己設計流程，這樣的話，會要用到網頁版的流程設計器，是以，想辦法吧這個官網的網頁設計器從activiti-explorer工程中分離出來，與SpringMvc內建在一起，這樣以後就可以在自己的項目中直接設計流程，然後釋出運作了，不需要在Eclipse的Activiti插件中先将流程設計好，再導入項目中這麼麻煩了，而且後期的修改和維護更加的友善。我們先可以看一下activiti-explorer的例子中流程設計器的樣子。

從官網上下載下傳Activiti 5.18.0的壓縮包，下載下傳位址: http://www.activiti.org/download.html 。

将壓縮包解壓到任一目錄下。我們可以看到Activiti的目錄結構

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

Database是存放Activiti需要用到的資料庫的各個版本的資料庫腳本。打開到具體的目錄我們可以看到，Activiti支援的資料庫包括h2，Mysql，Oracle，Postgre，db2，SQL Server。

Docs中存放的是Activiti的參考文檔，都是網頁版的形式，裡面有一些使用API的文檔可以參考使用。

Libs中存放的是Activiti需要用到的各種jar包，以後若差什麼jar包找不到，可以在這裡面查找添加到工程中。

Wars裡面放的是Activiti的兩個例子工程，将這兩個工程放到一個tomcat的webapp目錄下，運作tomcat就可以看到Activiti運作的整個過程。

将wars中的activiti-explorer.war 複制到一個tomcat的webapp目錄下，啟動tomcat。在浏覽器中輸入 http://localhost:8080/activiti-explorer/，我們可以看到Activiti的登入界面

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

使用賬戶 kermit/kermit 登入系統，切換到流程便簽，我們可以看到系統中已經有的幾個流程的例子。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

點選此頁面上的“流程設計工作區”，點選“建立模型”，填寫名稱，描述後點選建立。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

之後，系統會跳轉到流程設計的界面上。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

在左側工具欄中拖動控件到右邊的工作區，給各個子產品去一個名字之後，将流程用箭頭有機連接配接在一起，就行成了一個完整的工作流，以下是一個簡單的财務報帳的流程。流程開始後，先要流程申請人送出财務報帳申請，送出完成之後，靖經理審批，财務審批，審批完成之後進入财務報帳環節，财務報帳之後，整個流程結束。十分的簡單明了。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

2. 搭建SpringMVC架構。

2.1. 添加依賴檔案

建立Maven工程，取名為demo。在demo的pom檔案中加入springMvc的依賴包，maven依賴如下。

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<modelVersion>4.0.0</modelVersion>

<groupId>com.test</groupId>

<artifactId>demo</artifactId>

<version>0.0.1-SNAPSHOT</version>

<packaging>war</packaging>

<repositories>

<repository>

<id>maven</id>

<url>http://repo1.maven.org/maven2/</url>

</repository>

<repository>

<id>jboss</id>

<url>https://repository.jboss.org/nexus/content/repositories/releases</url>

</repository>

</repositories>

<properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

<spring.version>4.1.4.RELEASE</spring.version>

<hibernate.version>4.3.8.Final</hibernate.version>

<jackson.version>2.5.0</jackson.version>

<activiti.version>5.18.0</activiti.version>

</properties>

<dependencies>

<!-- junit -->

<dependency>

<groupId>junit</groupId>

<artifactId>junit</artifactId>

<version>4.12</version>

<scope>test</scope>

</dependency>

<dependency>

<groupId>org.apache.commons</groupId>

<artifactId>commons-lang3</artifactId>

<version>3.1</version>

</dependency>

<dependency>

<groupId>javax.annotation</groupId>

<artifactId>javax.annotation-api</artifactId>

<version>1.2</version>

</dependency>

<dependency>

<groupId>commons-io</groupId>

<artifactId>commons-io</artifactId>

<version>2.4</version>

</dependency>

<!-- spring -->

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-core</artifactId>

<version>${spring.version}</version>

</dependency>

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-beans</artifactId>

<version>${spring.version}</version>

</dependency>

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-context</artifactId>

<version>${spring.version}</version>

</dependency>

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-tx</artifactId>

<version>${spring.version}</version>

</dependency>

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-web</artifactId>

<version>${spring.version}</version>

</dependency>

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-test</artifactId>

<version>${spring.version}</version>

<scope>test</scope>

</dependency>

<!-- 使用SpringMVC需配置 -->

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-webmvc</artifactId>

<version>${spring.version}</version>

</dependency>

<!-- 關系型資料庫整合時需配置 如hibernate jpa等 -->

<dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-orm</artifactId>

<version>${spring.version}</version>

</dependency>

<!-- hibernate -->

<dependency>

<groupId>org.hibernate</groupId>

<artifactId>hibernate-core</artifactId>

<version>${hibernate.version}</version>

</dependency>

<dependency>

<groupId>org.hibernate</groupId>

<artifactId>hibernate-ehcache</artifactId>

<version>${hibernate.version}</version>

<exclusions>

<exclusion>

<artifactId>hibernate-core</artifactId>

<groupId>org.hibernate</groupId>

</exclusion>

</exclusions>

</dependency>

<!-- 二級緩存ehcache -->

<dependency>

<groupId>net.sf.ehcache</groupId>

<artifactId>ehcache</artifactId>

<version>2.9.0</version>

</dependency>

<!-- mysql連接配接 -->

<dependency>

<groupId>mysql</groupId>

<artifactId>mysql-connector-java</artifactId>

<version>5.1.34</version>

</dependency>

<!-- c3p0資料源 -->

<dependency>

<groupId>com.mchange</groupId>

<artifactId>c3p0</artifactId>

<version>0.9.5-pre10</version>

</dependency>

<dependency>

<groupId>org.codehaus.jackson</groupId>

<artifactId>jackson-core-asl</artifactId>

<version>1.9.13</version>

</dependency>

<!-- aop -->

<dependency>

<groupId>org.aspectj</groupId>

<artifactId>aspectjweaver</artifactId>

<version>1.8.4</version>

</dependency>

<!-- servlet -->

<dependency>

<groupId>javax.servlet</groupId>

<artifactId>servlet-api</artifactId>

<version>3.0-alpha-1</version>

<scope>provided</scope>

</dependency>

<dependency>

<groupId>javax.servlet</groupId>

<artifactId>jstl</artifactId>

<version>1.2</version>

</dependency>

<dependency>

<groupId>org.json</groupId>

<artifactId>org.json</artifactId>

<version>chargebee-1.0</version>

</dependency>

<dependency>

<groupId>net.sf.json-lib</groupId>

<artifactId>json-lib-ext-spring</artifactId>

<version>1.0.2</version>

</dependency>

<!-- java mail -->

<dependency>

<groupId>javax.mail</groupId>

<artifactId>mail</artifactId>

<version>1.4</version>

</dependency>

<!-- slf4j -->

<dependency>

<groupId>org.slf4j</groupId>

<artifactId>slf4j-api</artifactId>

<version>1.6.1</version>

</dependency>

<dependency>

<groupId>org.slf4j</groupId>

<artifactId>slf4j-log4j12</artifactId>

<version>1.6.1</version>

</dependency>

<dependency>

<groupId>log4j</groupId>

<artifactId>log4j</artifactId>

<version>1.2.16</version>

</dependency>

</dependencies>

<build>

<finalName>demo</finalName>

</build>

</project>

2.2 配置spring-mvc.xml檔案

在demo工程的src/main/resources下建立spring-mvc.xml檔案，在檔案中加入以下内容。

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns:p="http://www.springframework.org/schema/p" xmlns:context="http://www.springframework.org/schema/context"

xsi:schemaLocation="http://www.springframework.org/schema/beans 

http://www.springframework.org/schema/beans/spring-beans-4.1.xsd 

http://www.springframework.org/schema/context 

http://www.springframework.org/schema/context/spring-context-4.1.xsd 

http://www.springframework.org/schema/mvc 

http://www.springframework.org/schema/mvc/spring-mvc-4.1.xsd">

<!-- 自動掃描@Controller注入為bean -->

<context:component-scan base-package="com.fh.server.controller" />

<!--對靜态資源檔案的通路 -->

<mvc:resources mapping="/static/images/**" location="/static/images/" />

<mvc:resources mapping="/static/js/**" location="/static/js/" />

<mvc:resources mapping="/static/css/**" location="/static/css/" />

<!-- 以下為SpringMVC配置 -->

<mvc:annotation-driven />

<bean id="defaultJsonView" class="org.springframework.web.servlet.view.json.MappingJackson2JsonView"/>

<!-- 對模型視圖名稱的解析，即在模型視圖名稱添加前字尾 -->

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">

<property name="viewClass"

value="org.springframework.web.servlet.view.JstlView" />

<property name="prefix" value="/" />

<property name="suffix" value=".jsp" />

</bean>

</beans>

2.3 Spring與Hibernate內建

在demo工程的src/main/resources目錄下建立spring-hibernate.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:tx="http://www.springframework.org/schema/tx"

xmlns:aop="http://www.springframework.org/schema/aop"

xsi:schemaLocation="

http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.1.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.1.xsd

http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.1.xsd">

<!-- 配置資料源 c3p0 -->

<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"

destroy-method="close">

<property name="driverClass" value="${jdbc.driver}" />

<property name="jdbcUrl" value="${jdbc.url}" />

<property name="user" value="${jdbc.username}" />

<property name="password" value="${jdbc.password}" />

<!-- 請求逾時時間 -->

<property name="checkoutTimeout" value="30000" />

<!-- 每60秒檢查所有連接配接池中的空閑連接配接。預設值: 0，不檢查 -->

<property name="idleConnectionTestPeriod" value="30" />

<!-- 連接配接資料庫連接配接池最大空閑時間 -->

<property name="maxIdleTime" value="30" />

<!-- 連接配接池初始化連接配接數 -->

<property name="initialPoolSize" value="5" />

<property name="minPoolSize" value="5" />

<property name="maxPoolSize" value="20" />

<!--當連接配接池中的連接配接耗盡的時候c3p0一次同時擷取的連接配接數。預設值: 3 -->

<property name="acquireIncrement" value="5" />

</bean>

<!-- 配置hibernate的SessionFactory -->

<bean id="sessionFactory" class="org.springframework.orm.hibernate4.LocalSessionFactoryBean">

<!-- 注入資料源 相關資訊看源碼 -->

<property name="dataSource" ref="dataSource" />

<!-- hibernate配置資訊 -->

<property name="hibernateProperties">

<props>

<prop key="hibernate.dialect">${hibernate.dialect}</prop>

<prop key="hibernate.show_sql">${hibernate.show_sql}</prop>

<prop key="hibernate.format_sql">${hibernate.format_sql}</prop>

<prop key="hibernate.hbm2ddl.auto">${hibernate.hbm2ddl.auto}</prop>

<!-- 開啟二級緩存 ehcache -->

<prop key="hibernate.cache.use_second_level_cache">${hibernate.cache.use_second_level_cache}</prop>

<prop key="hibernate.cache.use_query_cache">${hibernate.cache.use_query_cache}</prop>

<prop key="hibernate.cache.region.factory_class">${hibernate.cache.region.factory_class}</prop>

<prop key="hibernate.cache.provider_configuration_file_resource_path">${hibernate.cache.provider_configuration_file_resource_path}

</prop>

</props>

</property>

<!-- 掃描hibernate注解配置的entity -->

<property name="packagesToScan" value="com.fh.server.api.entity" />

</bean>

<!-- 配置事務管理器 -->

<bean id="transactionManager"

class="org.springframework.orm.hibernate4.HibernateTransactionManager">

<property name="sessionFactory" ref="sessionFactory" />

</bean>

<!-- 配置事務增強處理Bean，指定事務管理器 -->

<tx:advice id="transactionAdvice" transaction-manager="transactionManager">

<!-- 配置詳細事務處理語義 -->

<tx:attributes>

<tx:method name="insert*" propagation="REQUIRED" />

<tx:method name="update*" propagation="REQUIRED" />

<tx:method name="delete*" propagation="REQUIRED" />

<tx:method name="get*" propagation="SUPPORTS" read-only="true" />

<tx:method name="find*" propagation="SUPPORTS" read-only="true" />

<tx:method name="select*" propagation="SUPPORTS" read-only="true" />

<tx:method name="load*" propagation="SUPPORTS" read-only="true" />

<!-- 其他采用預設事務方式 -->

<tx:method name="*" />

</tx:attributes>

</tx:advice>

<!-- Spring aop事務管理 -->

<aop:config>

<!-- 配置切入點 -->

<aop:pointcut id="transactionPointcut"

expression="execution(* com.fh.server.service..*Impl.*(..))" />

<!-- 指定在txAdvice切入點應用txAdvice事務增強處理 -->

<aop:advisor pointcut-ref="transactionPointcut"

advice-ref="transactionAdvice" />

</aop:config>

</beans>

配置完這些之後，還要在src/main/resources目錄下建立ehcache.xml檔案，來配置hibernate的二級緩存。向ehcache.xml中加入以下内容

<?xml version="1.0" encoding="UTF-8"?>

<ehcache xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../config/ehcache.xsd">

<diskStore path="c:/ehcache" />

<!-- DefaultCache setting. -->

     <defaultCache

            maxElementsInMemory="1000"

            eternal="false"

            timeToIdleSeconds="120"

            timeToLiveSeconds="120"

            maxElementsOnDisk="1000000"

            overflowToDisk="true" 

            memoryStoreEvictionPolicy="LRU">

    </defaultCache>

<!-- Special objects setting. -->

<cache 

     name="org.andy.work.entity.AcctUser"

 maxElementsInMemory="2"

 memoryStoreEvictionPolicy="LRU" 

 eternal="true" 

 diskPersistent="false"

 overflowToDisk="false" 

 maxElementsOnDisk="1000000" /> 

</ehcache>

2.4配置spring.xml檔案

在demo的src/main/resources目錄下建立spring.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:context="http://www.springframework.org/schema/context"

xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans-4.1.xsdhttp://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context-4.1.xsd">

<!-- 加載配置檔案 -->

<context:property-placeholder location="classpath:config.properties"/>

<!-- 掃描service自動注入為bean -->

<context:component-scan base-package="com.fh.server.service.impl,com.fh.server.dao.impl" />

</beans>

2.5 配置demo工程的web.xml檔案

在demo工程的src/main/webapp目錄下建立WEB-INF檔案夾，在WEB-INF檔案夾中新增web.xml檔案，向web.xml檔案中加入以下内容。

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

id="WebApp_ID" version="2.5">

<display-name>demo</display-name>

<context-param>

<param-name>contextConfigLocation</param-name> <param-value>classpath:spring.xml,classpath:spring-hibernate.xml</param-value>

</context-param>

<filter>

<filter-name>encodingFilter</filter-name>

<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>

<init-param>

<param-name>encoding</param-name>

<param-value>utf-8</param-value>

</init-param>

<init-param>

<param-name>forceEncoding</param-name>

<param-value>true</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>encodingFilter</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

<!-- 監聽servletContext，啟動contextConfigLocation中的spring配置資訊 -->

<listener>

<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>

</listener>

<!-- 防止spring記憶體溢出監聽器 -->

<listener>

<listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>

</listener>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.gif</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.jpg</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.png</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.woff</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.svg</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.map</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.ttf</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.js</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.css</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.json</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.html</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.xml</url-pattern>

</servlet-mapping>

<servlet>

<description>springMVC Servlet</description>

<servlet-name>springmvc</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<!-- 此處配置的是SpringMVC的配置檔案 -->

<param-value>classpath:spring-mvc.xml</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>springmvc</servlet-name>

<url-pattern>/</url-pattern>

</servlet-mapping>

<filter>

<filter-name>openSessionInView</filter-name>

<filter-class>org.springframework.orm.hibernate4.support.OpenSessionInViewFilter</filter-class>

</filter>

<filter-mapping>

<filter-name>openSessionInView</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

<!-- 配置session逾時時間，機關分鐘 -->

<session-config>

<session-timeout>30</session-timeout>

</session-config>

<welcome-file-list>

<welcome-file>/index.jsp</welcome-file>

</welcome-file-list>

</web-app>

至此，我們已經搭建好了SpringMVC+Spring+Hibernate的架構。可以将項目部署到tomcat下，啟動tomcat在浏覽器中輸入http://localhost:8080/demo, 就可以看到我們index.jsp中的内容，表示項目已經可以運作。

3. Spring與Activiti內建

3.1 添加activiti的依賴包

向demo的pom檔案中繼續加入以下依賴。其中activiti.version為5.18.0

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-engine</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-spring</artifactId>

<version>${activiti.version}</version>

<exclusions>

<exclusion>

<artifactId>commons-dbcp</artifactId>

<groupId>commons-dbcp</groupId>

</exclusion>

</exclusions>

</dependency>

<dependency>

<groupId>commons-dbcp</groupId>

<artifactId>commons-dbcp</artifactId>

<version>1.4</version>

</dependency>

<dependency>

<groupId>org.mybatis</groupId>

<artifactId>mybatis</artifactId>

<version>3.2.5</version>

</dependency>

<dependency>

<groupId>javax.activation</groupId>

<artifactId>activation</artifactId>

<version>1.1</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-bpmn-model</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-bpmn-converter</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-bpmn-layout</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-common-rest</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-crystalball</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-diagram-rest</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-explorer</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-image-generator</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-json-converter</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-modeler</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-simple-workflow</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.vaadin.addons</groupId>

<artifactId>dcharts-widget</artifactId>

<version>0.10.0</version>

</dependency>

<dependency>

<groupId>org.activiti</groupId>

<artifactId>activiti-process-validation</artifactId>

<version>${activiti.version}</version>

</dependency>

<dependency>

<groupId>org.apache.xmlgraphics</groupId>

<artifactId>xmlgraphics-commons</artifactId>

<version>1.2</version>

</dependency>

<dependency>

<groupId>com.vaadin</groupId>

<artifactId>vaadin</artifactId>

<version>6.8.8</version>

</dependency>

<dependency>

<groupId>org.imgscalr</groupId>

<artifactId>imgscalr-lib</artifactId>

<version>4.2</version>

</dependency>

<dependency>

<groupId>org.apache.geronimo.specs</groupId>

<artifactId>geronimo-servlet_3.0_spec</artifactId>

<version>1.0</version>

<scope>provided</scope>

</dependency>

<dependency>

<groupId>javax</groupId>

<artifactId>javaee-api</artifactId>

<version>7.0</version>

</dependency>

<dependency>

<groupId>joda-time</groupId>

<artifactId>joda-time</artifactId>

<version>2.1</version>

</dependency>

<!-- Batik的包主要是用來解析html中的svg的内容 -->

<dependency>

<groupId>batik</groupId>

<artifactId>batik-transcoder</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-dom</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-bridge</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-css</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-anim</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-codec</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-ext</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-gvt</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-script</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-js</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-parser</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-svg-dom</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-svggen</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-util</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-xml</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>org.apache.xmlgraphics</groupId>

<artifactId>batik-js</artifactId>

<version>1.7</version>

</dependency>

<dependency>

<groupId>xml-apis</groupId>

<artifactId>xml-apis-ext</artifactId>

<version>1.3.04</version>

</dependency>

<dependency>

<groupId>xml-apis</groupId>

<artifactId>xml-apis</artifactId>

<version>1.3.04</version>

</dependency>

<dependency>

<groupId>org.apache.xmlgraphics</groupId>

<artifactId>xmlgraphics-commons</artifactId>

<version>1.2</version>

</dependency>

<dependency>

<groupId>batik</groupId>

<artifactId>batik-awt-util</artifactId>

<version>1.7</version>

</dependency>

3.2 配置spring-activiti.xml檔案

在demo的src/main/resources目錄下建立spring-activiti.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"

xsi:schemaLocation="http://www.springframework.org/schema/beans   http://www.springframework.org/schema/beans/spring-beans.xsd">

<bean id="processEngineConfiguration" class="org.activiti.spring.SpringProcessEngineConfiguration">

<property name="dataSource" ref="dataSource" />

<property name="transactionManager" ref="transactionManager" />

<property name="databaseSchemaUpdate" value="true" />

<property name="jobExecutorActivate" value="false" />

</bean>

<bean id="objectMapper" class="com.fasterxml.jackson.databind.ObjectMapper"/>

<bean id="processEngine" class="org.activiti.spring.ProcessEngineFactoryBean">

<property name="processEngineConfiguration" ref="processEngineConfiguration" />

</bean>

<bean id="repositoryService" factory-bean="processEngine"

factory-method="getRepositoryService" />

<bean id="runtimeService" factory-bean="processEngine"

factory-method="getRuntimeService" />

<bean id="taskService" factory-bean="processEngine"

factory-method="getTaskService" />

<bean id="historyService" factory-bean="processEngine"

factory-method="getHistoryService" />

<bean id="managementService" factory-bean="processEngine"

factory-method="getManagementService" />

<bean id="identityService" factory-bean="processEngine"

factory-method="getIdentityService" />

<bean id="transactionManager"

class="org.springframework.jdbc.datasource.DataSourceTransactionManager">

<property name="dataSource" ref="dataSource" />

</bean>

</beans>

3.3 修改web.xml檔案

打開demo的web.xml檔案，修改context-param為以下内容，對比上面的web.xml檔案可知，此處隻是添加了classpath:spring-activiti.xml這一項。

<context-param>

<param-name>contextConfigLocation</param-name> <param-value>classpath:spring.xml,classpath:spring-hibernate.xml,classpath:spring-activiti.xml</param-value>

</context-param>

此時activiti已經與springMVC+Spring+Hibernate內建在一起了，我們可以使用activiti提供的各種服務如repositoryService，runtimeService等。此處就不貼Junit的單元測試代碼了，這裡要寫的話，又可以寫成一個文檔。

4.內建Activiti的線上流程設計器

4.1 複制檔案。

下載下傳activiti-webapp-explorer2的源代碼，将activiti-explorer工程中的diagram-viewer，editor-app和modeler.html檔案複制到demo工程的src/main/webapp目錄下，将activiti-explorer工程中WEB-INF/classes檔案加下的stencilset.json，ui.properties，ui.properties.alfresco複制到demo工程的src/main/resources目錄下。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

複制完成之後的demo工程目錄如下。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

4.2 複制Controller檔案。

打開activiti5.18.0的源碼，将modules/目錄中找到org\activiti\rest\diagram和org\activiti\rest\editor這兩個包，将他們整個複制到demo工程的src/main/java目錄下。複制完成後目錄結構如圖。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器

4.3修改spring-mvc.xml檔案

修改spring-mvc.xml檔案，在其中加入以下内容，使spring在掃描controller類的時候，也掃描這些包裡面的類。

<!--加入Spring Activiti-Modeler的運作配置 -->

<context:component-scan base-package="org.activiti.rest.editor" />

<context:component-scan base-package="org.activiti.rest.diagram" />

4.4修改web.xml檔案

打開demo工程的web.xml檔案，向其中添加以下内容，讓spring也管理起來帶/service/的連結。

<servlet-mapping>

     <servlet-name>springmvc</servlet-name>

     <url-pattern>/service/*</url-pattern>

</servlet-mapping>

4.5 細節修改

打開editor-app/app-cfg.js, 将其中的“activiti-explorer”修改為“demo”。當然，具體項目中這裡可能會經常變化，我們可以寫一個js函數來自動擷取工程的名字，這樣以後将設計器內建到其他工程的時候，就不需要修改這裡的内容了。做完這些操作之後，已經将activiti的頁面流程設計器內建到了demo項目中了，下面我們編寫一些代碼做個測試

5.測試Activiti頁面流程設計器

在demo工程的src\main\java\org\activiti\rest\editor目錄下建立一個java檔案，命名為ModuleController,向其中加入以下内容。

import java.io.IOException;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.activiti.editor.constants.ModelDataJsonConstants;

import org.activiti.engine.ManagementService;

import org.activiti.engine.RepositoryService;

import org.activiti.engine.RuntimeService;

import org.activiti.engine.TaskService;

import org.activiti.engine.repository.Model;

import org.activiti.engine.repository.ProcessDefinition;

import org.activiti.engine.runtime.ProcessInstance;

import org.activiti.engine.task.Task;

import org.apache.commons.lang3.StringUtils;

import org.slf4j.Logger;

import org.slf4j.LoggerFactory;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.servlet.ModelAndView;

import com.fasterxml.jackson.databind.ObjectMapper;

import com.fasterxml.jackson.databind.node.ObjectNode;

@Controller

@RequestMapping("/model")

public class ModuleController {

private Logger logger = LoggerFactory.getLogger(ModuleController.class);

@Autowired

private RepositoryService repositoryService;

@Autowired

private RuntimeService runtimeService;

@Autowired

private TaskService taskService;

@Autowired

private ManagementService managementService;

@RequestMapping(value = "create")

public void create(@RequestParam("name") String name, @RequestParam("key") String key,

@RequestParam("description") String description, HttpServletRequest request, HttpServletResponse response) {

try {

ObjectMapper objectMapper = new ObjectMapper();

ObjectNode editorNode = objectMapper.createObjectNode();

editorNode.put("id", "canvas");

editorNode.put("resourceId", "canvas");

ObjectNode stencilSetNode = objectMapper.createObjectNode();

stencilSetNode.put("namespace", "http://b3mn.org/stencilset/bpmn2.0#");

editorNode.put("stencilset", stencilSetNode);

Model modelData = repositoryService.newModel();

ObjectNode modelObjectNode = objectMapper.createObjectNode();

modelObjectNode.put(ModelDataJsonConstants.MODEL_NAME, name);

modelObjectNode.put(ModelDataJsonConstants.MODEL_REVISION, 1);

description = StringUtils.defaultString(description);

modelObjectNode.put(ModelDataJsonConstants.MODEL_DESCRIPTION, description);

modelData.setMetaInfo(modelObjectNode.toString());

modelData.setName(name);

modelData.setKey(StringUtils.defaultString(key));

repositoryService.saveModel(modelData);

repositoryService.addModelEditorSource(modelData.getId(), editorNode.toString().getBytes("utf-8"));

response.sendRedirect(request.getContextPath() + "/modeler.html?modelId=" + modelData.getId());

} catch (Exception e) {

logger.error("建立模型失敗：", e);

}

}

}

然後将工程部署到tomcat下，啟動tomcat。通路連結 http://localhost:8080/demo/model/create?name=test&key=test&description=testModel ,就可以看到系統自動建立了一個流程，浏覽器自動跳轉到設計器頁面。我們就可以在設計器頁面進行流程的設計了,你可以檢視資料庫，裡面已經添加了相應的資料記錄。

SpringMVC與Activiti網頁流程設計器整合 1.官方例子研究 2. 搭建SpringMVC架構。 3. Spring與Activiti內建 4.內建Activiti的線上流程設計器 5.測試Activiti頁面流程設計器
Activity
上一篇: python 角度傳感器模拟_Arduino300度模拟旋轉角度傳感器
下一篇: 超簡單幾行代碼內建Fragment通信架構，封裝四個接口覆寫所有的方法帶參和傳回值情況，實作萬能接口通用，在Activity中複寫自己方法的邏輯代碼即可FunctionInterface最新版本使用方法使用示例：項目用到的權限使用指南相關介紹其它資訊作者郵箱

繼續閱讀