diff --git a/README.md b/README.md index f473fd5..160b081 100644 --- a/README.md +++ b/README.md @@ -24,14 +24,13 @@ * 打开 ruoyi-admin/src/main/resources/application.yml 文件 * 修改spring.data.mongodb的相关配置项 * 配置样例： - * [![mongodb.png](https://i.postimg.cc/VNBHqX5s/mongodb.png)](https://postimg.cc/2qywmb4g) * ![输入图片说明](images/mongodb%E9%85%8D%E7%BD%AE.png) 4. 按照ruoyi官方文档进行部署配置，完成后启动前、后端项目 * 可参考：[若依前后端分离版文档](https://doc.ruoyi.vip/ruoyi-vue/) 5. 启动项目后，运行零代码初始化脚本（因为activiti会在第一次启动后生成工作流相关表，所以零代码的sql脚本需要在项目启动后再运行） * 使用datagrip等工具执行脚本： sql/零代码初始化脚本（第一次运行后再引入）.sql * 脚本运行成功后刷新主页面，可以看到多出四个菜单： - * [![image.png](https://i.postimg.cc/28TWZwQ8/image.png)](https://postimg.cc/xcJqrLpW) + * ![输入图片说明](images/%E5%A4%9A%E5%87%BA%E5%9B%9B%E4%B8%AA%E8%8F%9C%E5%8D%95.png) #### 使用说明 本项目通过对表单、流程进行通用化的解析和处理来达到零代码开发的效果。如果有非常复杂的流程或极度定制化的表单需求， @@ -45,52 +44,52 @@ * 给“普通角色”赋予“应用中心”菜单权限 2. 表单设计 * 进入“表单中心-表单设计”页面，拖拽生成表单，完成后点击“保存”。其中图片组件的上传地址可配置为：http://后端服务ip:后端服务端口/nocode/form/upload - * [![image.png](https://i.postimg.cc/y8SrQwpN/image.png)](https://postimg.cc/ZW4c0DSk) + * ![输入图片说明](images/%E8%A1%A8%E5%8D%95%E8%AE%BE%E8%AE%A1.png) * 完成后可以在“表单中心-表单管理”页面看到刚刚创建的表单 - * [![image.png](https://i.postimg.cc/7Pdh8zYZ/image.png)](https://postimg.cc/mh3B7tHv) + * ![输入图片说明](images/%E8%A1%A8%E5%8D%95%E7%AE%A1%E7%90%86.png) 3. 流程设计 * 进入“流程中心-流程定义”页面，点击“在线绘制流程” * 定义流程编号、流程名称 - * [![image.png](https://i.postimg.cc/CMsB3N6H/image.png)](https://postimg.cc/grr2Rvpn) + * ![输入图片说明](images/%E6%B5%81%E7%A8%8B%E7%BC%96%E5%8F%B7%E4%B8%8E%E5%90%8D%E7%A7%B0.png) * 绘制流程 * 设置候选人员 - * [![image.png](https://i.postimg.cc/JnbD4c78/image.png)](https://postimg.cc/WF1b5ZJY) + * ![输入图片说明](images/%E5%80%99%E9%80%89%E4%BA%BA%E5%91%98.png) * 设置候选组 - * [![image.png](https://i.postimg.cc/HxG8gPg3/image.png)](https://postimg.cc/XZ8YKLXy) + * ![输入图片说明](images/%E5%80%99%E9%80%89%E7%BB%84.png) * 设置通过条件（系统预设“通过”为：pass==1） - * [![image.png](https://i.postimg.cc/4dJZVzbs/image.png)](https://postimg.cc/Z9D1hvMM) + * ![输入图片说明](images/%E9%80%9A%E8%BF%87%E6%9D%A1%E4%BB%B6.png) * 设置不通过条件（系统预设“不通过”为：pass==0） - * [![image.png](https://i.postimg.cc/RZFHQHd1/image.png)](https://postimg.cc/BXrbJtdt) + * ![输入图片说明](images/%E4%B8%8D%E9%80%9A%E8%BF%87%E6%9D%A1%E4%BB%B6.png) * 流程绘制完成后点击“部署” - * [![image.png](https://i.postimg.cc/SxvzZx1B/image.png)](https://postimg.cc/Mn1THqS5) + * ![输入图片说明](images/%E9%83%A8%E7%BD%B2%E6%B5%81%E7%A8%8B.png) 4. 绑定表单与流程 * 进入“表单中心-表单管理”页面，在“请假管理”行点击“修改”，输入要绑定的流程key - * [![image.png](https://i.postimg.cc/rmy0s2vy/image.png)](https://postimg.cc/4KMN2qfj) + * ![输入图片说明](images/%E7%BB%91%E5%AE%9A%E6%B5%81%E7%A8%8B.png) 5. 发起、处理、查看流程 * 进入“应用中心-应用列表”页面，在“请假管理”行点击“发起” - * [![image.png](https://i.postimg.cc/rpRR72vK/image.png)](https://postimg.cc/GBrpsV3C) + * ![输入图片说明](images/%E5%8F%91%E8%B5%B7%E6%B5%81%E7%A8%8B.png) * 流程发起后可以切换账号在“代办任务”页面进行流程的审批 - * [![image.png](https://i.postimg.cc/j2Sx0zLZ/image.png)](https://postimg.cc/Pp0s1vbw) + * ![输入图片说明](images/%E5%AE%A1%E6%89%B9.png) * 在“我发起的”页面中可以看到审批详情与审批进度 - * [![image.png](https://i.postimg.cc/QChBB9VT/image.png)](https://postimg.cc/VrZspNqf) + * ![输入图片说明](images/%E8%BF%9B%E5%BA%A6%E6%9F%A5%E8%AF%A2.png) 6. 数据配置 * 进入“数据中心-数据列表”页面，选择“请假管理”数据集点击“编辑属性”对字段的名称、显隐、顺序进行配置 - * [![image.png](https://i.postimg.cc/RVqSgLr0/image.png)](https://postimg.cc/TpMvwm38) + * ![输入图片说明](images/%E5%B1%9E%E6%80%A7%E9%85%8D%E7%BD%AE.png) * 进入“数据中心-数据列表”页面，选择“请假管理”数据集点击“查看数据”看下数据展示是否正常 - * [![image.png](https://i.postimg.cc/nrSHHCmZ/image.png)](https://postimg.cc/CnDy7MJ6) + * ![输入图片说明](images/%E6%95%B0%E6%8D%AE%E6%9F%A5%E7%9C%8B.png) 7. 菜单配置 * 进入“应用中心-应用列表”页面，在“请假管理”行点击“外链地址”，将表单的外链记录下来 - * [![image.png](https://i.postimg.cc/xT9H87b4/image.png)](https://postimg.cc/NLPLPdD6) + * ![输入图片说明](images/%E8%A1%A8%E5%8D%95%E5%A4%96%E9%93%BE.png) * 进入“数据中心-数据列表”页面，选择“请假管理”数据集点击“外链地址”，将列表的外链记录下来 - * [![image.png](https://i.postimg.cc/0jnz7kJH/image.png)](https://postimg.cc/N2yGcwD1) + * ![输入图片说明](images/%E5%88%97%E8%A1%A8%E5%A4%96%E9%93%BE.png) * 进入“系统管理”-“菜单管理”，新建“请假管理”目录 - * ![image.png](https://i.postimg.cc/m2ZzBHvx/image.png) + * ![输入图片说明](images/%E8%AF%B7%E5%81%87%E7%AE%A1%E7%90%86.png) * 在“请假管理”目录下新建“我要请假”菜单，将“路由地址”设置为表单的外链 - * [![image.png](https://i.postimg.cc/1z1y5x8g/image.png)](https://postimg.cc/VJgxDVB1) + * ![输入图片说明](images/%E6%88%91%E8%A6%81%E8%AF%B7%E5%81%87.png) * 在“请假管理”目录下新建“请假列表”菜单，将“路由地址”设置为列表的外链 - * [![image.png](https://i.postimg.cc/05V5GHB3/image.png)](https://postimg.cc/qgCd4Q0X) + * ![输入图片说明](images/%E8%AF%B7%E5%81%87%E5%88%97%E8%A1%A8.png) * 刷新页面，可以看到“请假管理”应用 - * [![1.png](https://i.postimg.cc/tgdpsr6B/1.png)](https://postimg.cc/t1gLfN26) + * * [![1.png](https://i.postimg.cc/7YQ64Q17/1.png)](https://postimg.cc/QH1skmyx) #### 参与贡献 diff --git a/images/不通过条件.png b/images/不通过条件.png new file mode 100644 index 0000000..ad1605b Binary files /dev/null and b/images/不通过条件.png differ diff --git a/images/候选人员.png b/images/候选人员.png new file mode 100644 index 0000000..714384c Binary files /dev/null and b/images/候选人员.png differ diff --git a/images/候选组.png b/images/候选组.png new file mode 100644 index 0000000..0973be3 Binary files /dev/null and b/images/候选组.png differ diff --git a/images/列表外链.png b/images/列表外链.png new file mode 100644 index 0000000..84e29a2 Binary files /dev/null and b/images/列表外链.png differ diff --git a/images/发起流程.png b/images/发起流程.png new file mode 100644 index 0000000..dcd85de Binary files /dev/null and b/images/发起流程.png differ diff --git a/images/多出四个菜单.png b/images/多出四个菜单.png new file mode 100644 index 0000000..89d1131 Binary files /dev/null and b/images/多出四个菜单.png differ diff --git a/images/审批.png b/images/审批.png new file mode 100644 index 0000000..766c2ca Binary files /dev/null and b/images/审批.png differ diff --git a/images/属性配置.png b/images/属性配置.png new file mode 100644 index 0000000..d56bbfd Binary files /dev/null and b/images/属性配置.png differ diff --git a/images/我要请假.png b/images/我要请假.png new file mode 100644 index 0000000..b207a28 Binary files /dev/null and b/images/我要请假.png differ diff --git a/images/数据查看.png b/images/数据查看.png new file mode 100644 index 0000000..fe2073e Binary files /dev/null and b/images/数据查看.png differ diff --git a/images/流程编号与名称.png b/images/流程编号与名称.png new file mode 100644 index 0000000..7e5c2d2 Binary files /dev/null and b/images/流程编号与名称.png differ diff --git a/images/绑定流程.png b/images/绑定流程.png new file mode 100644 index 0000000..a0eec21 Binary files /dev/null and b/images/绑定流程.png differ diff --git a/images/表单外链.png b/images/表单外链.png new file mode 100644 index 0000000..347dc41 Binary files /dev/null and b/images/表单外链.png differ diff --git a/images/表单管理.png b/images/表单管理.png new file mode 100644 index 0000000..7963585 Binary files /dev/null and b/images/表单管理.png differ diff --git a/images/表单设计.png b/images/表单设计.png new file mode 100644 index 0000000..7b6e8b9 Binary files /dev/null and b/images/表单设计.png differ diff --git a/images/请假列表.png b/images/请假列表.png new file mode 100644 index 0000000..f42cb3b Binary files /dev/null and b/images/请假列表.png differ diff --git a/images/请假管理.png b/images/请假管理.png new file mode 100644 index 0000000..828def1 Binary files /dev/null and b/images/请假管理.png differ diff --git a/images/进度查询.png b/images/进度查询.png new file mode 100644 index 0000000..5c7dd20 Binary files /dev/null and b/images/进度查询.png differ diff --git a/images/通过条件.png b/images/通过条件.png new file mode 100644 index 0000000..06328b6 Binary files /dev/null and b/images/通过条件.png differ diff --git a/images/部署流程.png b/images/部署流程.png new file mode 100644 index 0000000..51e6064 Binary files /dev/null and b/images/部署流程.png differ