精华内容
下载资源
问答
  • 仿钉钉后台流程设计
    千次阅读
    2019-12-16 11:49:38

    由于公司OA系统需要模仿钉钉后台流程设计制作,搜索网上没有符合类似的这种(可能我没找到),然后自己基于AntV.G6文档瞎捯饬一下。只需要安装AntV,不需要安装多余插件。效果如图:

     

     

    鉴于代码太长,放到github去了,大家需要借鉴的可以下载看看 

    代码地址:https://github.com/lpz1096/some_code/tree/master/approval-set

     

    更多相关内容
  • 主要在学习jsplumb过程中利用jqueryUI、bootstrap等资源改版的web版在线流程设计器。详情效果图参考地址:https://blog.csdn.net/hexin8888/article/details/83992816
  • 生产过程选择及工艺流程设计是技术的、经济的、社会的、客观的,相信生产过程选择及工艺流程设计能够满足...该文档为生产过程选择及工艺流程设计,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看
  • 主要在学习jsplumb过程中利用jqueryUI、bootstrap等资源改版的web版在线流程设计器。 有启发 可参考 详情效果图参考地址:https://blog.csdn.net/hexin8888/article/details/83992816
  • wpf流程设计界面

    2017-11-02 15:41:35
    利用WPF设计可自定义流程的界面。 利用WPF设计可自定义流程的界面。 利用WPF设计可自定义流程的界面。 利用WPF设计可自定义流程的界面。 利用WPF设计可自定义流程的界面。利用WPF设计可自定义流程的界面。
  • 和昌地产(集团)机电专业全过程设计管理流程.pdf
  • Activiti在线流程设计

    千次下载 热门讨论 2015-09-16 11:19:05
    忙活了一个星期左右,查找各种资料,终于将Activiti的流程设计器分离出来,与SpringMVC,spring整合了起来,先把工程分享出来,等有时间了在慢慢讲解具体的整合步骤。工程下载之后直接可以运行,只需要改一下数据库...
  • 从20世纪40年代末到70年代中期,程序流程图一直是软件过程设计的主要工具。 优点:便于掌握。 缺点: 它不是逐步求精的好工具。 程序员可以随意转移。 程序流程图不易表示数据结构 也称为程序框图,它

    描述程序处理过程的工具称为过程设计工具,它们可以分为图形、表格、和语言3类。

    不论是哪类工具,对它们的基本要求都是能提供对设计的无歧义的描述。

    即:应该能指明控制流程、处理功能、数据组织,以及其他方面的实现细节,从而在编码阶段能把对设计的描述直接翻译成程序代码。

    主要有以下六种:

    程序流程图

    从20世纪40年代末到70年代中期,程序流程图一直是软件过程设计的主要工具。
    优点:便于掌握
    缺点:

    • 它不是逐步求精的好工具。
    • 程序员可以随意转移。
    • 程序流程图不易表示数据结构

    也称为程序框图,它使用以下五种基本控制结构。

    程序流程图中常用的符号:

    程序流程图举例:使用程序流程图,描述并打印N的阶乘。

    N-S图

    出于要有一种不允许违背结构化程序设计精神的图形工具的考虑,Nassi和Shneiderman提出了盒图,又称为N-S图。它有下述特点:

    • 功能域(即,一个特定控制结构的作用域)明确,可以从盒图上一眼就看出来。
    • 不可能任意转移控制。
    • 很容易确定局部和全程数据的作用域。
    • 很容易表现嵌套关系,也可以表示模块的层次结构。

    对五种基本控制结构,由五种图形构件表示。

     

    盒图举例:将下列伪代码转换成盒图。 

    PAD图 —— Problem  Analysis  Diagram

    PAD由日本日立公司(二村良彦氏)1973年发明以后,已得到一定程度的推广。

    它用二维树形结构的图来表示程序的控制流,将这种图翻译成程序代码比较容易。

    它即克服了传统的流程图不能清晰表现程序结构的缺点,又不像N-S图那样受到把全部程序约束在一个方框内的限制,这就是其优势所在。

    PAD的特点:

    • 结构清晰,层次分明,易读。
    • 支持逐步求精的设计思想。
    • 容易将PAD自动转换为高级语言源程序。

    PAD的基本符号:

    将下列伪代码转换成PAD:

    判定表

    当算法中包含多重嵌套的条件选择时,用程序流程图、盒图、PAD图或过程设计语言(PDL)都不易清楚地描述。

    然而判定表却能够清晰地表示复杂的条件组合与应做的动作之间的对应关系。

    判定表用于以紧凑的形式描述复杂的逻辑。判定表与if-else、switch-case语句类似,将条件判断与执行的动作联系起来。

     判定表举例:

     

    判定树

    判定树是判定表的变种,它也能清晰地表示复杂的条件组合与应做的动作之间的对应关系。

    判定树的优点在于,它的形式简单到不需任何说明,一眼就可以看出其含义,因此易于掌握和使用。

    多年来判定树一直受到人们的重视,是一种比较常用的系统分析和设计的工具。

    判定树举例:用判定树表示计算行李费的算法。

    PDL伪代码

    PDL(Program Description Language)也称为伪码,这是一个笼统的名称,它是用正文形式表示数据和处理过程的设计工具。

    一般说来PDL是一种“混杂”语言,它使用一种语言(通常是某种自然语言)的词汇,同时却使用另一种语言(某种结构化的程序设计语言)的语法。

    PDL伪代码举例:

    procedure 判定质数
        declare x,n,j as 整型简单变量
        从键盘读入x
        将变量n赋值为x/2
        将变量i赋值为2
        loop while i<=n
            if x被i整除
               中途结束循环
            end if
            变量i加1
        end loop
        if i>=n+1
            输出:x是质数
        else
            输出:x不是质数
        end if
    End 判定质数
    

    过程设计工具的比较

    展开全文
  • 芯片设计过程流程解析:设计、流片、测试、封装、晶元制造、晶元测试、光罩等全流程介绍。全面介绍芯片的设计制造过程
  • 流程设计器(新)

    千次下载 热门讨论 2012-04-18 11:34:07
    WEB端的流程设计器 主要使用的技术:VML(缺点:只支持IE浏览器)、Ext和JS操作XML。 事先申明,代码并不是很规范,可能很难阅读,有需要源码的我可以提供,仅供参考。
  • 生产过程选择及工艺流程设计PPT是技术的、经济的、社会的、客观的,相信生产过程选择及工艺流程设计PPT能...该文档为生产过程选择及工艺流程设计PPT,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看...
  • 化工过程开发与设计 化工工艺流程设计PPT学习教案.pptx
  • 化工过程开发与设计第7章化工工艺流程设计.pptx
  • 软件工程系统设计——详细设计(过程设计),主要对设计阶段的详细设计做流程和方法的总结,主要针对程序流程图、N-S盒图、PAD图、伪代码几种常用方法进行了归纳

    halo~我是bay_Tong桐小白
    本文内容是桐小白个人对所学知识进行的总结和分享,知识点会不定期进行编辑更新和完善,了解最近更新内容可参看更新日志,欢迎各位大神留言、指点

    软件工程系统设计——详细设计(过程设计)

    【更新日志】

    最近更新:

    • 暂无编辑记录,持续更新中……

    详细设计概述

    概要设计的任务完成后,就进入详细设计阶段,即过程设计阶段,这个阶段要决定各个木块的实现算法,并使用过程描述工具精确地描述这些算法

    专用的描述工具可以分为以下几类:

    • 图形工具——把过程的细节用图形方式描述出来。如程序流程图、N-S图、PAD图、决策树等
    • 表格工具——用一张表来表达过程的细节,这张表列出了各种可能的操作及其相应的条件,即描述了输入、处理和输出信息。如判定表
    • 语言工具——用某种类高级语言(伪代码)来描述过程的细节

    程序流程图

    程序流程图又称程序框图,是用统一规定的标准符号描述程序运行具体步骤的图形表示。程序框图的设计是在处理流程图的基础上,通过对输入输出数据和处理过程的详细分析,将计算机的主要运行步骤和内容标识出来。程序框图是进行程序设计的最基本依据,因此它的质量直接关系到程序设计的质量

    流程图的基本控制结构:
    在这里插入图片描述
    任何复杂的程序流程图都应由这五种基本控制结构组合或嵌套而成

    流程图需注意的要点:

    • 循环的界限设有一对特殊的符号。循环开始符是削去上面两个直角的矩形,循环结束符是削去下面两个直角的矩形,其中应该注明循环名和进入循环的条件(对于while型循环)或循环终止的条件(对于until循环),通常这两个符号应在同一条纵线上,上下对应,循环体夹在其间
      在这里插入图片描述
    • 流线表示控制流的流向,在自上而下或自左而右的自然流向情形下,流线可不加箭头,否则必须在流线上加上箭头

    N-S盒图

    N-S图,也被称为盒图或NS图(Nassi Shneiderman图)。是结构化编程中的一种可视化建模

    N-S图的5种基本控制结构:
    在这里插入图片描述
    N-S图的特点:

    • 图中每个矩形框(除CASE构造中表示条件取值的矩形框外)都是明确定义了的功能域(即一个特定控制结构的作用域),以图形表示,清晰可见
    • 它的控制转移不能任意规定,必须遵守结构化程序设计的要求
    • 很容易确定局部数据和(或)全局数据的作用域
    • 很容易表现嵌套关系,也可以表示模块的层次结构

    N-S图的扩展表示:当问题很复杂是,N-S图可能很大,在一张图上画不下,这时可给这个图中一些部分取个蜜罐子,在图中相应位置用名字(用椭圆形框住)而不是用细节取表现这些部分。然后在另外的图上再把这些命名的部分进一步展开
    在这里插入图片描述

    PAD图

    PAD是日本日立公司提出,由程序流程图演化来的用结构化程序设计思想表现程序逻辑结构的图形工具

    PAD的五种基本控制结构:
    在这里插入图片描述
    为反映增量型循环结构,PAD中增加了对应于for循环的控制结构,其中n1是循环初值,n2是循环终值,n3是循环增量
    在这里插入图片描述
    PAD图的扩充表示:当一个模块在一张图上画不下时,可在图中该模块相应位置矩形框中简记一个“NAME A”,把PAD图从左到右展开,再在另一张图上详细画出A的内容,用def及双线来定义A的PAD。这种方式可使在一张图上画不下的图分在几张图上画出,还可以用它来定义子程序
    在这里插入图片描述
    PAD的执行顺序从最左主干线的上端的结点开始,自上而下依次执行,直到该纵线下端,再返回上一层的总线的转入处,如此继续,直到执行到主干线的下端为止

    PAD图的特点:

    • 使用PAD符号所设计出来的程序必然是结构化程序
    • PAD图描绘程序结构清晰,图中竖线的总条数就是程序的层次数
    • 用PAD图表现程序逻辑易读、易懂、易记
    • 容易将PAD图自动转换为高级语言源程序
    • PAD图既可以表示程序逻辑,也可用于描绘数据结构
    • PAD图的符号支持自顶向下、逐步求精方法的使用

    PAD树形的特点使它比流程图更容易在计算机上处理,如在开发PAD向高级语言程序的转换程序之后,便可从终端输入PAD的图形,并自动转换成高级语言程序。因此可以省去人工编码的步骤,从而大大提高了软件开发的生产率

    伪代码

    伪代码是一种介于自然语言和形式化语言之间的半形式化语言,是一种用于描述功能模块的算法设计和加工细节的语言,也称为程序设计语言(PDL)

    伪代码的基本控制结构:

    • 简单陈述句结构:避免复合语句
    • 判定结构:if_then_else或case_of结构
    • 重复结构:while_do或repeat_until结构

    伪代码的特点:

    • 有固定的关键字外语法,提供全部结构化控制结构、数据说明和模块特征。外语法的关键字是有限的词汇集,它们能对伪代码正文进行结构分割,使之变得易于理解
    • 内语法使用自然语言来描述处理特性,为开发者提供方便,提高可读性
    • 有数据说明机制,包括简单的(如标量和数组)与复杂的(如链表和层次结构)的数据结构
    • 有子程序定义与调用机制,表达各种方式的接口说明

    持续更新中……
    我是桐小白,一个摸爬滚打的计算机小白

    展开全文
  • 管理流程设计过程报告汇编.pdf
  • 可以安装到eclips3.7或更高版本,支持流程设计、保存、在线测试、上传流程
  • 系统供应商,咨询公司和学术研究人员已经开发了各种流程参考模型,以促进业务流程设计。 尽管这些参考模型在范围和内容上是相辅相成的,但很少有关于利用多个参考模型来支持流程设计的研究。 另外,在那些参考模型中...
  • easyui实现的Activiti工作流引擎web版流程设计

    千次下载 热门讨论 2014-01-13 13:45:34
    easyui实现的Activiti工作流引擎web版流程设计器 跨浏览器流程设计器 打开文件 processDesigner\wf\designer\index.html 即可预览
  • C#流程设计

    千次阅读 2017-08-11 13:27:59
    能满足鄙人接触到了解到的一般的流程实现(由于接触到的流程有限,以及对流程理解的不够透彻,流程引擎中不免有设计不足或考虑不周,也希望大神们能多多指点),如果读者在阅读或使用过程中遇到什么问题或有什么想法...

    写在前面:本着共同学习共同进步的原则,还是打算开发的一个通用流程的软件拿出来与大家分享。能满足鄙人接触到了解到的一般的流程实现(由于接触到的流程有限,以及对流程理解的不够透彻,流程引擎中不免有设计不足或考虑不周,也希望大神们能多多指点),如果读者在阅读或使用过程中遇到什么问题或有什么想法,希望能拿出来与大家分享,我们共同去学习去完善这套流程引擎。本随笔 打算只涉及流程引擎部分,可视化流程设计随后做单独的随笔推出。写作水平有限,望读者多多体谅...(如有问题可随时联系笔者。邮箱:1834235472@qq.com)。

    工作流引擎是为工作流实例提供执行环境,它是工作流管理系统的核心服务,因此,工作流引擎设计的好坏直接关系到工作流的执行效率与可扩展性。

        工作流引擎是工作流管理系统中为过程实例和活动实例提供运行环境的服务软件,是整个工作流管理系统的核心

    通过可视化的流程图设计,快速定义业务单据的工作流;

    1.1 开始活动

    【功能概述】

               【功能约定】

               【功能页面】


                    

                   

    《常规属性》

    节点名称:表示此开始活动的流程的名称,在右侧部件属性中Test文本中编辑

    关联页面:表示此开始活动流程关联的流程表单,通过选择进行配置

    处理命令:开始活动流程处理命令,通过添加按钮进行添加,如果需要安全认证,意见必填,前台隐藏功能请勾上。

                    

                   

    《处理者》

    处理者:通过增加按钮选择所需要的节点处理者

                   

    《节点控制》如上图所述,需要控制的功能,选择即可

                   

    《超时配置》超时时间设置以及处理意见

                     

    《开始活动》

    到达通知-节点处理者:表示此流程可以通过邮件、消息等来通知

    同时通知下列人员:流程到达处理者,还可以通知其余人

    超时通知-节点处理者:表示此流程超时了可以通过邮件、消息等来通知

                   

    《前处理》

                     

    《权限设置》 



    1.1.1.1 自由活动

                      【功能概述】

               【功能约定】

               【功能页面】

                    

                     

                     

         

    1.1.1.1 会签活动

                      【功能概述】

               【功能约定】

               【功能页面】

                    

                    

    《会签方式》

    方式有:一票否决、一票通过、通过比例三种,由自己来定义

    1.1.1.1 活动分裂

                      【功能概述】

               【功能约定】

               【功能页面】

                   

                   

    1.1.1.1 活动汇聚

                      【功能概述】

               【功能约定】

               【功能页面】

                   

    1.1.1.1 子流程

                      【功能概述】

               【功能约定】

               【功能页面】

             

                    

    1.1.1.1 活动结束

                      【功能概述】

               【功能约定】

               【功能页面】

                    


    1.1.1.1 功能演示

                      【功能概述】

               【功能约定】

               【操作步骤】

    一、新建一个流程页面==》设置此流程页面的页面属性                              

                                                                                                               

    流程名称:手工录入,填写此流程的中文名称

    流程类型:选择业务流程

    流程状态:选择启用

    二、从控件中拖拉流程控件(开始活动、人工活动、结束活动)至设计页面中


                   

    三、通过工作流之间的连接线时流程活动链接起来,并通过文本标签注释

                   

    四、编辑流程控件属性

    《开始活动-职务变动申请》参照上述开始活动控件


    选择流程关联页面为“人事管理-人事职务变动”==》添加处理命令“提交”==》处理者选择所有人==》节点控制允许显示保存按钮、允许转发代理人==》确定


    《人工活动-主管审批》参照上述人工活动控件

    选择流程关联页面为“人事管理-人事职务变动”==》添加处理命令“提交”“驳回 需选定意见”==》处理者可以通过设置来选择主管(王伟国)==》确定

                    


    《连接线》处理命令为通过或者驳回

    《会签活动-领导会签》

    选择流程关联页面为“人事管理-人事职务变动”

    处理命令:添加同意、不同意

                     

    会签设置:选择按照通过比例来计算,例设置60%;

                   

    处理者:通过增加按钮进行选择指定的用户,例:添加 0458王国伟 3346 杨少华 admin 管理员]

                    

    《人工活动-经理审批》

    选择流程关联页面为“人事管理-人事职务变动”==》添加处理命令“提交”“驳回 需选定意见”==》处理者可以通过设置来选择经理(admin)==》确定

                   

                   

    《结束活动-流程结束》


    五、流程页面设计

                   


                     


                     

    《选择流程编码-liucheng1》

    《编辑流程单据保存、启动方法》(在Rsgl_PostJobChange.js编写)

    六、操作演示页面

    ①:填写职务变动单据(以保卫部-钱敏为例)

                    

                   

    点击处理过程我们可以看到任务走到下一步主管审批。在上述流程设计中,我们选择的主管审批中的处理者是0458 王伟国。

    ②:以0458王伟国的权限进入系统操作

                   

                    

    在个人事务中,我们可以看到当前的任务,选择通过。此时我们通过查看流程图以及处理过程。(如下图)流程图:红线代表已经流程走到领导会签

                     

    处理过程:在主管审批通过后,下一步的处理任务是会签任务,我们设置的会签通过比例为60%,其中只要有会签处理者两个不通过,则此流程就会结束,返回到职务变动申请此单据中,如果有两个会签处理者通过,则此流程会继续走下一步到经理审批。

                   

    ③我们以会签活动通过60%和不通过分别介绍

    《通过:选择2个会签活动中的处理者进入系统,同意确认单据》

    流程图:会签活动通过,转到下一步经理审批流程

                   

    处理过程:会签活动已经完成,到下一步经理审批


                   

    经理审批:经理审批流程的处理者是admin,以admin管理员身份进入系统

    确认职务申请单据通过

                    

    经理审批完成后,流程结束。


    《会签不通过,其中有两个会签处理者不通过》

    流程图:会签不通过时,流程回到职务变动申请

                     

    处理过程:可以看到会签不通过回到职务变动申请这个任务。

                     

    1.1.1.1 加签功能


                    【功能概述】在web工作流审批时,如果在某一节点需要添加加签功能时,则使用此功能

               【功能约定】必须要此活动节点具备加签权限

               【加签页面】

                   

                   

    《加签类型》

    顺序加签:按照选定人员的顺序依次生成加签任务,如果当前任务结束,则不生成下一个

    并行加签:所有设置的加签人员全部生成加签任务,必须要所以的加签任务处理完成才算结束

    任一加签:所有设置的加签人员全部生成加签任务,其中任意一个人处理完成,则此加签活动就结束

                    

    1.1.1.1 更多操作

                  《转发任务》把当前任务转发给其他人员处理,同时本任务结束。

                   《指定人员》指定下一步活动节点的活动者

                   《退回任务》将当前任务退回到指定的活动节点(相当于说在流程图中增加了驳回功能)

                          《跳转节点》跳转到后续指定节点

                          《追回任务》追回指定的任务到指定的活动节点

                          《直送任务》在追回任务以后直接送达追回任务来源节点

                          《知会他人》告知他人流程处理情况,可以通过邮件、消息等方式

                          《任务催办》告知某人赶快处理任务

                          《挂起任务》挂起当前任务

                          《恢复任务》将挂起的任务恢复成运行状态

                          《终止任务》将当前任务终止

                          《删除全部》删除所有任务,业务单据,流程所有过程






    展开全文
  • 用户体验设计流程设计

    千次阅读 2019-05-08 20:23:19
    用户体验设计流程设计 (姓名:樊文军 撰写时间:2019年5月8日) 用户体验设计:是以用户为中心的一种设计手段,以用户需求为目标而进行的设计设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始...
  • 一个超级棒的VUE流程设计

    千次阅读 2021-02-04 10:26:23
      今天小编推荐一款流程设计器easy-flow, easy-flow基于VUE+ElementUI+JsPlumb的流程设计器,通过 vuedraggable 插件来实现节点拖拽。 功能介绍 支持拖拽添加节点 点击线进行设置条件 支持给定数据加载流程图 ...
  • Activiti 6-04.流程设计

    千次阅读 2021-04-28 15:43:59
    本人是个前端小白,因为要集成bpmn....bpmn.js是一个使用JavaScript编写的BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 基础篇 使用npm安装bpmn.js npm install --save bpmn-js 1.在VS Code中,Ctr
  • 【软件工程】过程设计的工具

    千次阅读 2020-12-18 14:41:15
    描述结构化程序的设计结果可以采用图形(如程序流程图)、表格(如判定表)、语言(如伪代码语言)等工具。
  • 软件项目管理流程、软件项目管理流程图.vsd 针对大型软件项目开发中的复杂性、易变性和不可预见性,研究大型软件项目管理流程设计大型软件项目管理过程的总体流程,分析各阶段流程的进入条件、主要工作过程和工作...
  • shedworkflow流程设计器(EXT+JS技术实现)

    热门讨论 2010-01-26 15:42:35
    shedworkflow流程设计器(EXT+JS技术实现) 目前有个缺点,无法绘制并行节点,需要用户自己 修改源代码,向作者表示感谢............
  • 自定义审批流程表结构及存储过程,生成审批流程的存储过程如OMS_AUDIT_COMMON中的PROC_OMS_ADD_APPROVE_PROCESS,逻辑即按照如上步骤进行生成。附件为表结构详细设计和存储过程明细
  • 下面介绍下,ccflow工作流拥有的功能强大、简单实用的流程设计器。   先介绍下流程设计器: 使用介绍: 1.绘制流程的基本操作  a.创建空白流程:在流程树上点击右键,选择新建,进入新建流程界面。填写流程流程...
  • MyFlow流程设计

    2014-01-03 14:29:58
    用脚本编写流程设计过程,只需要拖动控件,填写相关参数,就能得到流程
  • 自定义审批流程表结构及存储过程,生成审批流程的存储过程如OMS_AUDIT_COMMON中的PROC_OMS_ADD_APPROVE_PROCESS,逻辑即按照如上步骤进行生成。附件为表结构详细设计和存储过程明细
  • 在开发工作流项目的时候,需要先画好.bpmn流程图文件,Activiti官方对Eclipse工具提供了默认的流程设计插件,支持效果较好,但是如今大多数人都使用的IDEA开发工具,难道在做工作流项目的时候,为了设计流程图文件...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,089,059
精华内容 1,235,623
关键字:

流程设计

友情链接: J-Link.zip