Activiti-Modeler 5.18在线流程建模工具的安装配置使用(支持ie9+)

Activiti-Modeler 5.18 在线流程建模工具的安装配置尝鲜使用

 Activiti目前版本更新得比较快，其在线的构建工具升级已经到了5.18版，同时改掉了以前不支持IE下的画图缺点，目前在ie9上已经支持了。整体来说Activiti-Modeler是一款可满足企业流程建模的工具了，当然还有一些不足，我们在后续将会不断完善它，同时也跟大家分享。因此要使用它来与自身的平台集成还是需要费些力气的，在本文中，我们通过一步一步来进行构建，并且在Eclipse环境下导入，然后再运行Activiti-Explorer,以实现在线的流程建模。

 

一、Activti-Exploer的解压及安装

 

1.       下载Activiti-5.18.zip包，地址如下：

http://www.activiti.org/download.html

下载最新的activiti-5.18.zip，并且解压至某一目录，如：

 

 2.    通过cmd进入modules/activiti-webapp-explorer2目录，执行mvn eclipse:eclipse

3.    在eclipse导入activiti-web-explorer2项目。并且转为maven项目，如

 

4.    在eclipse下执行mvn:install,可以看到成功打包war包至target目录下，这时把war拷到tomcat下的webapps即可运行，运行的context目录名最好为activiti-explorer,这里访问的界面带有中英文，流程设计器几乎都是英文的，而这时数据库是默认为h2。

 

 下面我们进行修改，完成以下目的：

• 1.    在eclipse下进行开发调整，即可以调试运行该项目，为后续进行二次开发准备
• 2.    修改数据类型为mysql
• 3.    汉化操作界面

 

二、扩展及修改

 

5.    修改pom.xml，以支持把src下的源代码拷至WEB-IN/clasess

<build>
		<sourceDirectory>src/main/java</sourceDirectory>
		<resources>
			<resource>
				<directory>src/main/resources</directory>
			</resource>
		</resources>
		<outputDirectory>src/main/webapp/WEB-INF/classes</outputDirectory>
		<testSourceDirectory>src/test/java</testSourceDirectory>
		<testResources>
			<testResource>
				<directory>src/test/resources</directory>
			</testResource>
		</testResources>
		<plugins>

			<plugin>
				<groupId>org.apache.maven.plugins</groupId>
				<artifactId>maven-dependency-plugin</artifactId>
				<version>2.8</version>
				<executions>
					<execution>
						<id>copy-dependencies</id>
						<phase>compile</phase>
						<goals>
							<goal>copy-dependencies</goal>
						</goals>
						<configuration>
							<excludeScope>provided</excludeScope>
							<outputDirectory>src/main/webapp/WEB-INF/lib</outputDirectory>
							<overWriteReleases>false</overWriteReleases>
							<overWriteSnapshots>true</overWriteSnapshots>
						</configuration>
					</execution>
				</executions>
			</plugin>
			…
</build>

 6.    汉化 – 修改resources下的stencilset.json

 

7.    修改数据库为Mysql：

    修改db.properties为以下配置：

db=mysql
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/activiti518?useUnicode=true&characterEncoding=utf-8
jdbc.username=root
jdbc.password=123456

 
注意，需要先在pom.xml中加上mysql驱动的pom

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

 
同时手工在数据库中创建一个空的activiti518的数据库

再者把resources\activiti-custom-context.xml文件中的所有bean的配置注释打开，以使可以使用自定义的数据库配置

运行mvn install命令可以看到在target目录打包了新的war包

8.    运行效果

 

 

 

附件config.zip为pom.xml及汉化的配置,其效果可在线访问体验：

 

 

查看整合的视频效果如下：

http://www.redxun.cn/vedio/activitiExportImport.htm

在线整合的效果如登录后的流程管理--流程定义设计--添加流程

http://www.redxun.cn:8020/saweb/login.jsp

评论

2 楼 chenhongqiaowh 2015-10-13  

已解决，war包重命名为activiti-explorer即可。我的QQ715599511，求交流

1 楼 chenhongqiaowh 2015-10-13  

楼主你好，我最近刚开始看Activiti5，按您的步骤做到第4步 在浏览器访问activiti-webapp-explorer，进入到新建模型时页面是空的，没有图元信息请问是怎么回事？求解答