# Camunda7.19适配仿钉钉流程设计器

**Repository Path**: ForeverKobe24/workflow-camunda

## Basic Information

- **Project Name**: Camunda7.19适配仿钉钉流程设计器
- **Description**: 前端使用开源的面向普通小白用户的wflow-web，后端通过camunda7来适配流程设计器
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://juejin.cn/user/3158246418561207
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 4
- **Created**: 2025-01-17
- **Last Updated**: 2025-10-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# camunda适配仿钉钉流程设计器

## 介绍
前端使用开源的面向普通小白用户的wflow-web，后端通过camunda7来适配流程设计器

## 软件架构
前端使用vue
后端使用springboot2.7 + camunda7.19


## 安装教程

### 1.先启动前端
```
#修改main.js中后端接口地址
Vue.prototype.BASE_URL = 'http://' + ("localhost");

#自己的服务器，数据可以随便怎么鼓捣

#安装依赖
npm install
#启动
npm run serve
```
出现下面界面说明启动成功
![img.png](files/前端启动成功.png)
### 2.启动后端项目时，只需要将数据库配置修改成自己的数据库即可启动，出现如下日志是哦明后端启动成功。
![img.png](files/后端启动成功.png)

## 使用说明
### 工作区+管理后台
1.  前端代码见Front目录，后端代码见Server目录,启动前端后可以通过http://localhost:88访问前端首页
![img.png](files/img.png)
2. 按照提示选择一个用户后即可完成登录，点击进入管理后台即可进入流程面板，接下来的我就不介绍了
![img.png](files/流程面板.png)
点击新建表单：
![img.png](files/新建表单.png)
3. 进入工作区
![img.png](files/工作区.png)
4. camunda7自带的管理台，地址为`http://localhost:1000/',默认账号密码见Server/src/main/resources/application.yml
![img.png](files/camunda管理台.png)
camunda管理台提供Cockpit、Tasklist、Admin等3个部分的功能，由以下依赖引入，可以用来验证我们设计的流程的正确性。
```xml
<dependency>
  <groupId>org.camunda.bpm.springboot</groupId>
  <artifactId>camunda-bpm-spring-boot-starter-webapp</artifactId>
  <version>${camunda.version}</version>
</dependency>
```
![img.png](files/camunda管理台介绍.png)


## 管理后台器设计的面向小白用户的流程与camunda转换后的流程Bpmn的对应关系如下：
![img.png](files/管理后台设计的流程.png)

![img.png](files/转换后的bpmn对应的流程图.png)

   




#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_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/)