问答

"流程审批"前端叫什么功能,一般实现流程是怎样的

作者:admin 2021-04-10 我要评论

例如某系统,某用户发起一个申请,需要经过一级,二级或多级审批,完成审批后,调用后端 API ,触发某活动. 这种功能在前端叫什么模块? 如果用 Angular 或 Vue...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

例如某系统,某用户发起一个申请,需要经过一级,二级或多级审批,完成审批后,调用后端API,触发某活动.
这种功能在前端叫什么模块?
如果用AngularVue框架,一般如何实现?

###

你爱叫什么模块叫什么模块

###
  • 叫什么模块?
    就叫流程审批模块啊,就是工作流。
  • 一般如何实现?
    我们项目(vue)最近刚开发完这个功能,交互基本都模仿钉钉的,钉钉流程设计做的不错,没有使用拖拽,但是也易懂方便操作。
###

这种得后端配合吧, 把当前流程状态记录下来, 每次进入页面根据当前状态显示不同的审批页面,纯前端没法实现

###

这种我们一般叫工作流 (workflow), 实现方式是,首先确定所有节点,从工作流程的发起至结束流程,简单的流程可以想象成一条直线,直线上包含有几个节点(第一步-> 第二步 -> 第三步 > 完成)。复杂的流程就需要做分解,我们给它叫WBS(工作分解结构),每个节点下面对应多个子节点,独立且不交叉,结构图类似这样:
image.png
当然这里只是打比方,在实际的业务场景里,涉及到审批的流程更为复杂,每个节点可能还存在以下几种状态: Pendding、 Rejected、Approver。这里需要经过一级,二级或多级,建议题主在实施前,先将整个流程画下来,然后再来实施,具体用什么框架当然要看题主擅长于哪一个,这里我的建议是先学习SVG,了解前端在流程图绘制上的实现,再来做技术选型,最后在流程执行的过程中,无非就是更新每个节点的状态,动态绘制节点箭头流向等等..

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器