首页 > 编程语言 >基于springboot开发的工作流系统,bpmn.js,vue源码及功能分析(activiti)

基于springboot开发的工作流系统,bpmn.js,vue源码及功能分析(activiti)

时间:2024-01-31 14:56:47浏览次数:33  
标签:vue 功能分析 activiti 流程 流转 表单 源码 设置 审批

前言

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

一、项目形式

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

二、项目介绍

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

三、工作流

1.流程模型绘制

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



2.流程配置

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

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

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

设置完后启动即可。

3.流程提交

填写请假表单


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

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


也可以挂起,删除流程。

4.流程审批

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

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


审批通过后进入已办列表。

年龄大于30岁,进入下面分支流转。

审批通过。

5.待办信息推送

站内消息推送。

总结

本套工作流代码已经在多个实际项目中运行并结合实际工作流业务持续优化过,源码及其他软件资料获取:https://www.cnblogs.com/ouya921/p/17989620

标签:vue,功能分析,activiti,流程,流转,表单,源码,设置,审批
From: https://www.cnblogs.com/ouya921/p/17999254

相关文章

  • Semaphore源码阅读
    目录简介代码分析成员变量方法SyncNonFairSyncFairSync本人的源码阅读主要聚焦于类的使用场景,一般只在java层面进行分析,没有深入到一些native方法的实现。并且由于知识储备不完整,很可能出现疏漏甚至是谬误,欢迎指出共同学习本文基于corretto-17.0.9源码,参考本文时请打开相应的源......
  • 一站式企事业内部培训考学平台源码及功能剖析,在线移动培训考学平台,企业版抖音
    企业培训考学知识库管理系统是一个综合性的平台,用于支持企业的培训和考试需求。1.文档管理及在线预览:1.系统支持上传各种类型的文档,如Word、PDF、PPT、Excel等。2.用户可以直接在线预览这些文档,无需下载。3.对于视频格式的资料,系统也提供了在线播放的功能。2.在线考试与试题......
  • Vue3.0学习(一)
    1.Vue脚手架创建通过npm命令可以创建Vue3的脚手架工程:##创建工程npminitvite-app<project-name>##进入工程目录cd<project-name>##安装依赖npminstall##运行npmrundev2.关于setupVue中支持两种Api风格:选项式、组合式。官网中解释:使用选项式API,我们可以用......
  • vue3 预览照片的插件 v-viewer
    查看图片主要使用的旋转、翻转、缩放、上下切换、键盘操作等功能都有。1、首先是安装pnpminstallv-viewerviewerjs 2、安装完在引用(还要记得引用它的css样式)下面有两种调用方式<scriptlang="ts"setup>importViewerfrom'v-viewer';import'viewerjs/dist/vi......
  • vue3 在 TypeScript 文件中,const route = useRoute();route undefined 不能在顶层作用
    ts文件内部不能使用import{useRoute}from'vue-router';constroute=useRoute();routeundefined在TypeScript文件中,不能在顶层作用域内使用Vue组件的Hooks函数,例如useRoute。Hooks函数只能在Vue组件中使用。如果你想在TypeScript文件中获取当前路由信息,你可......
  • 如何在vue3项目app.ts中获取第三方跳转过来的token 提前处理携带token情况的初始化 两
    如何在vue3项目app.ts中获取第三方跳转过来的token提前处理携带token情况的初始化两种方式路由守卫和window.location在Vue3项目的app.ts文件中获取第三方跳转过来的token,你可以使用VueRouter的route对象来获取URL参数。假设你的token参数位于URL的查询字......
  • vue 前端写法总结
    一、图片 1、<divclass="loginDiv":style="'background-image:url('+Background+');'"> 2、 <img:src="Logo"class="img-logo"><script><!--引入样式-->import'@/assets/styl......
  • MyBatis 源码系列:MyBatis 解析配置文件、二级缓存、SQL
    解析全局配置文件启动流程分析Stringresource="mybatis-config.xml";//将XML配置文件构建为Configuration配置类reader=Resources.getResourceAsReader(resource);//通过加载配置文件流构建一个SqlSessionFactoryDefaultSqlSessionFactorySqlSessionFactorysqlMapp......
  • vue-core-video-player的使用
    介绍vue-core-video-player是一款基于vue.js的视频播放器组件安装与使用安装cnpminstallvue-core-video-player-S使用第一步:main.js引入importVueCoreVideoPlayerfrom'vue-core-video-player'//默认是英文Vue.use(VueCoreVideoPlayer)//或者Vue.use(VueCoreV......
  • npm编译vue出错:Error code CERT_HAS_EXPIRED
    [Error]Theerrormessageisabouttheregistryhttps://npm.sap.com/youused.npmERR!codeCERT_HAS_EXPIREDnpmERR!errnoCERT_HAS_EXPIREDnpmERR!requesttohttps://npm.sap.com/@sap%2fcdsfailed,reason:certificatehasexpired[Solution]runcommand......