mxGraph是一套前端流程图控件库,通过它,你可以表示出清晰的流程图界面,可以更好地展示数据之间的相关性
mxGraph后台存储数据的时候用的是xml,虽然在上期我也说了,xml数据可以直接由mxGraph系统解析并加载出来,但是有些时候,我们需要将用户拖拉出来的流程图保存起来,然后供我们使用。
我们这边做项目的时候,碰见过一个需求,就是用户通过浏览器拖拉出来的流程图,保存之后,再由我们的客户端软件进行解析,然后按照指定的流程顺序完成对应的动作
思路其实不难,就是我们要有一张表可以记录流程块与动作之间的对应关系,同时也要有字段可以与其他流程块进行关联,同时还要与流程本身进行联系,实操起来不是难事。
关键在于xml数据转化成我们自定义流程块数据的方式
那我们先看一个典型的mxGraph的xml数据的格式:
<mxGraphModel>
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="2" value="流程块1" vertex="1" connectable="0" parent="1">
<mxGeometry x="170" y="130" width="160" height="50" as="geometry">
<mxRectan