题外话(可略过): 前一段时间(要是没记错的话应该是3个月以前)发布了一个更新版本,很多人说没有文档看着比较困难,所以打算拿点时间出来详细给大家讲解一下,由于本人平时要工作还要陪老婆和孩子而且还经营着一个网店(生意不太好,但是还在坚持),所以时间比较有限,如果有讲解不到位的地方请指正. 根目录结构介绍: css目录存放样式表 image目录存放自定义的图片 js目录存放定制器使用的JS脚本库(后面会重点介绍) themes目录存放easyui的皮肤 wf目录内存放与界面相关的HTML文件 js目…

背景: 小弟工作已有十年有余,期间接触了不少工作流产品,个人比较喜欢的还是JBPM,因为出自名门Jboss所以备受推崇,但是现在JBPM版本已经与自己当年使用的版本(3.X)大相径庭,想升级也不太容易,后来得知JBPM的老大转战到了Activiti,处于对JBPM的喜欢所以研究了一下Activiti,发现Activiti不但保留下JBPM优秀的DNA而且还进行了优化,相比之前JBPM设计更简单更清晰更容易掌握. 三年前Activiti开始进入公司的正式项目中并且表现非常良好,但是它的Web版的定…

上一篇介绍了定制器相关的文件,这篇我们来看看整个定制器的界面部分,了解了页面结构有助于更好的理解定制器的实现,那么现在开始吧! 首先,我们来看看整体的结构: 整体结构比较简单,主要包括三个部分: 1.调色板:放置工作流各种模型(节点.分支.开始.结束等等),使用时用鼠标拖动放到画布上即可,比                    较简单不再赘述: 2.画布:绘制工作流区域,这里是定制器的主要工作区,它有两个Tab页:Diagram和XML:其中Diagram可                 以…

题外话: 最近在忙公司的云项目空闲时间不是很多,所以很久没来更新,今天补上一篇! 回顾: 前几篇介绍了一下设计器的界面和Draw2d基础知识,这篇讲解一下本设计器如何扩展Draw2d. 进入主题: 先看一下扩展的类图: 其中有颜色标注的类即是扩展类,其中Node.Port.InputPort.OutputPort是Draw2d提供的类,其余都是扩展类. 这里重点介绍几个核心类以及相关重要的方法,如下: 上图中黄色部分负责生成Activiti流程文件中Task对应的XML片段,所以对于不同类型Ta…

题外话: 这两天周末在家陪老婆和儿子没上来更新请大家见谅!上一篇介绍了调色板和画布区的页面结构,这篇讲解一下属性区的结构也是定制器最重要的一个页面. 属性区整体页面结构如图:  在这个区域可以定义工作流中不同模型的属性,那么如何打开这个页面?其实很简单只要在你需要定义属性的模型上点击鼠标右键然后选择Properties就可以打开这个页面.对于不同的模型这个页面可能会有不同,这里就不一一介绍,这里只介绍几个常用的节点,其他模型可定义的属性可以直接下载定制器运行浏览. 节点可以设置的属性一般包括以下…

回顾: 上一篇我们介绍了Draw2d整体结构,展示了组件类关系图,其中比较重要的类有Node.Canvas.Command.Port.Connection等,这篇将进一步介绍Draw2d如何使用以及如何扩展. 进入主题: 详细介绍一下Draw2d中几个比较重要的类: Node类: 是对添加到画布上的节点的高度抽象,如:开始.结束.各种类型Task节点等.它的实现类比较多这里不一一展开讲解了,我们来看看它有哪些重要的方法: Port类: 是对连接节点间的线的起点和终点的抽象,它有两个实现类:Inp…

上一篇我们介绍了目录结构,这篇给大家整理一个文件列表以及详细说明,方便大家查找文件. 由于设计器文件主要保存在wf/designer和js/designer目录下,所以主要针对这两个目录进行详细说明. wf/designer目录文件详解: js/designer/connection目录文件详解: DecoratedConnection.js 连接节点的线对应的JS MyInputPort.js                 连接节点的线的终点对应的JS MyOutputPort.js    …

转载自:https://blog.csdn.net/wo_shi_ma_nong/article/details/88110111 在“为网站开发远程直播教室的折腾过程及最终实现”中,介绍了如何使用face2face为自己的网站开发一对多网络教室.使用face2face能极大的节省开发的时间. 其实使用face2face不仅能在网页上实现一对多的网络教室,还能非常容易地为自己的网站实现1对1的远程直播功能. 使用face2face,无论是开发一对多的网络教室,还是开发一对一的网络教室,都是一样简…

经过惨淡的面试,也是知道了自己的不足,刚好最近在学习node,心中便有了做一个web版的你画我猜的想法 首先说下思路,在做准备工作的时候,有两个大概的思路: 1.规定一块div,捕捉鼠标事件,动态生成position absolute,长宽1px的红色小div,这样可以模拟出划线的轨迹,做一个long polling,不断获取DOM结构,推送到socket端口,然后再广播给所有客户端 2.利用canvas作图,将canvas的数据推送到socket端口,广播所有客户端 其实之所以有两种想法,无非…

wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件.通过wavesurfer.js你能够使用它来制作各种HTML5音频播放器,它能够在各种支持 Web Audio 的浏览器中工作.包含 Firefox, Chrome, Safari, Mobile Safari 和 Opera浏览器. 在线演示:http://www.htmleaf.com/Demo/201503151525.html 下载地址:http://www.htmleaf.com/html…