基于easyui开发Web版Activiti流程定制器详解（二）——文件列表

【基于easyui开发Web版Activiti流程定制器详解（二）——文件列表】的更多相关文章

【转】基于easyui开发Web版Activiti流程定制器详解（一）——目录结构

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

基于easyui开发Web版Activiti流程定制器详解（五）——Draw2d详解（一）

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

基于easyui开发Web版Activiti流程定制器详解（三）——页面结构（上）

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

基于easyui开发Web版Activiti流程定制器详解（六）——Draw2d的扩展（三）

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

基于easyui开发Web版Activiti流程定制器详解（四）——页面结构（下）

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

基于easyui开发Web版Activiti流程定制器详解（六）——Draw2d详解（二）

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