分享一款基于BPMN-JS的Activiti在线作图工具

前言

找一个好用的画图工具真心不容易，Activiti 工作流自带的 Web 版画图工具，外表挺华丽，其实使用起来各种拧巴；Eclipse 的 Activiti 画图插件，对于相对复杂的流程也是很不友好。

环境搭建

网上有许多详细的安装配置步骤，这里就不一一赘述，只列出相关版本。

软件	版本	功能	地址
Python	3.7.1	脚本语言	https://www.python.org/
Django	2.1.3	Web框架	https://www.djangoproject.com/
PyCharm	2018.2.4	可视化开发工具	http://www.jetbrains.com/pycharm/
BPMN-JS	3.2.2	BPMN前端插件	https://github.com/bpmn-io/bpmn-js

项目截图

项目开发

功能模块

这是一个Python版本，Java版本功能已经基本开发完毕，需要进行功能迁移。

• 用户登录
• 流程列表(CURD)
• 用户注册(待实现)
• 游客访问在线作图，可实现在线导入导出，本地缓存

创建项目

切换到工作空间，执行以下命令：

django-admin.py startproject bpmn

最终目录结构，省略部分代码：

├─bpmn
│  │  settings.py
│  │  urls.py
│  │  wsgi.py
│  │  __init__.py
├─script
│      uwsgi.ini
├─static
├─templates
│      bpmn.html
└─view