基于 Vue 和 bpmnjs 实现 Flowable 的工作流设计器 Demo

2021-11-22

基于 Vue 和 bpmn.js 实现 Flowable 的工作流设计器 Demo

项目介绍

本项目是一个基于 Vue 和 bpmn.js 实现的工作流设计器 Demo,特别适配了 Ant Design Vue 版本。通过该 Demo,您可以轻松创建和编辑基于 Flowable 的工作流模型,并将其应用于实际项目中。

功能特点

  • 基于 Vue 框架:利用 Vue 的组件化开发模式,使代码结构清晰,易于维护。
  • 集成 bpmn.js:使用 bpmn.js 作为工作流设计的核心库,提供强大的图形化设计功能。
  • 适配 Ant Design Vue:界面风格与 Ant Design Vue 保持一致,提供一致的用户体验。
  • 支持 Flowable:设计的工作流模型可以直接应用于 Flowable 工作流引擎。

使用说明

  1. 克隆项目:将本仓库克隆到本地。
  2. 安装依赖:使用 npm installyarn install 安装项目依赖。
  3. 运行项目:使用 npm run serveyarn serve 启动开发服务器。
  4. 访问页面:在浏览器中访问 http://localhost:8080,即可开始使用工作流设计器。

贡献指南

欢迎大家为本项目贡献代码或提出改进建议。如果您有任何问题或想法,请通过 GitHub 的 Issues 功能提交。

许可证

本项目采用 MIT 许可证,详情请参阅 LICENSE 文件。

下载链接

基于Vue和bpmn.js实现Flowable的工作流设计器Demo