`
JavaCrazyer
  • 浏览: 3012194 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类

mxGraph开发中将xml或者mxe文件还原为流程图的过程

阅读更多

  昨天开始翻看JGraph的web方面的资料,为了配合JGraph程序画出的流程图能在WEB层展现出来,刚开始就被迷惑了,上网一搜资料,傻了眼,没想到出了这么久的JGraph竟然没有资料,更没有专业文章介绍怎么使用,晕死。不得已找了一下午还是没有找到什么有价值的资料。结果还是仔细研读我从官网上下的mxGraph的资料包,倒腾了许久没头目,看了看他的示例也没发现什么能还原mxe文件的,结果找啊找,当我运行起一个叫做fileio.html的网页时,我查看源码发现了玄机,里面有一句是这么写的 read(graph, ‘fileio.xml');既然有读取文件的了肯定有头目了,但是例子中这行代码被注释掉了,有一句parse(graph, 'fileio.txt')刚开始没注意这个就直接把read的哪行注释取消了,结果也没发生变化,想到,难道是没有读取文件?后来干脆就将parse这行代码注释,结果我的mxe文件终于出来了,高兴坏了,美中不足的是我原来的流程图中有的图片还不能显示,不过做到这步挺不容易的赶紧记录下来了。

  官方网站:http://www.jgraph.com/

  例子所在:javascript/exzamples/fileio.html

  将javascript文件直接复制到webroot下运行就可以了

2
0
分享到:
评论
3 楼 jeffreyQ 2014-07-23  
ami1984 写道
我的不行,读取时js错误提示“拒绝访问”,不知道是何故?

同问,调试了下mxgraph.js的代码,发现有XMLHttpRequest对象,难道必须放到web容器中才不会出错?
2 楼 xiaoyongzeng 2012-03-16  
不错,兄弟,我今天按照它的DEMO,把ER图的XML给导进去了。。。
1 楼 ami1984 2011-09-07  
我的不行,读取时js错误提示“拒绝访问”,不知道是何故?

相关推荐

    mxGraph插件,java代码xml导出成图片

    在这个场景中,我们需要利用mxGraph前端插件来绘制流程图,并通过Java后端将XML数据转换为图片。 在前端部分,mxGraph允许用户通过JavaScript代码动态构建图形,这些图形可以是流程图、组织结构图等。用户可以...

    mxgraph svg2xml

    mxgraph自定义图元很难调试,这个工具可以通过svg转为xml ,通过微调达到图元定义的目的

    mxgraph.zip

    mxGraph是一款强大的JavaScript库,专用于创建交互式图形应用程序,如流程图、拓扑图和其他可视化图表。...这使得mxGraph成为开发图形界面、流程图和拓扑图等应用的理想选择,尤其适用于需要图形可视化操作的业务场景。

    mxGraph图形嵌入开发

    mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javescript写的前端程序,也包括多个和后端程序(java/C#等等)集成的例子。以下...

    基于mxGraph来做的一款web的绘制流程图的javascript库工具mxGraph_gpx.zip

    mxGraph是一款强大的JavaScript库,专为在Web上创建和编辑图形和流程图而设计。它提供了丰富的功能,允许用户通过简单易用的API构建复杂的图形界面。基于mxGraph的工具通常用于业务流程建模、软件设计、网络架构可视...

    mxGraph:在HTML页面中制作流程图的JS插件

    mxGraph是一款强大的JavaScript库,专为在Web应用中创建交互式和可编辑的图形界面而设计,特别是用于绘制流程图、组织结构图、网络拓扑图等。它以其丰富的功能集、灵活性和高性能而在IT领域受到广泛欢迎。下面将详细...

    mxGraph开发入门指南

    mxGraph 是一款强大的JavaScript绘图组件,主要用于在Web应用程序中创建和编辑流程图、图表、网络图以及其他图形。它不仅提供了前端的JavaScript实现,还包含了与后端多种语言(如Java、C#)集成的示例,使得开发者...

    mxGraph流程图js包

    7. **导入导出**:mxGraph支持XML格式的数据交换,可以将图形布局保存到文件,或者从文件加载图形,便于数据持久化和分享。 8. **API文档和社区**:mxGraph官网提供详尽的API文档,帮助开发者快速上手。同时,活跃...

    在线画图wwwdrawio网站的源码基于mxGraph开发

    www.draw.io是一个广受欢迎的在线画图工具,它允许用户创建各种流程图、网络图、UML图等,无需安装任何软件,只需一个浏览器即可完成。其核心功能的实现得益于一个强大的图形库——mxGraph。在深入探讨www.draw.io的...

    mxgraph流程图绘制

    Based on the latest web technologies, mxGraph is the ultimate component for drawing diagrams in a browser. Using open standards, mxGraph does not depend on any third-party plugins and proprietary ...

    mxGraph流程图

    5. **导入导出**:mxGraph支持XML格式的数据交换,可以方便地将流程图保存和加载,同时也可与其他软件(如Visio)进行数据互换。 6. **布局算法**:内置多种自动布局算法,如层次布局、力导向布局等,帮助用户快速...

    mxGraph JS 绘图组件

    mxGraph 是一个 JS 绘图组件适用于需要在网页中设计/编辑 ... 程图、图表、网络图和普通图形的 Web 应用程序。mxgraph 下载包中包括用  javescript 写的前端程序,也包括多个和后端程序(java/C#等等)集成的例  子。

    mxGraph开发入门指南.pdf

    mxGraph为开发者提供了一套功能强大的工具集,允许快速开发复杂的图形应用程序。通过理解上述概念和示例代码,开发者可以入门mxGraph,并将其应用于自己的Web项目中,创建动态和交互式的图形界面。尽管文档可能存在...

    mxgraph开发包

    `mxGraph`广泛应用于业务流程图、网络拓扑图、数据可视化、UML图、电路图等领域,尤其适用于需要在线编辑和协作的项目。例如,它可以用于构建流程管理工具、系统架构设计工具、在线图表编辑器等。 总结来说,`...

    mxGraph 破解版备份 流程图 绘制

    mxGraph 破解版备份 流程图 绘制

    svg2xml:SVG到XML mxGraph模具定义转换工具

    svg2xml SVG到XML mxGraph模具定义转换工具。 它是为内部使用而创建的,因此还有很多未完成的事情。 要编译并运行此程序,请使用ant或以下命令。... 如果选择多个文件,则将为所选模板生成单个模板XML文件

    mxgraph.MXGRAPH..MXGRAPH..

    MXGRAPH通常指的是一个开源的JavaScript图形库,用于创建可交互的图表和流程图,但它与音乐文件无关。如果您需要关于MXGRAPH的详细信息,我可以提供如下内容: MXGRAPH是一个强大的图形编辑框架,主要用于创建富...

    mxgraph1.02WEB图形设计

    总的来说,"mxgraph1.02WEB图形设计"为Web开发人员提供了一个强大而灵活的平台,用于构建图形界面和流程设计工具。利用EXTJS的UI组件和mxGraph的图形引擎,开发者可以创建出功能丰富、交互性强的应用程序,满足各种...

    mxgraph editor

    **mxgraph Editor** 是一款基于JavaScript的开源图形编辑器,专为绘制流程图、工作流、拓扑图等图表设计。它使用了mxGraph库,一个功能强大的图形渲染和操作库,提供了丰富的图形编辑功能。 **mxGraph核心概念:** ...

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

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

Global site tag (gtag.js) - Google Analytics