流程结点可以添加了之后,接下来到画结点与结点之间的连线,效果图如下 很眼馋visio的连线可以折来折去,这里实现的连线比较简单。 首先是把连线的类型分为Z(折线)、N(折线)及I(直线)3种类型,然后在两个结点间划线的时候,根据两个结点间的位置来决定画哪种线。 1、结点2在结点1左边 ...
去年就完成了流程设计器及流程引擎的开发,本想着把流程设计器好好整理一下,形成一个一步一步的开发案例,结果才整理了一点点,发现写文章比写代码还累,加上有事情要忙,结果就。。 明天要去外包驻场了,现把流程设计器最终实现的效果及应用案例放到网上 Demo ,欢迎大家围观,欢迎园友们提出宝贵意见。 流程设计器整体外观 流程实例名称设置 活动审批人设置 条件公式设置 以上是流程设计器的实现效果。 接下来想向 ...
2016-07-03 21:55 15 4475 推荐指数:
流程结点可以添加了之后,接下来到画结点与结点之间的连线,效果图如下 很眼馋visio的连线可以折来折去,这里实现的连线比较简单。 首先是把连线的类型分为Z(折线)、N(折线)及I(直线)3种类型,然后在两个结点间划线的时候,根据两个结点间的位置来决定画哪种线。 1、结点2在结点1左边 ...
之前用Silverlight实现过一个流程设计器(Demo),使用起来不是很方便。打算参考GooFlow,结合自己对工作流的理解,用jQuery改造实现一个,力求简单实用。 第一步是要构建设计器的UI界面,如下: 用到的图标有: 用CSS精灵工具如CSS Satyr可以把它们合在一起 ...
经过前面的准备工作,终于把设计器的主要UI界面搭建好了,接下来到添加流程结点,效果如下图 代码:GoFlow_03.zip 演示地址:Demo 微信演示公众号: 另:Silverlight版 Silverlight版Demo ...
2、jQuery - 左右拖动分隔条(Demo) 3、流程板板属性定义及初始化 4、加入 ...
到目前流程设计器流程结点的拖拽操作已基本完成,接下来就到结点的属性开发了。前面已经开发过流程模板的属性了,结点属性跟模板属性类似,从属性模板定义copy一份,然后按各结点类型进行调整就ok。 1、先来回顾下流程模板属性,这里对流程模板属性稍微进行了调整,效果图 ...
(图一流程设计器包含元素) (图一流程设计器实现功能) (流程引擎工作原理) (流程数据库设计) (流程数据库设计) (流程数据库设计) (工作流程设计器实现效果图) (代码结构图) 无法上传附件,需要 ...
1.介绍 业务表单为用户提供业务填单功能,特点如下: 布局使用Excel风格,并在这种风格下扩展了表中表风格 可以使用Excel设计表单,并用[业务表单设计]导入系统 系统运营不依赖Excel组件,也与Excel无任何关系 权限管理可精细到表中表的单元格 ...
以前在IE盛行,微软一家独大的时候,web绘图功能首选就是VML,IE5.0以上的版本都支持VML,VML可以在IE中通过文本的方式绘制矢量图像,类似在html页面中实现了画笔的功能,所以被很多人采用来实现web流程设计器。 随着手机,ipad等各种移动设备的升级,越来越多的应用要求支持这些移动 ...