# d7c_bpmnjs

**Repository Path**: d7c/d7c_bpmnjs

## Basic Information

- **Project Name**: d7c_bpmnjs
- **Description**: 一个使用 bpmn-js 设计器构建的 BPMN 流程模型建模工具骨架工程。
- **Primary Language**: NodeJS
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://www.d7c.top/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-01-23
- **Last Updated**: 2024-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# d7c_bpmnjs

## 介绍

一个使用 bpmn-js 设计器构建的 BPMN 流程模型建模工具骨架工程。

## 软件架构

BPMN2.0（Business Process Model and Notation）是一套业务流程模型与符号建模标准，用来绘制业务流程图，以XML为载体，以符号可视化业务，旨在促进业务流程的沟通和理解。

bpmn 官网地址：[https://www.bpmn.org](https://www.bpmn.org/)。

bpmn-js 官网地址：[https://bpmn.io/toolkit/bpmn-js/](https://bpmn.io/toolkit/bpmn-js/)。

## 安装教程

1. 在远程仓库中新建该项目，并 check 一份到本地
2. check 一份 [https://gitee.com/d7c/d7c_nodejs_gulp.git](https://gitee.com/d7c/d7c_nodejs_gulp.git) 项目，并将全部内容拷贝到该项目的目录下
3. 修改根目录下 bower.json、package.json 中相关内容
4. 在项目根目录下执行 npm install 和 bower install
5. 安装依赖模块

```
npm install --save jquery@3.5.1 bpmn-js@7.5.0
npm install --save bpmn-js-properties-panel@0.37.0 camunda-bpmn-moddle@4.0.1 diagram-js@5.0.0
npm install webpack-stream vinyl-named --save-dev（对 js 中 import 语法的支持）
```

6. 在 gulpfile.js 中配置对 jquery 和 bpmn-js 编译后文件的拷贝

```
{
    src: 'node_modules/jquery/dist/*.*',
    dest: 'dist/lib/jquery/dist/'
},
{
    src: 'node_modules/bpmn-js/dist/*.*',
    dest: 'dist/lib/bpmn-js/dist/'
},
{
    src: 'node_modules/bpmn-moddle/dist/*.*',
    dest: 'dist/lib/bpmn-moddle/dist/'
},
```
7. 运行项目 gulp / gulp build

## 使用说明

1. 下载项目并在项目根目录下执行 npm install 和 bower install（或直接在项目根目录下执行 npm run start / npm start / npm run test / npm test 安装并运行项目）
2. 运行项目 gulp / gulp build

## 运行展示

![首页](https://images.gitee.com/uploads/images/2021/0609/114457_676811de_1070311.png "QQ图片20210609114451.png")

## 捐助打赏

如果您觉得我们的开源软件对你有所帮助，请扫下方二维码打赏我们一杯咖啡。
![微信收款码](https://images.gitee.com/uploads/images/2021/0222/174352_b22739f5_1070311.jpeg "微信收款码.jpg")
![微信赞赏码](https://images.gitee.com/uploads/images/2021/0222/174521_67e18b39_1070311.jpeg "微信赞赏码.jpg")
![支付宝收款码](https://images.gitee.com/uploads/images/2021/0222/174540_94a9ac41_1070311.jpeg "支付宝收款码.jpg")

## 参与贡献

1. Fork 本仓库
2. 新建 d7c_bpmnjs_xxx 分支
3. 提交代码
4. 新建 Pull Request

## 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

<style>p{text-indent:2em}</style>