SpringMVC与Activiti网页流程设计器整合(一)

• 下载activiti

官网下载activiti

源码在github上 地址 https://github.com/Activiti/Activiti

• 执行数据库脚本

在database中执行对应数据库的脚本

• 添加依赖文件

建Maven工程，取名为demo。在demo的pom文件中加入springMvc的依赖包，maven依赖如下。

 	
		
			org.activiti
			activiti-engine
			${activiti.version}
		
		
			org.activiti
			activiti-spring
			${activiti.version}
		
		
			org.activiti
			activiti-explorer
			${activiti.version}
			
				
					vaadin
					com.vaadin
				
				
					dcharts-widget
					org.vaadin.addons
				
				
					activiti-simple-workflow
					org.activiti
				
			
		
		
			org.activiti
			activiti-modeler
            ${activiti.version}
		
		
			org.activiti
			activiti-diagram-rest
			${activiti.version}
		
		

•  整合前端文件

把前端的设计器文件从activiti-webapp-explorer2拷至我平台上新建的目录process-editor，如下图所示：

explorer2这个项目在启动后，就会spring mvc4进行包扫描，把（请参考org.activiti.explorer.servlet.DispatcherServletConfiguration）,org.activiti.rest.editor、org.activiti.rest.diagram包下的Controller扫描至响应映射中来，为的就是实现编辑器及设计模型的流程展示时，相应有对应的controller服务。

 因此，我们比较好的办法就是重写这些controller即可，这些controller的实现也很简单，在这里，最简单的做法就是把这些类直接拷到项目中，重命名了包名。

拷完后，包如下所示：

 

 

controller 要扫描到activiti所在的包

• 添加配置文件spring-activiti.xml

• web.xml修改

  
    SpringMVC
    *.do
  
  
     SpringMVC
     /service/*
  

• 修改 editor-app/app-cfg.js文件

ACTIVITI.CONFIG = {
'contextRoot' : '/dhcc-trans/service',
};

修改contextRoot 的名字为自己项目的名称，可动态获取项目的名称

• stencilset.json 拷贝到resource中   

如果涉及汉化修改此文件