js画图框架--mxgraph--入门
备注:由于工作变动的原因,mxgraph文章没有及时更新,写的比较简陋,希望大家谅解。以后有时间了在更新。这些算是一个引子,希望大家有兴趣的朋友继续研究下去。
1. 下载
在http://www.mxgraph.com/mxgraph.html网站中,下边的Download Now 按钮下载。版本从mxgraph-1_0_0_0.zip到最新版本mxgraph-1_10_4_2.zip ,我们下载最新版本。
解压安装包
解压安装包后是mxgraph目录,目录结果如下:
/ DOC |
文档根目录,包括本用户手册。 |
/ DOTNET |
NET服务器端类 |
/ java中 |
Java服务器端类 |
/ javascript中 |
JavaScript客户端功能。 |
/ JavaScript的/例子 |
HTML示例演示如何使用的mxGraph |
更新日志 |
在不同版本之间的变化详情 |
的index.html |
到图书馆的基本介绍 |
LICENSE.TXT |
的许可条款下,你必须使用这个库 |
2. 环境搭建
本地环境
将【javascript】目录下【examples】和【src】目录拷贝到要测试或者开发的目录
server环境
3. 注意事项
文件路径引用
在要测试或者使用的jsp,php,或者html文件中引用时,要注意文件目录的引用。
在调试或者使用mxGraph的时候,最好使用firefox浏览器
4. 例子
附件ajaxTesst.rar中是我研究mxgraph的工程,引入到myEclipse中,保证程序没有错的情况下,工厂目录如下:
主要是SelectCityServlet.java ,examples目录和web.xml这三个地方。
SelectCityServlet.java 在web.xml中配置的请求处理servlet,主要是doGet方法。
examples目录是存放mxgraph文件的地方,我测试的例子是‘schema-结构定义2.html’这个文件。在里面主要做的是点击导入按钮,将图形编译成XML发送到服务器段,服务器端返回一个xml,mxgraph得到xml解析后显示到图形窗体中。
其中第267行代码的getResult("zs")方法是发送信息到服务器端并返回的。大家可以自己试试。
相关推荐
来自Webpack Typescript入门 如何使用 在本地克隆项目 git clone https://github.com/typed-mxgraph/typed-mxgraph-demo.git 切换到项目目录 cd typed-mxgraph-demo 确保使用节点10 至少在Linux上,该项目未使用...
资源:mxGraph;包含ie,Firefox两个版本;版本号都是1.4.0.0;只带了一个Hello World的示例,其他的例子请自己去官网找吧
mxGraph里头包含源码,以及常用的一些实例,相关介绍可以查阅博客:http://www.cnblogs.com/shawWey/p/7115124.html
这个插件支持在HTML页面中插入流程图,画得很漂亮 :-)
mxgraph-1_10_4_0 官方源码+文档+示例
mxgraph-svg2shape 一套将SVG文件转换为mxGraph资源的工具。 该存储库基于: SVG to XML mxGraph stencil definition translation tool. ... 添加 :将XML mxGraph模具定义转换为一组相应JavaScript /
vue配合mxGraph 入门实例项目,
mxgraph-typescript-定义mxgraph库的打字稿定义。 有人需要吗? 对此加注星标或给我发电子邮件进行协作。 为模块定义的定义等于官方api文档的软件包: : - Each class has its "declare class mxEvent {}"- ...
前段实现mxgraph插件绘制流程图,后台实现保存的xml导出成图片格式,遇到图标没有引用,文字label位置不正确,label换行不识别 标签,linux服务器部署中文字体等问题
java 画图 mxgraph-eval-1_8_0_6
chinese-document全网最详bpmn.js教材-Color篇 - 掘金mxGraph6jinzhanye/mxgraph-demos懒牛不爱梳毛-服务器-前端-mxgraph领域博主vue mxGraph examplemxGraph 用户手册mxGraph JavaScript examplemxGraph 入门实例...
mxGraph开发入门指南
mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。 基于EXTJS. 此附件版权归原作者所有。
安装mxgraph。 cnpm install mxgraph --save 安装exports-loader。 cnpm install exports-loader --save 安装script-loader。 cnpm install script-loader --save 在项目根目录新建vue.config.js文件。 将以下...
在线画图www.draw.io网站的源码,基于mxGraph开发
mxGraph开发入门指南.pdf
mxgraph开发包
基于mxgraph的流程建模js框架,部分实现了fireflow的建模环境
MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..MXGRAPH..