首页 > 其他分享 >工作流如何实现?集成?springboot+vue+activiti技术栈

工作流如何实现?集成?springboot+vue+activiti技术栈

时间:2023-09-27 11:15:13浏览次数:36  
标签:vue springboot activiti 流程 流转 表单 设置 审批

前言

activiti工作流引擎项目,企业erp、oa、hr、crm等企事业办公系统轻松落地,一套完整并且实际运用在多套项目中的案例,满足日常业务流程审批需求。

一、项目形式

springboot+vue+activiti集成了activiti在线编辑器,流行的前后端分离部署开发模式,快速开发平台,可插拔工作流服务。工作流表单可平滑的接入自定义表单,接入后进行业务审批流转。本项目集成了工作流所有的功能,并做了一个测试的表单进行审批演示。工作流部分功能含:流程图在线绘制,在线发布,工作流权限设置,审批节点设置(角色,直接指定人,部门等),业务表单关联,提交,撤回,与签或签,同意,驳回(支持驳回到任意岗),审批委托,流程挂起,流程图实时跟踪,审批提醒,可接入钉钉进行钉钉通知,企业微信通知等。

二、项目介绍

本项目拥有用户管理,部门管理,代码生成,系统监管,报表,大屏展示,业务审批等功能。功能太强大,只能粗矿的介绍,所见即所得,体验一下吧。

三、工作流

1.流程模型绘制

进入流程模型菜单,创建流程模型,这里涉及到网关流转,需要设置流转条件,我们这里是三十岁以上的走下面分支,三十岁以下的走上面的分支。点击分支线,设置流转条件即可。${age<=30}。保存后我们在列表中点击发布即可。 !

1.png
设置流转条件

在这里插入图片描述

2.流程配置

发布后,就到了已发布模型列表,在启用之前,我们需要先对进行节点设置和关联具体单据。

已发布模型

审批人员可以根据角色,直接指定人,部门,部门负责人,发起人部门负责人来进行配置,基本上满足所有的流转需求,并且可以设置表单变量。

节点设置

设置流程表单,目前就做了一个请假的测试表单,并且可以对相应角色授权,做到自定义权限。 设置关联表单

设置完后启动即可。

3.流程提交

填写请假表单

11416921-5e30b9260e3cef33.png
列表

提交单据,优先级分为普通,重要,紧急。消息通知可以选择站内通知,短信,邮件。

提交表单

提交之后可以撤回单据。
查看流程流转进度情况。

11416921-ace9dc54645cd2b2.png

11416921-bc5883166b546db6.png

也可以挂起,删除流程。

11416921-21689ab5972a549d.png

4.流程审批

办理人审批列表,可以处理单据(驳回或者通过),也可以委托他人待办。 审批待办

审批通过。
委托他人待代。

wpdb.png
sptg.png
审批通过后进入已办列表。

yblb.png
年龄大于30岁,进入下面分支流转。 流程查看

审批通过。

sptg2.png

5.待办信息推送

站内消息推送。

znxx.png

总结

上面只是展示了平台的审批流功能,还有其他很多功能没展示出来,自己也写了一些非常好用的组件,做到系统敏捷快速开发,大大减少开发时间和成本,目前正在对接移动端审批。有需要源码的联系我。q:3588019357。

标签:vue,springboot,activiti,流程,流转,表单,设置,审批
From: https://www.cnblogs.com/jllj001/p/17732191.html

相关文章

  • 7、springboot使用MessageSource国际化提示
    目录springboot使用MessageSource国际化提示1、MessageSource源码2、yml配置MessageSource3、创建MessagesUtils工具类简化使用springboot使用MessageSource国际化提示1、MessageSource源码MessageSource是spring自带的一个接口,源码如下packageorg.springframework.context;......
  • SpringBoot | 拦截机制
    欢迎参观我的博客,一个Vue与SpringBoot结合的产物:https://poetize.cn博客:https://gitee.com/littledokey/poetize-vue2.git聊天室:https://gitee.com/littledokey/poetize-im-vue3.git后端:https://gitee.com/littledokey/poetize.git七牛云登录/注册地址(文件服务器,CDN):https:/......
  • Vue2.0 浅学笔记
    Vue是框架,也是生态。1.VueAPI风格选项式(Vue2)组合式(Vue3)2.入门node.js版本大于153.创建项目创建项目npminitvue@latest开发环境VScode+Volar4.基本语法1.文本插值仅能使用单一表达式使用JavaScript表达式每个绑定仅支持单一表达式,也就是一段能够被求值的J......
  • SpringBoot | Bean生命周期
    欢迎参观我的博客,一个Vue与SpringBoot结合的产物:https://poetize.cn博客:https://gitee.com/littledokey/poetize-vue2.git聊天室:https://gitee.com/littledokey/poetize-im-vue3.git后端:https://gitee.com/littledokey/poetize.git七牛云登录/注册地址(文件服务器,CDN):https:/......
  • Idea+SpringBoot控制台调试打印sql语句
    在application.yml中添加:logging:level:com.xiaobai.stock.mapper:DEBUG//注意:':'后有空格,不能省略mapper:运行时控制台 ......
  • Vue 3.0开发的开源前端项目
    文章来源:https://zhuanlan.zhihu.com/p/587627578 1,PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas开发的在线演示文稿(幻灯片)应用,还原了大部分OfficePowerPoint的功能,支持文字、图片、形状、线条、图表、表格、视频、音频、公式几种最常......
  • SpringBoot | 加密算法使用示例
    欢迎参观我的博客,一个Vue与SpringBoot结合的产物:https://poetize.cn博客:https://gitee.com/littledokey/poetize-vue2.git聊天室:https://gitee.com/littledokey/poetize-im-vue3.git后端:https://gitee.com/littledokey/poetize.git七牛云登录/注册地址(文件服务器,CDN):https:/......
  • SpringBoot | Dubbo之Filter使用示例
    欢迎参观我的博客,一个Vue与SpringBoot结合的产物:https://poetize.cn博客:https://gitee.com/littledokey/poetize-vue2.git聊天室:https://gitee.com/littledokey/poetize-im-vue3.git后端:https://gitee.com/littledokey/poetize.git七牛云登录/注册地址(文件服务器,CDN):https:/......
  • SpringBoot | Redis序列化与分布式锁
    欢迎参观我的博客,一个Vue与SpringBoot结合的产物:https://poetize.cn博客:https://gitee.com/littledokey/poetize-vue2.git聊天室:https://gitee.com/littledokey/poetize-im-vue3.git后端:https://gitee.com/littledokey/poetize.git七牛云登录/注册地址(文件服务器,CDN):https:/......
  • VUE 3.0使用Tinymce编辑器JS报错解决
    接上篇文章写到的Tinymce编辑器,突然发现了,多点击几次编辑弹框内容就会变空白,而且JS报错了。如下图: 点开这个js就能发现错误的地方了改这两个文件就可以了,代码如下:if(typeofe.content!=='string'){e.content=e.content.innerHTML;}    这样......