关键词：flowable 与modeler整合，flowable 设计器集成到项目

之前的章节中，详细讲解了flowable-admin、flowable-idm、flowable-rest、flowable-task模块的部署以及使用，有了前面学习的基础，本文直接开始讲解flowable-modeler的使用，如果纯粹的讲解该模块的使用，意义不大。因此本文重点讲解如何将flowable-modeler整合到自己的项目中。本文的讲解在flowable6.0.1版本可以正常使用。

1.1 使用

1.  首先，打开flowable-modeler.war包，然后将其解压，如下图所示：

2.  新建Web项目，本文的示例工程名称为activiti-shareniu。这一点需要特别主要，后面的讲解会使用到项目的名称。

3. 将下图所示的文件拷贝到项目中的activiti-shareniu项目中的webapp目录中。

4. 将下图所示的文件拷贝到项目中的activiti-shareniu项目中的webapp目录中，其中WEB-INF目录结构如下所示：

上图中需要的文件只需要从flowable-modeler.war中拷贝即可。

5. 将stencilset_bpmn.json以及flowable-modeler-app.properties拷贝到根目录中，如下图所示：

flowable-modeler-app.properties：之前的章节详细讲解过如何修该文件（修改项目连接的数据库信息）。

stencilset_bpmn.json：流程设计器中的属性以及节点配置（后续文章会讲解汉化该文件）。

6. 修改app-cfg.js文件的内容如下：

FLOWABLE.CONFIG = {

'onPremise' : false,（flowable暂时没有使用该属性）

'contextRoot' : '/activiti-shareniu',

'webContextRoot' : '/activiti-shareniu'

};

'contextRoot' 以及webContextRoot属性值修改为项目的访问名称即可。

app-cfg.js文件的位置如下所示：

Ok，这样已经完成flowable与modeler整合了，访问URL:http://127.0.0.1/activiti-shareniu/#/processes

如下图所示：

点击create Process按钮。如下图所示：

点击Create new model按钮，如下图所示：

ok，尽情的设计自己的流程吧。

1.2 使用注意事项

•  本文使用的所有jar包为flowable-modeler.war包中的lib文件夹下面的包，没有使用Maven方式引入jar包，关于使用Maven方式可以参考后续的文章。

• 如果不想使用默认的H2存储流程定义信息等，使用MySQL可以参考flowable使用文章。

• 由于flowable与modeler整合的时候，flowable使用了spring security实现权限的控制，本文修改了其权限控制的jar包，如果使用默认的jar包，则需要另起一个8080端口的tomcat并启动idm模块，否则无法登陆。

• 本文的项目工程可以进入QQ群：129123599进行下载。

作者：分享牛

出处：http://www.shareniu.com/

本文版权归作者和分享牛共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。