首页 > 网站 > WEB开发 > 正文

mxGraph 开发样例展示

2024-04-27 14:21:08
字体:
来源:转载
供稿:网友

mxGraph 开发样例展示

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

由于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.rar与mxGraphDemo.part2.rar,代码仅供学习交流,任何人未经许可不得用于商业用途。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表