`
benwg
  • 浏览: 7620 次
  • 来自: ...
文章分类
社区版块
存档分类
最新评论

正在做一个工作流系统,使用了ExtJS和mxGraph

阅读更多

正在做一个工作流系统,流程引擎已经初步完成,现在做的是可视化流程定义界面,采用了ExtJS和mxGraph,现在是一周的工作成果,放这里纪念一下,现在已经实现了拖拽生成环节,以及对环节属性的管理。

  • 大小: 32.1 KB
分享到:
评论
31 楼 氢气0019 2018-01-22  
大佬,可不可以把你的代码发我一份学习下哇,我们现在也要用mxgraph和Ext来实现在线设计工作流了,初出茅庐的娃子伤不起哇……
30 楼 haojiejie 2012-11-01  
想请教一个相关的问题,请加下QQ,273384523
29 楼 kimmking 2012-09-05  
heroshell 写道
楼主你好!我们也想使用mxGraph做,但是他的license太贵了,你们的版权问题是怎么解决的,是付费还是,重新实现了他们的代码



不是太贵吧
28 楼 heroshell 2012-09-05  
楼主你好!我们也想使用mxGraph做,但是他的license太贵了,你们的版权问题是怎么解决的,是付费还是,重新实现了他们的代码
27 楼 zengdingshan 2012-08-20  
求源码!谢谢!zdsxsc@163.com
26 楼 djlijian 2012-02-03  
lz:XML如何转换为graph,BufferedImage images = mxCellRenderer.createBufferedImage(graph, null,2, Color.WHITE, true, null); 
images老是为null,请指教 谢谢
25 楼 xiaotiantian-58 2012-01-08  
最近在学习用mxgraph画网络图,楼主能不能指点下,开源学习下~~
24 楼 xiaotiantian-58 2012-01-04  
我刚接触mxgraph,楼主能指点下吗?QQ:734373252
23 楼 benwg 2011-04-22  
这两天完成了工作流的回退处理,可以回退到任意环节,另外完善了填写意见的处理,可以在流程定义中指定某一环节是否需要填写意见,可以设置默认意见。
22 楼 benwg 2011-04-18  
流程跟踪基本完成了,还有一点细节估计要调整1、2天。

21 楼 benwg 2011-04-18  
xyqck163 写道
那个弯曲的连接箭头用 纯js 或jquery 应该怎么实现

很抱歉,我也不知道,这里用的是mxGraph,它是通过svg或vml实现的,不是纯js的。
20 楼 xyqck163 2011-04-18  
那个弯曲的连接箭头用 纯js 或jquery 应该怎么实现
19 楼 benwg 2011-04-17  
eredlab 写道
不知道楼主这是做给开发人员使用还是做个终端客户使用?
如果是开发人员:那直接开发eclipse-plugin不就行了吗?又专业又简单。
如果是终端客户:客户真的能够自定义业务逻辑,重组业务吗?重组的粒度、复杂度多大?如果仅仅是个什么请假审批、财务报销流程之类的那有必要这样兴师动众的捣腾吗?对于工作流,我也很赞同fireworkflow作者说的一句话:“我从不认为客户能够使用工作流来进行业务重组(大概意思这样吧)”。我对工作流的定位也是面向开发人员的。

eclipse-plugin?您应该指的是jbpm吧,对于它不太了解,而且我觉得有点太专业了,我这个主要是给开发人员用的,但对开发人员要求很低,计划在2个月内实现可视化流程定义(完成),流程引擎(初步完成),表单定义(完成),流程跟踪(正在做),正文编辑(未完成)等主要工作流功能。jbpm仅仅实现了一个引擎和流程定义(eclipse-plugin),流程环节对处理人员和表单的关联也不够直观,其他功能都没有,也需要另外来做,而且做的时候还要和它进行整合,有些麻烦,它的引擎我看了一点,没太搞明白,怕有些国内需要的功能实现起来太困难,所以放弃了,我自己的引擎可以根据业务随时调整,自己心里有数,也比较放心。
18 楼 eredlab 2011-04-17  
不知道楼主这是做给开发人员使用还是做个终端客户使用?
如果是开发人员:那直接开发eclipse-plugin不就行了吗?又专业又简单。
如果是终端客户:客户真的能够自定义业务逻辑,重组业务吗?重组的粒度、复杂度多大?如果仅仅是个什么请假审批、财务报销流程之类的那有必要这样兴师动众的捣腾吗?对于工作流,我也很赞同fireworkflow作者说的一句话:“我从不认为客户能够使用工作流来进行业务重组(大概意思这样吧)”。我对工作流的定位也是面向开发人员的。
17 楼 hepeng421 2011-04-16  
真的觉得楼主技术选型有问题。
16 楼 comsci 2011-04-15  
楼上的兄弟,要注意版权的问题哦。mygraph是要收费的,你如果用破解版本的,要注意下哦
15 楼 benwg 2011-04-14  
今天完成了流程监控的主要功能,没有开始想象的那么难,越发感到mxGraph的强大,所提供的JAVA API 竟然和JavaScript的API完全一致,开始想使用Export.java例子提供的办法将流程定义数据(XML)转换成图片,试了一下没有成功,后来查看了一遍其他例子,先将XML转换为graph,然后用mxCellRenderer将之转换成了图片。
BufferedImage image = mxCellRenderer.createBufferedImage(graph, null,2, Color.WHITE, true, null);

这里将图片数据进行BASE64编码后直接写到了输出页面里,mxGraph竟然提供了mxBase64这个工具类,真是太贴心了。
mxBase64.encodeToString(stream.toByteArray(), false)
第二步是在图片上生成热点数据(map),解析XML采用的是XPP3,这个比较轻量级一些,也很简单,生成热点区域的时候有个地方要注意下,由于生成图片时会把四周的空白切掉,所以热点的坐标数据要做些修订,才能把热点放到Cell上,否则会有偏差。

随便提一下,XPP3的资料真的好少,昨天用的时候还是通过查看XStream的源码才搞定的,不过用它来解析XML确实很简单。

另外暂时没有开源的计划,兄弟们就不要要什么源码了,实际上只要花点时间认真去看下所带的例子和文档,所有的问题都是可以解决的。
14 楼 xia9527 2011-04-14  
kk_8983@163.com我十分感兴趣!
13 楼 xia9527 2011-04-14  
楼主能不能开源 发一份!
12 楼 冰寒Alicv 2011-04-14  
看起来不错!!!

相关推荐

    结合extjs + mxgraph 网络拓扑图的开发

    extJs 跟mxgraph一样都是一种前台框架,可以混着用,这个例子...mxgraph是将html的页面元素当做一个容器(container),并在此容器中画图的,而extJs也是将此容器包装成一个window的,因此页面的容器就是它们的结合点。

    extjs 3.4 开发前准备

    3.4版本是EXTJS的一个重要里程碑,它提供了稳定的基础和丰富的组件库。本文将详细介绍EXTJS 3.4的开发前准备,包括EXTJS的基本知识、下载、开发环境的搭建以及开发工具的选择。 1. EXTJS 下载与版本结构 EXTJS 3.4...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    基于ExtJS的工作流设计器,利用了ExtJS的强大组件模型和交互性,为用户提供了一个直观的方式来创建和编辑流程图。这样的设计器通常包括以下关键组成部分: 1. **组件库**:设计师需要一个包含各种工作流元素(如...

    extjs+xml 工作流设计器

    当你提到"ExtJS+xml 工作流设计器",这通常指的是一个基于ExtJS开发的,能够通过XML来定义和管理工作流程的可视化工具。 工作流设计器是一种应用程序,它允许用户通过图形化界面来创建、编辑和管理工作流程。这些...

    extjs做的图书管理系统

    本文将详细介绍一个使用ExtJS开发的图书管理系统,该系统同时结合了Spring和iBATIS作为其核心架构组件。 首先,ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序。它提供了丰富的UI组件,如表格、窗口...

    EXTJS 风格的工作流 workflow workflowdefine 纯JS源代码

    使用EXTJS开发工作流系统的好处包括: - 强大的数据绑定和组件体系,能够快速构建复杂的用户界面。 - 响应式设计,适应不同设备和屏幕尺寸。 - 高效的AJAX通信,提供流畅的用户体验。 - 大量预置的UI组件,如表格、...

    extjs实现jbpm工作流流程设计

    JBPM(Java Business Process Management)则是一个开源的工作流和业务规则管理系统,它支持BPMN2.0标准,能够帮助企业实现流程自动化。jbpm工作流设计器是用于创建和编辑工作流模型的工具,通过图形化方式定义任务...

    mxgraph1.02WEB图形设计

    "mxgraph1.02WEB图形设计"是一个基于EXTJS扩展的开源图形设计工具,主要用于构建Web环境下的流程图和其他图表。这个工具的核心是mxGraph库,它提供了一套强大的JavaScript API,允许开发者在Web浏览器中创建、编辑和...

    基于EXTJS框架的工作流设计器

    工作流设计器的前台界面很可能使用了EXTJS的GridPanel、FormPanel等组件,提供了一个友好的用户界面,用于展示、编辑和管理工作流的相关信息。 描述中提到的"画图部分采用的是VML+JS",这里的VML(Vector Markup ...

    使用Extjs写的简单酒店管理系统

    本项目“使用Extjs写的简单酒店管理系统”便是一个基于这个框架的实践案例,它展示了如何利用ExtJS的组件和API来设计和实现一个管理系统的用户界面。 【描述】:项目采用的是Visual Studio 2005(VS2005)作为开发...

    extjs做的一个桌面应用系统

    EXTJS2.0是EXTJS的一个版本,相比之前的版本,它可能包含了更多优化和新特性,比如改进的布局管理、增强的数据绑定以及更多的UI组件。 DWR(Direct Web Remoting)是一个开源的Java库,用于在浏览器和服务器之间...

    合同管理系统 extjs开发的 让大家一起学习

    本系统采用EXTJS进行前端开发,EXTJS是一款强大的JavaScript组件库,以其丰富的UI组件和数据绑定机制,为开发高质量的Web应用提供了便利。 EXTJS的核心特性包括: 1. **组件化设计**:EXTJS以组件为中心,提供了...

    基于ExtJS做的投票系统

    这样的系统设计旨在提供一个高效、用户友好的界面,同时在后端实现数据的稳定管理和业务逻辑处理。 **SSH框架详解** SSH框架是由Struts2、Spring和Hibernate三个组件组成的Java Web开发框架。它们各自扮演着不同的...

    mxgraph-eval-1_5_1_11(流程图表编辑)

    mxGraph是一款强大的JavaScript图形库,专门用于在Web应用程序中创建和编辑各种流程图、工作流图、图表、网络图以及一般的图形。它以其高度可定制性、灵活性和丰富的功能集而受到开发者的青睐。这个“mxgraph-eval-1...

    人事管理系统(extjs+hibernate+struts)

    【EXTJS】EXTJS是一个基于JavaScript的开源前端框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、窗体、面板、菜单、工具栏等,使得开发者能够轻松构建用户界面。EXTJS使用MVC(Model-View-...

    ExtJs教学管理系统

    "ExtJs教学管理系统"是一个基于ExtJs框架和.Net后端技术构建的应用程序,旨在提供一套教育机构或学校使用的教学管理解决方案。此系统可能包括学生管理、课程管理、成绩管理、教师管理等多个模块,以帮助教育工作者...

    ExtJS项目 一个博客系统

    ExtJS项目 一个博客系统 ExtJS项目 一个博客系统

    基于WebSocket的企业级即时通讯WebIM,使用EXTJS做为前端设计工具

    本项目基于WebSocket构建了一个企业级的WebIM系统,实现了在线实时通讯功能。WebSocket协议的使用,确保了用户之间的消息传递无需频繁地建立和关闭连接,极大地提高了通信效率。长连接特性使得一旦连接建立,双方...

    web流程设计器extjs做的design

    Web流程设计器是一种用于创建和编辑工作流或业务流程的工具,它允许用户通过图形化界面定义和配置流程。在本例中,设计是使用ExtJS框架实现的。ExtJS是一款强大的JavaScript库,专用于构建富互联网应用程序(RIA)。...

    Extjs5.0从入门到实战开发信息管理系统

    通过这个视频教程,你将学会如何使用ExtJS 5.0、Spring、Spring MVC和Mybatis搭建一个完整的信息管理系统,从需求分析、设计、编码到测试和部署,全方位提升你的开发技能。在学习过程中,建议边看视频边动手实践,...

Global site tag (gtag.js) - Google Analytics