【技术实现步骤摘要】
本专利技术涉及计算机图形处理，尤其涉及一种图编辑引擎节点的通信方法、图编辑引擎系统及存储介质。
技术介绍
1、图编辑引擎antv x6节点用于构建各种类型的图形，包括流程图，组织结构图等。以便构建的图形应用于各个领域，帮助用户更好地理解和利用数据。
2、当前的图编辑引擎antv x6节点中，仅支持原生的矢量图形格式svg(scalablevector graphics)，纯文本和超文本标记语言html(hypertext markup language)的嵌入。为了实现一些复杂场景的应用功能，例如右键菜单，下拉工具框，弹出对话框以及需要更美观的样式时，使用原生的html难以实现。因此通过引入vue实例来解决上述问题，以利用vue的特性实现组件化开发和响应式数据绑定。
3、引入vue实例的图编辑引擎节点在进行内部通信时，若一图形节点通过emit方法触发一个事件，传递信息，这个事件会被图形初始化组件监听到，然后触发对应的handler函数进行处理，在handler函数中先获取当前图形的graph实例，通过graph实例找到目标节点，再修改目标节点的数据实现数据传输。上述方法通过层层冒泡的方式解决图形节点的内部通信，实现起来流程复杂，节点定义组件的内容复杂，同时要进行节点交互必须再借助graph实例，事件传递的层级太多，从而导致通信效率较低。
技术实现思路
1、有鉴于此，本专利技术实施例提供一种图编辑引擎节点的通信方法、图编辑引擎系统及存储介质，以解决现有技术中存
2、为实现上述目的，本专利技术实施例提供如下技术方案：
3、本专利技术实施例第一方面示出了一种图编辑引擎节点的通信方法，应用于图编辑引擎系统，所述图编辑引擎系统包括图形节点，与所述图形节点连接的vue节点实例，所有所述vue节点实例均通过总线bus进行连接，所述图形节点的数量为多个，所述方法包括：
4、所述与所述图形节点连接的vue节点实例基于用户在所述图形节点上的行为操作生成待处理事件时，将所述待处理事件在所述总线bus上进行广播，所述待处理事件携带有节点标识或者事件标识；
5、若其他的某所述vue节点实例确定所述待处理事件验证通过，基于对应的处理函数对所述待处理事件进行处理，以实现多个图形节点的通信。
6、可选的，所述vue节点实例内设置有触发器和监听器，所述方法还包括：
7、所述与所述图形节点连接的vue节点实例基于用户在所述图形节点上的行为操作生成待处理事件时，所述触发器触发所述待处理事件，以在所述总线bus上进行广播，所述待处理事件携带有节点标识或者事件标识；
8、若其他的某所述vue节点实例的监听器监听到所述待处理事件，且确定所述待处理事件验证通过，基于对应的处理函数对所述待处理事件进行处理，以实现多个图形节点的通信。
9、可选的，所述若其他的某所述vue节点实例确定所述待处理事件验证通过，包括：
10、每一所述vue节点实例的监听器均监听所述总线bus，若监听到所述待处理事件，对所述待处理事件所携带的节点标识进行验证；
11、判断所述待处理事件所携带的节点标识是否与预设节点标识一致；
12、若一致，确定验证通过。
13、可选的，所述图编辑引擎系统还包括外部组件，所述外部组件通过总线bus与每一所述vue节点实例连接，所述方法还包括：
14、所述外部组件的监听器监听所述总线bus上存在携带有事件标识的待处理事件时，从所述总线bus上获取与预设事件标识一致的事件标识的待处理事件；
15、对所述待处理事件进行处理。
16、可选的，所述图编辑引擎系统还包括第一抽屉组件，所述第一抽屉组件通过总线bus与每一所述vue节点实例连接，所述方法还包括：
17、若任一所述图形节点触发新增主节点按钮时，与所述图形节点对应的vue节点实例基于所述新增主节点按钮的操作通过总线打开新增节点对应的所述第一抽屉组件；
18、所述第一抽屉组件获取用户输入的新增主节点参数，并存储所述新增主节点参数；
19、所述第一抽屉组件通过总线bus向所述vue节点实例发送确认事件，以便所述用户通过所述vue节点实例对应的图形节点反馈确定生成信息；
20、所述vue节点实例基于所述确定生成信息，基于确定生成信息利用对应的处理函数将所述第一抽屉组件处理生成对应的新增主节点。
21、可选的，所述图编辑引擎系统还包括第二抽屉组件，所述第二抽屉组件通过总线bus与每一所述vue节点实例连接，所述方法还包括：
22、若任一所述图形节点触发对应的步骤编辑按钮时，与所述图形节点对应的vue节点实例显示对应可编辑步骤，以便用户通过对应的所述图形节点选择；
23、与所述图形节点对应的vue节点实例基于用户通过对应的图形节点选择的步骤的属性信息生成步骤编辑事件，并通过总线广播；
24、所述vue节点实例基于步骤编辑事件通过总线打开第二抽屉组件，以便修改所述vue节点实例中对应的节点步骤。
25、可选的，所述图编辑引擎系统还包括数据缓存中心，所述方法还包括：
26、若任一所述图形节点触发数据缓存时，与所述图形节点对应的vue节点实例基于数据缓存生成对应的缓存事件，并通过所述总线bus广播，以传递携带有节点的节点标识和缓存数据的缓存事件；
27、所述数据缓存中心监听到所述缓存事件后，确定所述缓存事件中携带的节点标识是否验证通过；若验证通过，则执行将所述缓存事件中的内容存储至所述数据缓存中心的哈希表中。
28、可选的，所述方法还包括：
29、若任一图形节点触发第一事件时，与所述图形节点对应的vue节点实例通过所述总线bus将所述第一事件进行广播，以传递携带有节点的节点标识和第一信息的第一事件；
30、若所述第一事件为数据读取事件，所述数据缓存中心监听到所述第一事件时，根据所述第一事件的中的节点标识从哈希表中取出对应的节点数据；
31、若所述第一事件为数据修复事件，所述数据缓存中心监听到所述第一事件时，根据所述第一事件的中的节点标识从哈希表中取出对应的节点数据，并基于所述节点数据生成数据写入事件；
32、所述数据缓存中心将所述数据写入事件通过总线bus进行广播；
33、总线上的所有vue节点实例都会监听到数据写入事件，并将所述数据写入事件中传递的节点标识与预设节点标识进行匹配；
34、若匹配，所述vue节点实例触发相应的处理函数以基于数据写入事件写入对应的数据。
35、本专利技术实施例第二方面示出了一种图编辑引擎系统，所述图编辑引擎系统包括图形节点，与所述图形节点连接的vue节点实例，所有所述vue节点实例均通过总线bus进行连接；
36、所述与所述图形节点连接的vue节点实本文档来自技高网...
【技术保护点】
1.一种图编辑引擎节点的通信方法，其特征在于，应用于图编辑引擎系统，所述图编辑引擎系统包括图形节点，与所述图形节点连接的VUE节点实例，所有所述VUE节点实例均通过总线BUS进行连接，所述图形节点的数量为多个，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述VUE节点实例内设置有触发器和监听器，所述方法还包括：
3.根据权利要求1所述的方法，其特征在于，所述若其他的某所述VUE节点实例确定所述待处理事件验证通过，包括：
4.根据权利要求1所述的方法，其特征在于，所述图编辑引擎系统还包括外部组件，所述外部组件通过总线BUS与每一所述VUE节点实例连接，所述方法还包括：
5.根据权利要求1所述的方法，其特征在于，所述图编辑引擎系统还包括第一抽屉组件，所述第一抽屉组件通过总线BUS与每一所述VUE节点实例连接，所述方法还包括：
6.根据权利要求1所述的方法，其特征在于，所述图编辑引擎系统还包括第二抽屉组件，所述第二抽屉组件通过总线BUS与每一所述VUE节点实例连接，所述方法还包括：
7.根据权利要求1
8.根据权利要求7所述的方法，其特征在于，所述方法还包括：
9.一种图编辑引擎系统，其特征在于，所述图编辑引擎系统包括图形节点，与所述图形节点连接的VUE节点实例，所有所述VUE节点实例均通过总线BUS进行连接；
10.一种存储介质，其特征在于，所述存储介质包括存储程序，其中，在所述程序运行时控制所述存储介质所在设备执行如权利要求1-8中任一所述的图编辑引擎节点的通信方法。
...【技术特征摘要】
1.一种图编辑引擎节点的通信方法，其特征在于，应用于图编辑引擎系统，所述图编辑引擎系统包括图形节点，与所述图形节点连接的vue节点实例，所有所述vue节点实例均通过总线bus进行连接，所述图形节点的数量为多个，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述vue节点实例内设置有触发器和监听器，所述方法还包括：
3.根据权利要求1所述的方法，其特征在于，所述若其他的某所述vue节点实例确定所述待处理事件验证通过，包括：
4.根据权利要求1所述的方法，其特征在于，所述图编辑引擎系统还包括外部组件，所述外部组件通过总线bus与每一所述vue节点实例连接，所述方法还包括：
5.根据权利要求1所述的方法，其特征在于，所述图编辑引擎系统还包括第一抽屉组件，所述第一抽屉组件通过总线bu...
【专利技术属性】
技术研发人员：吴鹏，
申请(专利权)人：北京经纬恒润科技股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。