数据协议设计

思考：该工作流如何用json进行抽象？

答案：

1.将trigger触发器，new_tab新建标签页，scroll滚动元素作一个抽象，

 

两大因素：

- 节点

 --trigger

 --new_tab

 --scroll

- 边

  -从哪来from/source

  -到哪去to/target

- js

 

nodes:[

{

type:'common',//类型

data:{

id:'trigger_1',//用于节点之间的关联

node_type:'trigger',//节点类型

name:'用户1'

}

},

{

type:'common',//类型

data:{

id:'new_tab_1',

node_type:'new_tab',//节点类型

name:'用户1'

}

},

{

type:'common',//类型

data:{

id:'scroll_1',

node_type:'scroll',//节点类型

name:'用户1'

}

},

],

, //节点 3个节点，所以3个对象

 

edges:[

{

id:'edge-1',

source:'trigger_1',//从trigger_1来

target:'new_tab_1',//到new_tab_1去

},

{

id:'edge-2',

source:'new_tab_1',

target:'scroll_1',

},

]

 //边 3条边，所以2个边