[发明专利]跨浏览器动态展示方法和装置

权利要求书

1.一种跨浏览器动态展示装置，其特征在于，包括：

数据引擎：负责流程节点定义，流程节点关系的维护以及节点坐标的定位；

事件引擎：负责鼠标及页面事件响应，以及事件函数定义；

画布引擎：负责画布的绘制，流程图的绘制以及流程图样式的美化调整；

交互引擎：负责跟ERP后台的交互数据定义，交互事件定义，交互数据的转化。

2.根据权利要求1所述的跨浏览器动态展示装置，其特征在于，所述数据引擎，包括流 程节点定义单元、节点关系维护单元和节点坐标定位单元；

所述流程节点定义单元：定义节点的属性；

所述节点关系维护单元：按双向遍历的原则进行节点上下级关系的维护；

所述节点坐标定位单元：负责定位节点的X、Y坐标。

3.根据权利要求1或2所述的跨浏览器动态展示装置，其特征在于，所述事件引擎，包 括，事件响应单元和事件函数定义单元；

所述事件响应单元：响应鼠标的操作事件和页面的操作事件；

所述事件函数定义单元：处理事件函数的定义。

4.根据权利要求3所述的跨浏览器动态展示装置，其特征在于，所述处理事件函数的定 义具体包括，节点的新增、修改、删除或移动事件。

5.根据权利要求2所述的跨浏览器动态展示装置，其特征在于，所述画布引擎，包括画 布绘制单元、流程图绘制单元和样式美化调整单元；

所述画布绘制单元：绘制简单的图形；

所述流程图绘制单元：根据数据引擎模块提供的节点的X、Y坐标，根据定义好的横竖坐 标轴单位宽度，算出该节点的绝对或相对位置，从而完成流程图的绘制；

所述样式美化调整单元，控制流程图的样式。

6.根据权利要求2所述的跨浏览器动态展示装置，其特征在于，所述交互引擎，包括交 互数据定义单元、交互事件定义单元和交互数据转化单元；

所述交互数据定义单元：结合ERP系统中流程数据的格式，定义交互过程中的双方都认 可的数据格式，格式要求符合Json规范；

所述交互事件定义单元：采用Ajax的方式来实现交互事件的编写；

所述交互数据转化单元：把前端流程图的数据转化成用于同ERP交互的BDF格式数据， 同时，把ERP端提供的BDF格式数据，转化成前端流程图数据格式。

7.根据权利要求2所述的跨浏览器动态展示装置，其特征在于，

所述节点坐标定位单元中节点定位具体包括：

确定X坐标：从起始节点开始递归遍历流程图，设定当前节点子节点的X坐标为当前节 点的X坐标+1；

确定Y坐标；

其中，起始节点的X坐标是1，Y坐标是固定的，且位于画布的Y轴中点。

8.根据权利要求7所述的跨浏览器动态展示装置，其特征在于，所述确定Y坐标，具体包 括：

建立节点关系：建立节点上下级关系，在节点中存储上下级节点的信息，方便双向遍 历；

给节点设置初始Y坐标；根据确定的起始节点Y，利用基本公式，递归遍历整个流程图， 给所有节点一个初始的Y坐标，所述基本公式为：y(n)=a+n–0.5*(N+1)，其中a为节点 Y坐标，n代表第n个子节点，N代表该节点子节点数量；

对节点Y坐标进行动态调整。

9.根据权利要求7所述的跨浏览器动态展示装置，其特征在于，

所述对节点Y坐标进行动态调整具体包括：

确定最小分支：若该节点的直接或间接父节点的兄弟节点不是该节点的直接或间接父 节点，则第一次出现的该父节点为该节点的最小分支；

确定值域：当前节点到最小分支节点的Y轴坐标的上下限为该节点的值域；

计算偏移量；

调整兄弟节点：根据计算的偏移量，运用运算法则，调整该节点的兄弟节点及兄弟节点 的子节点的Y坐标，所述运算法则为节点的兄弟节点上移或下移。

10.一种跨浏览器动态展示方法，其特征在于，采用权利要求1至9所述的任一装置绘制 流程图并展示。