jQuery + svg/vml
流程设计器jQuery + svg/vml(Demo7 - 设计器与引擎及表单一起应用例子)
去年就完成了流程设计器及流程引擎的开发,本想着把流程设计器好好整理一下,形成一个一步一步的开发案例,结果才整理了一点点,发现写文章比写代码还累,加上有事情要忙,结果就。。
明天要去外包驻场了,现把流程设计器最终实现的效果及应用案例放到网上(Demo),欢迎大家围观,欢迎园友们提出宝贵意见。
1、流程设计器整体外观

2、流程实例名称设置

3、活动审批人设置

4、条件公式设置

以上是流程设计器的实现效果。
接下来想向园友们推荐一下我这几年来用业余时间做的一个云考勤系统(大部分时间花在做流程设计器、流程引擎、表单模板、表单的开发上了),用来展示流程设计器的Demo就是这个云考勤系统。记得刚毕业出来工作那时,做的是C/S开发,用的Dev控件,每天下班走在路上对未来一片迷茫,总想着学点什么,但又不知道学什么。后来工作当中和自己接小项目做接触到html和javascript,那时jQuery还不流行,自己买书学了一段时间,没什么效果;后来了解到微软的Silverlight,很是兴奋,总结自己没学好javascript的原因,觉得应该对着做一个东西去学,刚好工作当中有做过工作流开发,觉得可以边学边做一个流程设计器,然后就满怀梦想的开始去用Silverlight做一个流程设计器,经过不懈的努力,终于整出来了。自己感觉挺简洁实用的,于是又花大力气用webfrom+dev控件初步做了一个流程管理后台,及流程应用前台,本来很激动的说是不是能开始有钱赚了,后来由于一直忙于项目,加上没客户资源,结果一个客户都没有找到。工作流平台太大,一个人很难玩得转,然后就想找个小点的系统来做精做细。经常想啊想,在做项目的过程中,发现很多客户的考勤都是一个头痛的问题,就决定做一个结合了电子流程和手机签卡的考勤系统,先是用webfrom+dev控件做,后来在项目用过asp.net mvc,自己对jQuery也比较熟悉了,就换到asp.net mvc下重新开发,然后有一天朋友发给我gooflow,一下子被它吸引了,以前也想过自己用jQuery+vml重新开发一个流程设计器,然后就决定参照gooflow自己再整一个,因为silverlight微软已经打算停止更新了。到了去年年底PC端完成开发,这个过程的开发一直是在做项目之外的业余时间完成的,经常晚上做着做着,不知不觉就12点多,1点多了。今年过完年回来和朋友商量了一下,没去上班,没接项目做,认真修改了一下考勤系统的PC端,然后想开始做APP,花了很多时间查资料什么的,后来又决定改做混合的APP。后来在一个做微信分销系统的朋友那了解到微信公众号很火,做为一个入口很好,就改为先开发微信公众号,在朋友的帮助下到5月份完成微信公众号的开发,然后和朋友开始到处找客户试用,忙了两个月,一个客户都没有找到。唉,知道销售很难,没想到这么难。一个半成品没经过10个8个客户使用哪能成为产品呢!现在明白上帝(客户)真的太重要了。
现在借博客园这个平台想找园友们帮帮忙,看有没有谁想免费试用的,欢迎留言。最好是深圳的,外地的包差旅费也ok。
考勤系统介绍


考勤系统功能介绍

流程及云考勤演示地址:Demo
微信演示公众号:
jQuery + svg/vml的更多相关文章
- 流程设计器jQuery + svg/vml(Demo7 - 设计器与引擎及表单一起应用例子)
去年就完成了流程设计器及流程引擎的开发,本想着把流程设计器好好整理一下,形成一个一步一步的开发案例,结果才整理了一点点,发现写文章比写代码还累,加上有事情要忙,结果就.. 明天要去外包驻场了,现把流程 ...
- 流程设计器jQuery + svg/vml(Demo6 - 增加结点属性及切换)
到目前流程设计器流程结点的拖拽操作已基本完成,接下来就到结点的属性开发了.前面已经开发过流程模板的属性了,结点属性跟模板属性类似,从属性模板定义copy一份,然后按各结点类型进行调整就ok. 1.先来 ...
- 流程设计器jQuery + svg/vml(Demo2 - UI界面增加属性显示)
设计器UI界面有了,接下来结点的属性怎么显示呢,采用弹窗的话觉得不方便用户:用easyui的propertygrid在最右边显示,又觉得要引入easyui,使得插件变复杂了:最后决定自己写. 1.实现 ...
- 流程设计器jQuery + svg/vml(Demo1 - 构建设计器UI界面)
之前用Silverlight实现过一个流程设计器(Demo),使用起来不是很方便.打算参考GooFlow,结合自己对工作流的理解,用jQuery改造实现一个,力求简单实用. 第一步是要构建设计器的UI ...
- 流程设计器jQuery + svg/vml(Demo5 - 撤消与重做)
上篇完成了画线,接下来是撤消与重做. 代码:GoFlow_05.zip 演示地址:Demo 微信演示公众号: 另:Silverlight版 Silverlight版Demo
- 流程设计器jQuery + svg/vml(Demo4 - 画连线)
流程结点可以添加了之后,接下来到画结点与结点之间的连线,效果图如下 很眼馋visio的连线可以折来折去,这里实现的连线比较简单. 首先是把连线的类型分为Z(折线).N(折线)及I(直线)3种类型,然后 ...
- 流程设计器jQuery + svg/vml(Demo3 - 添加流程结点)
经过前面的准备工作,终于把设计器的主要UI界面搭建好了,接下来到添加流程结点,效果如下图 代码:GoFlow_03.zip 演示地址:Demo 微信演示公众号: 另:Silverlight版 Silv ...
- 多比(SVG/VML)图形控件多比(SVG/VML)图形拓扑图控件免费下载地址
多比图形控件是一款基于Web(VML和SVG技术)的矢量图形控件, 类似于网页上的Visio控件拓扑图软件,是目前国内外最佳的基于web的工作流设计器.工作流流程监视器解决方案. 可广泛应用于包括:电 ...
- Adobe Edge Animate –解决图形边缘精确检测问题-通过jquery加载svg图片
Adobe Edge Animate –解决图形边缘精确检测问题-通过jquery加载svg图片 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 在edge ...
随机推荐
- IE 中开发,兼容与性能测试工具汇总
前言 对于开发者来说, IE的兼容性是最让人头疼的. 因为是微软的产品, 且绑定在操作系统上, 所以IE的占用率还是相当大, 对于开发者来说, 这部分的兼容的考虑就不可避免了. 对于IE 的各版本来说 ...
- Linux2.6中的Slab层
还记得一个进程创建的时候是什么给它分配的“进程描述符”吗?没错,是slab分配器,那么,这个slab分配器是个什么东西呢? 分配和释放数据结构是所有内核中最普遍的操作之一.为了 ...
- 12.04 如何更专业的使用Chrome开发者工具
顾名思义Chrome开发工具就是一个工具,它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序.有了这个工具,你可以做很多有趣的事情: ...
- linux核心之进程管理
进程就是处于执行期的程序(目标码存放在某中介质上).进程并不仅仅局限于一段可执行程序代码,通常还包括其他资源,例如打开的文件,挂起的信号,内核内部数据,处理器状态,一个或多个具有内存映射的内存地址空间 ...
- Object-c中@private、@protected、@public解析
Objective-C中,类的实例化变量的范围有@private.@protected.@public.他们代表的意思和C++中相同,只是前面添加了一个@符号.下面介绍一下他们代表的范围: 指令 意思 ...
- 常用上网增强类Chrome扩展(转)
Chrome是个非常好用的浏览器,拥有丰富的扩展资源库,能够满足网民各种各样的需求,对于网民来说,通过Chrome扩展来增强上网体验是一个基本需求,但是安装过多的扩展有容易耗费大量系统资源,今天月光博 ...
- Linux 中 java 访问 windows共享目录
有两个方案: 1.将windows共享目录,挂载到linux系统下,通过使用本地目录访问windows共享目录 2.通过samba的java实现包,不过需要开个windows共享目录的账户 http ...
- JAVA_用_JCO连接_SAP,实现调用SAP_的_RFC_函数(整理)(附一篇看起来比较全面的说明)(JCO报错信息)
// 获取RFC返回的字段值 11 JCoParameterList exportParam = function.getExportParameterList(); 12 String exPara ...
- React使用笔记(3)-React Event Listener
Date: 2015-11-28 12:18 Category: Web Tags: JavaScript Author: 刘理想 [toc] 1. 构造基本结构 首先,我们先创建一个按钮,一个输入框 ...
- Java Web 入门(一)使用 Intellij IDEA 14.1.5 创建 Maven Web项目
1.基础配置 1.1 安装 JDK1.7,配置系统变量:JAVA_HOME 和 Path 1.2 安装 Tomcat 7.0 1.3 安装 Intellij IDEA 14.1.5 1.4 Mave ...