1.官方例子研究

Activiti给出的官方例子activiti-explorer中有一个网页版的流程设计器&＃xff0c;看起来很不错的样子。考虑到以后的工作中&＃xff0c;可能会涉及到用户自己设计流程&＃xff0c;这样的话&＃xff0c;会要用到网页版的流程设计器&＃xff0c;因此&＃xff0c;想办法吧这个官网的网页设计器从activiti-explorer工程中分离出来&＃xff0c;与SpringMvc集成在一起&＃xff0c;这样以后就可以在自己的项目中直接设计流程&＃xff0c;然后发布运行了&＃xff0c;不需要在Eclipse的Activiti插件中先将流程设计好&＃xff0c;再导入项目中这么麻烦了&＃xff0c;而且后期的修改和维护更加的方便。我们先可以看一下activiti-explorer的例子中流程设计器的样子。

从官网上下载Activiti 5.18.0的压缩包&＃xff0c;下载地址: http://www.activiti.org/download.html 。

将压缩包解压到任一目录下。我们可以看到Activiti的目录结构

  encoding&＃61;"UTF-8"?>

<beans xmlns&＃61;"http://www.springframework.org/schema/beans"

xmlns:xsi&＃61;"http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation&＃61;"http://www.springframework.org/schema/beans   http://www.springframework.org/schema/beans/spring-beans.xsd">

<bean id&＃61;"processEngineConfiguration" class&＃61;"org.activiti.spring.SpringProcessEngineConfiguration">

<property name&＃61;"dataSource" ref&＃61;"dataSource" />

<property name&＃61;"transactionManager" ref&＃61;"transactionManager" />

<property name&＃61;"databaseSchemaUpdate" value&＃61;"true" />

<property name&＃61;"jobExecutorActivate" value&＃61;"false" />

bean>

<bean id&＃61;"objectMapper" class&＃61;"com.fasterxml.jackson.databind.ObjectMapper"/>

<bean id&＃61;"processEngine" class&＃61;"org.activiti.spring.ProcessEngineFactoryBean">

<property name&＃61;"processEngineConfiguration" ref&＃61;"processEngineConfiguration" />

bean>

<bean id&＃61;"repositoryService" factory-bean&＃61;"processEngine"

factory-method&＃61;"getRepositoryService" />

<bean id&＃61;"runtimeService" factory-bean&＃61;"processEngine"

factory-method&＃61;"getRuntimeService" />

<bean id&＃61;"taskService" factory-bean&＃61;"processEngine"

factory-method&＃61;"getTaskService" />

<bean id&＃61;"historyService" factory-bean&＃61;"processEngine"

factory-method&＃61;"getHistoryService" />

<bean id&＃61;"managementService" factory-bean&＃61;"processEngine"

factory-method&＃61;"getManagementService" />

<bean id&＃61;"identityService" factory-bean&＃61;"processEngine"

factory-method&＃61;"getIdentityService" />

<bean id&＃61;"transactionManager"

class&＃61;"org.springframework.jdbc.datasource.DataSourceTransactionManager">

<property name&＃61;"dataSource" ref&＃61;"dataSource" />

bean>

beans>

3.3 修改web.xml文件

打开demo的web.xml文件&＃xff0c;修改context-param为以下内容&＃xff0c;对比上面的web.xml文件可知&＃xff0c;此处只是添加了classpath:spring-activiti.xml这一项。

<context-param>

<param-name>contextConfigLocationparam-name> <param-value>classpath:spring.xml,classpath:spring-hibernate.xml,classpath:spring-activiti.xmlparam-value>

context-param>

此时activiti已经与springMVC&＃43;Spring&＃43;Hibernate集成在一起了&＃xff0c;我们可以使用activiti提供的各种服务如repositoryService&＃xff0c;runtimeService等。此处就不贴Junit的单元测试代码了&＃xff0c;这里要写的话&＃xff0c;又可以写成一个文档。

4.集成Activiti的在线流程设计器

4.1 复制文件。

下载activiti-webapp-explorer2的源代码&＃xff0c;将activiti-explorer工程中的diagram-viewer&＃xff0c;editor-app和modeler.html文件复制到demo工程的src/main/webapp目录下&＃xff0c;将activiti-explorer工程中WEB-INF/classes文件加下的stencilset.json&＃xff0c;ui.properties&＃xff0c;ui.properties.alfresco复制到demo工程的src/main/resources目录下。

复制完成之后的demo工程目录如下。

4.2 复制Controller文件。

打开activiti5.18.0的源码&＃xff0c;将modules/目录中找到org\activiti\rest\diagram和org\activiti\rest\editor这两个包&＃xff0c;将他们整个复制到demo工程的src/main/java目录下。复制完成后目录结构如图。

4.3修改spring-mvc.xml文件

修改spring-mvc.xml文件&＃xff0c;在其中加入以下内容&＃xff0c;使spring在扫描controller类的时候&＃xff0c;也扫描这些包里面的类。

<context:component-scan base-package&＃61;"org.activiti.rest.editor" />

<context:component-scan base-package&＃61;"org.activiti.rest.diagram" />

4.4修改web.xml文件

打开demo工程的web.xml文件&＃xff0c;向其中添加以下内容&＃xff0c;让spring也管理起来带/service/的链接。

<servlet-mapping>

     <servlet-name>springmvcservlet-name>

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

servlet-mapping>

4.5 细节修改

打开editor-app/app-cfg.js, 将其中的“activiti-explorer”修改为“demo”。当然&＃xff0c;具体项目中这里可能会经常变化&＃xff0c;我们可以写一个js函数来自动获取工程的名字&＃xff0c;这样以后将设计器集成到其他工程的时候&＃xff0c;就不需要修改这里的内容了。做完这些操作之后&＃xff0c;已经将activiti的页面流程设计器集成到了demo项目中了&＃xff0c;下面我们编写一些代码做个测试

5.测试Activiti页面流程设计器