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

追枫
  • 525

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

回复
阅读 254
4 个回答

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

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

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

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

你知道吗?

宣传栏