`
yonlist
  • 浏览: 85294 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

最近做的Web流程设计器雏形,支持BPMN2.0

 
阅读更多

最近研究了下web流程设计器,写了个小demo。

用的是raphael图形库,兼容性不错,IE6/IE9/Firefox/Chrome都没问题。



 

功能比较简单,图形上参考了visio的锚点设计,目前实现的功能、操作有:

  • 每个任务图形由矩形、图标、文本标签、4个锚点组成;
  • 拖拽任务图形的锚点可以生成连线,到另一个图形的锚点释放后完成连接;
  • 选中连线后拖动一端的锚点就可以改变连接;
  • 可以转换成BPMN2.0规范的XML,以及从XML重建图形;
  • 选择图形或连线后,在属性窗口可以查看、修改属性值(定义或图形部分);

 

(待续)

 

  • 大小: 26.2 KB
分享到:
评论
1 楼 honghu 2014-01-13  
朋友能把你的demo分享下吗?谢谢,honghu616@gmail.com

相关推荐

    BPMN 2.0 规范 PDF

    《Business Process Model and Notation (BPMN)》版本2.0是Object Management Group(OMG)发布的一个重要标准文档,它定义了一套统一的图形符号及规则来表示业务流程。此文档旨在帮助企业和组织更好地理解和设计其...

    BPMN2.0标准规范-机器翻译中文版

    3. 可重用性:BPMN2.0支持流程模型的重用,减少了业务流程模型的开发时间和成本。 BPMN2.0标准规范的应用场景包括: 1. 业务流程管理:BPMN2.0用于描述业务流程模型,帮助企业优化业务流程和提高效率。 2. ...

    BPMN 2.0 - 业务过程模型和符号(中文版).pdf

    BPMN 2.0 业务过程模型和符号 BPMN 2.0 是业务过程模型和符号...BPMN 2.0 广泛应用于业务过程改进、业务流程再engineering、企业应用集成、商业智能等领域。它可以帮助企业提高业务效率、降低成本、提高客户满意度等。

    BPMN2.0正式规范

    BPMN 2.0作为一项国际标准,为业务流程建模提供了统一的标准框架,极大地提高了业务流程的设计、分析和自动化能力。随着信息技术的不断发展,BPMN 2.0将继续发挥其重要作用,成为企业信息化建设不可或缺的一部分。

    BPMN 2.0 示例 - BPMN 2.0 by Example

    BPMN 2.0 示例 - BPMN 2.0 by Example

    BPMN2.0规范中文文档

    这里较为详细的介绍了BPMN2.0: 1.1. BPMN 2.0是什么 1.2. 历史和目标 1.3. JPDL vs BPMN 2.0 1.4. Bpmn 2.0 执行 1.5. 配置 1.6. 实例 1.7. 流程根元素 1.8. 基本结构(事件、顺序流、网关、任务) 1.9. ...

    BPMN2.0规范文档

    由于Activiti是一个开源的工作流引擎,能够支持BPMN2.0规范,因此理解BPMN2.0是掌握Activiti以及执行与设计企业级业务流程的先决条件。Activiti能够解析BPMN2.0规范定义的XML格式文件,将这些流程定义部署到工作流...

    Eclipse 插件 离线安装 Activity Bpmn 2.0 Designer-5.18.0全部包

    在实际工作中,Activity Bpmn 2.0 Designer可以帮助开发者更直观地理解业务流程,提高工作效率,同时使得非技术人员也能通过图形化的方式参与到流程设计中,促进跨部门的沟通。通过熟练掌握这款插件,你可以更好地...

    BPMN2.0中文介绍

    BPMN 2.0是业务流程模型与符号的第二版标准,旨在提供一套广泛适用于业务分析、流程设计、实现以及用户管理监控的流程建模符号。它主要被业务用户和建模者使用,通过一套清晰的图形化表示方法,允许业务流程的各个...

    BPMN2.0标准规范(英文版和中文版).zip

    BPMN2.0标准规范英文版和中文版 1 范围 1.1 一般 对象管理组(OMG)已开发了标准的业务流程模型和表示法(BPMN)。 BPMN的主要目标是提供一种易于理解的符 号,从创建流程初始草稿的业务分析人员到负责实施将执行...

    BPMN2.0 Modeler for Visio

    总的来说,**BPMN2.0 Modeler for Visio** 提供了一个直观且功能丰富的平台,使得业务流程建模变得更加简单和高效,无论是在流程设计、优化还是沟通中,都能发挥重要作用。通过学习和熟练使用这款工具,用户可以更好...

    Activiti BPMN2.0设计器eclipse插件

    总的来说,“Activiti BPMN2.0设计器eclipse插件”是开发和维护业务流程应用程序的强大工具,它简化了BPMN 2.0流程图的创建过程,并与Eclipse和MyEclipse的其他开发功能无缝集成,使得流程设计成为软件开发中的一个...

    BPMN2.0标准规范英文

    综上所述,《BPMN 2.0标准规范英文版》为业务流程建模提供了全面而详细的指导,不仅定义了一系列标准化符号和规则,还提供了相关的技术文件和工具支持,使得业务流程能够被更广泛地理解和应用。

    BPMN2.0 工作流 实例

    1. **流程设计**:使用BPMN2.0工具(如Bizagi, Eclipse BPMN2插件等)绘制流程图,定义任务、事件和规则。 2. **模型验证**:检查模型的正确性和完整性,确保符合BPMN2.0规范。 3. **集成开发**:将模型导入到支持...

    Activiti Designer bpmn2.0

    最近在 eclipse上使用bpmn画工作流程图时 需要安装bpmn 但是根据之前的例子在安装按照如下安装 *Name:*Activiti BPMN 2.0 designer *Location:*http://activiti.org/designer/update/ 出错,有人说是 是这个网址...

    BPMN2.0标准规范

    Business Process Model and Notation (BPMN) 2.0 是一个用于图形化表示业务流程的标准模型,旨在为业务人员与技术人员之间提供一种通用的语言,使得双方能够有效地沟通业务流程的设计与实现。BPMN 2.0 规范由 ...

    BPMN 2.0 图示一览表

    BPMN 2.0旨在为业务分析师、开发人员、测试工程师以及非技术利益相关者提供一种通用的沟通方式,以便更好地理解、设计、执行、记录和管理业务流程。 一、活动和任务 在BPMN 2.0中,活动(Activity)是业务流程中的一...

    bpmn2.0规范

    BPMN 2.0不仅支持业务流程的设计和文档记录,还支持流程执行和管理。 #### 二、BPMN 2.0规范版本 **BPMN 2.0 Version 2.0.2**于2013年12月发布,此版本相较于早期版本有一些重要的改进和更新。值得注意的是,在**...

    BPMN2.0中文版试读版本

    - **业务流程设计**: BPMN 2.0提供了一套标准符号集,使得业务流程可以被清晰地可视化。 - **系统开发**: 作为业务流程的规范基础,有助于系统开发人员理解业务需求并实现自动化流程。 - **跨部门协作**: 通过统一的...

    eclipse插件-Activiti BPMN 2.0 designer

    eclipse插件之Activiti BPMN 2.0 designer,activiti开发必备的可视化插件,当前版本为5.9.3,适 用于eclipse3.7以上版本,已经在eclipse3.7、3.8版本中亲自测试通过。 使用方法: 将解压后的文件夹“Activiti BPMN...

Global site tag (gtag.js) - Google Analytics