g6 -TreeGraph案例：任务和任务流关系树图

Posted 2023-04-13

参考技术A React Hook +Antv g6

分别以主题--层次--任务--任务流的维度进行树形管理。并且可以已任务的维度进行检索，均展示名称：

1、安装

2、在componentDidMount生命周期函数中调用接口获取数据

3、给子组件传递属性

4、在子组件useEffect方法中创建实例，监听g6Data属性是否发生变化，第一次变化创建实例，之后每一次更新数据，并重新渲染树图。

5、自定义节点，以任务类型节点为示例

6、自定义节点的点击事件，根据节点的类型和状态来判断，是否展开和收缩子节点。

Flask中g对象,以及g,session,flash之间的区别

一.g对象的使用

g对象用来专门存储用户信息，g的全称的为global

g对象在一次请求中的所有的代码的地方，都是可以使用的

g对象的使用:

• 设置:g.变量名= 变量值
• 获取:g.变量名

注意:g对象比如说在a路由设置只能在a路由中取到g对象,在b路由中没法获得g对象

二.g,session,flash之间的区别

• session 只要设置，在任意请求中都能拿到，无论你拿多少次
• flash 一旦设置，可在任意一次请求中获取，但是只能取一次
• g 在A路由中设置，只能在A路由请求中请求中获取，其它的请求都不能获取