资 源 简 介
Web版的流程图设计器WorkFlowBS,实现目标:
1 将所有的节点自动排序
2 解决连线的重叠问题
分析:
1 设置每个节点的parentNode和childNode
2 找到一个parentNode 为null的做为树根设坐标(row=0,0)
3 判断childNode的节点数为每个子节点设置坐标(row+1,col),
3.1 子节点的位置(row+1,fa.col+(i-(total/2)))
4 如果坐标位置被占用,那么修改父节点坐标,使其col++ ,重复3
4.1 判断占用关键是看col因为是自顶到下的,所以row不会重复
5 设置完这个节点的子节点以后,设置这个节点为已操作already=1
6 查找一个父节点不为空already=0的节点,重复3
7 重复2
8 完成节点的坐标设置,进行位移
9 建立两点之间的连线
10 写连线的名称和备注(选)
11 判断如果两个连线的midPoint重叠,就左右移开
12 如果连线的midPoint和node重叠,就移开