mxGraph 开发样例展示

 前段时间用到mxGraph,主要用于将一款基于Eclipse开发的产品中的算法绘制功能移动到前端,最终在FF浏览器中运行出来的效果如下图所示:

mxGraph 开发样例展示_第1张图片

由于mxGraph中文文档较少,学习的方式主要是基于官方Demo和API的方式:

  demo    http://jgraph.github.io/mxgraph/javascript/index.html

  API     http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.html

开发之初相对困难些,需要熟读API中用到的主要类,如:mxGraph, mxStyleSheet等,入手之后,开发起来就会快速很多!

前端采用DOJO+mxGraph完成,前者用到了DOJO的AJAX,从后台拿到需要绘制的节点和连接信息;

后台关于节点和连接的信息来自于XML文件,我自己写了一段代码,主要用于XML与JSON的互转;

 

相关的代码我已上传:mxGraphDemo.part1.rarmxGraphDemo.part2.rar,代码仅供学习交流,任何人未经许可不得用于商业用途。

你可能感兴趣的:(mxgraph)