Javascript工作流引擎代码及实例

2016-02-19 16:14 7 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Javascript工作流引擎代码及实例,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

  最近在学习jBPM和Javascript,所以按照一些相关概念自己写了下面的200行代码的“工作流引擎”,工作流管理系统包含了流程定义,引擎,及应用系统三个主要部分,下面的代码实现了流程的分支合并,目前只支持一种环节上的迁移。拷贝到html,双击就可以跑起来。

var workflowDef = {

         start:{

                   fn:"begin", //对应处理方法可以在内部定义,也可以在外部定义

                   next:["task1","task2"]

         },

         end:"end",

         tasks:[{

                   id:"task1",

                   fn:function(){

                            alert("执行任务一");

                   },

                   before:function(){

                            alert("执行任务一前");

                   },

                   after:function(){

                            alert("执行任务一后");

                   },

                   next:["task4","task5"]

         },{

                   id:"task2",

                   fn:function(){

                            alert("执行任务二");

                   },

                   before:function(){

                            alert("执行任务二前");

                   },

                   after:function(){

                            alert("执行任务二后");

                   },

                   next:["task3"]

         },{

                   id:"task3",

                   fn:function(){

                            alert("执行任务三");

                   },

                   before:function(){

                            alert("执行任务三前");

                   },

                  after:function(){

                            alert("执行任务三后");

                   },

                   //定义合并的数量

                   merge: 3,

                   next:"EOWF"

         },{

                   id:"task4",

                   fn:function(){

                            alert("执行任务四");

                   },

                   before:function(){

                            alert("执行任务四前");

                   },

                   after:function(){

                            alert("执行任务四后");

                   },

                   next:["task3"]

         },{

                   id:"task5",

                   fn:function(){

                            alert("执行任务五");

                   },

                   before:function(){

                            alert("执行任务五前");

                   },

                   after:function(){

                            alert("执行任务五后");

                   },

                   next:["task3"]

         }]

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  //////////定义引擎////////////

Yi = {};

Yi.Utils = {};

Yi.Utils.execute = function(o){

         if(typeof o != 'function')

                   eval(o)();

         else

                   o();

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

//工作流类

Yi.Workflow = function(workflowDef){

         this.def = workflowDef;

         this.tasks = this.def.tasks;

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

//public按照环节id查找查找

Yi.Workflow.prototype.findTask = function(taskId){

         for(var i=0;ithis.tasks.length;i++){

                   if(this.tasks[i].id == taskId)

                            return this.tasks[i];

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

//public启动工作流

Yi.Workflow.prototype.start = function(){

         this.currentTasks = [];

         Yi.Utils.execute(this.def.start.fn);

         for(var i=0;ithis.def.start.next.length;i++){

                   this.currentTasks[i] = this.findTask(this.def.start.next[i]);

                   Yi.Utils.execute(this.currentTasks[i].before);

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

//private

Yi.Workflow.prototype.findCurrentTaskById = function(taskId){

         for(var i=0;ithis.currentTasks.length;i++){

                   if(this.currentTasks[i].id == taskId)

                            return this.currentTasks[i];

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

         return null;

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

//private

Yi.Workflow.prototype.removeFromCurrentTasks = function(task){

         var temp = [];

         for(var i=0;ithis.currentTasks.length;i++){

                   if(!(this.currentTasks[i] == task))

                            temp.push(this.currentTasks[i]); 

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

         this.currentTasks = temp;

         temp = null;

}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

//public触发当前环节

Yi.Workflow.prototype.signal = function(taskId){

         //只处理当前活动环节

         var task = this.findCurrentTaskById(taskId);

         if(task == null){

                   alert("工作流未流转到此环节!");

                   return;

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

         //对于合并的处理

         if(task.merge != undefined){

                   if(task.merge != 0){

                            alert("工作流流转条件不充分!");

                            return;

                   }else{

                            Yi.Utils.execute(task.before);

                   }        

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

         //触发当前环节

         Yi.Utils.execute(task.fn);

         //触发后动作

         Yi.Utils.execute(task.after);

         //下一步如果工作流结束

         if(task.next === "EOWF"){

                   Yi.Utils.execute(this.def.end);

                   delete this.currentTasks;

                   return;

         }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

         //遍历下一步环节

         this.removeFromCurrentTasks(task);

         for(var i=0;itask.next.length;i++){

来源:http://www.tulaoshi.com/n/20160219/1611414.html

延伸阅读
标签: Web开发
AJAX介绍      AJAX 关键词:   JavaScript脚本和可扩展标记语言(XML)   WEB浏览器技术   开放式WEB标准   浏览器以及独立平台   更好更快的网络应用程序   XML以及HTTP请求      AJAX = 异步JavaScript和可扩展标记语言   A...
标签: Web开发
在Search Engine的robot搜索时,针对的type,text/html此类“文本”的友好度是最高的(现阶段text/xml除外),而 text/javascript此类的友好度不理想,如果robot还要判断DHTML代码的话,那这个复杂度也是较高,而且划不来,因此,在DHTML 编程时,如果要提升代码的友好度。采用的方法,较好的方法是“尽可能是把DHTML的代码简化成没有HTML...
标签: Web开发
Javascript如何判断是否是润年时,采用纠错的方式较为方便与简单一点,下面的new Date(year , month , day)中的month是从0开始,2表示3月,意思是构造3月1日的前一天,然后检查这一天的日期是否是29。实际上利用了date对象自己的纠错计算。 Javascript测试函数isSmoothYear()   以下是引用片段:  1 script language="jav...
标签: Web开发
看到这个题目,或许有人会提出疑问,JavaScript代表客户端,而Session代表的是服务器(不知道这样说大家是否能够理解)。 先说一下需求,我在做一个权限管理的时候,需要在点击某个模块时,Session中相应的改变模块代号,而实现这个操作的是一个a标签,当然我不知道 一个linkbutton是否可以同时将跳转页面和修改Session做了,个人感觉应该是可...
标签: 电脑入门
在Word2010文档中,利用自选图形库提供的丰富的流程图形状和连接符可以制作各种用途的流程图,制作步骤如下所述: 第1步:打开Word2010文档窗口,切换到插入功能区。在插图分组中单击形状按钮,并在打开的菜单中选择新建绘图画布命令,如图1所示。 图1 选择新建绘图画布命令 小提示:也可以不使用画布,而只直接在Word2010文档页面中直接...

经验教程

516

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部