mxGraph编程之解析xml流程图数据并保存至数据库

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