[发明专利]前端跨框架通信方法及前端框架结构有效
申请号: | 202111193277.7 | 申请日: | 2021-10-13 |
公开(公告)号: | CN113901143B | 公开(公告)日: | 2022-06-28 |
发明(设计)人: | 赵鑫田;高俊超;蒋林雪;符亮 | 申请(专利权)人: | 北京德塔精要信息技术有限公司 |
主分类号: | G06F16/27 | 分类号: | G06F16/27;G06F16/25 |
代理公司: | 北京细软智谷知识产权代理有限责任公司 11471 | 代理人: | 付登云 |
地址: | 100089 北京市海淀区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 前端 框架 通信 方法 框架结构 | ||
1.一种前端跨框架通信方法,其特征在于,包括:
在确定第一前端开发框架作为外层框架时,将第二前端开发框架以嵌入式框架的形式作为所述第一前端开发框架的内层框架;其中,所述第一前端开发框架包括与所述第二前端开发框架相关联的第一关联组件,所述第二前端开发框架包括与所述第一前端开发框架相关联的第二关联组件;
在所述第一前端开发框架中出现数据变化时,基于所述第一前端开发框架的数据同步方式,通过所述第一关联组件获取所述数据变化,并将所述数据变化发送到所述第二关联组件;
基于所述第二前端开发框架的数据同步方式,通过所述第二关联组件将所述数据变化在所述第二前端开发框架中进行同步;
其中,所述第一前端开发框架和所述第二前端开发框架配置有不同的数据同步方式;
所述第一前端开发框架的数据同步方式包括:
在创建组件时,从预先设立的看板公共数据区域中获取公共变量数据;所述看板公共数据区域用于存储所述第一前端开发框架中的全部事件变化内容作为所述公共变量数据;
第二前端开发框架的数据同步方式包括:
将全部组件的变量进行绑定;
在一个组件的变量值发生变化时,将发生变化后的变量值同步到其他组件。
2.根据权利要求1所述的方法,其特征在于,还包括:
在所述第二前端开发框架中出现数据变化时,基于所述第二前端开发框架的数据同步方式,通过所述第二关联组件获取所述数据变化,并将所述数据变化发送到所述第一关联组件;
基于所述第一前端开发框架的数据同步方式,通过所述第一关联组件将所述数据变化在所述第一前端开发框架中进行同步。
3.根据权利要求1所述的方法,其特征在于,所述第一关联组件和所述第二关联组件基于消息传递函数进行通信。
4.一种前端框架结构,其特征在于,包括:
第一前端开发框架和第二前端开发框架;
所述第一前端开发框架设置为外层框架,所述第二前端开发框架以嵌入式框架的形式设置为所述第一前端开发框架的内层框架;
所述第一前端开发框架包括与所述第二前端开发框架相关联的第一关联组件,所述第二前端开发框架包括与所述第一前端开发框架相关联的第二关联组件;
所述第一关联组件用于在所述第一前端开发框架中出现数据变化时,基于所述第一前端开发框架的数据同步方式,获取所述数据变化并将所述数据变化发送到所述第二关联组件;
所述第二关联组件用于在接收到所述数据变化时,基于所述第二前端开发框架的数据同步方式,将所述数据变化在所述第二前端开发框架中进行同步;
其中,所述第一前端开发框架和所述第二前端开发框架配置有不同的数据同步方式;
所述第一前端开发框架的数据同步方式包括:
在创建组件时,从预先设立的看板公共数据区域中获取公共变量数据;所述看板公共数据区域用于存储所述第一前端开发框架中的全部事件变化内容作为所述公共变量数据;
第二前端开发框架的数据同步方式包括:
将全部组件的变量进行绑定;
在一个组件的变量值发生变化时,将发生变化后的变量值同步到其他组件。
5.根据权利要求4所述的前端框架结构,其特征在于,所述第二关联组件还用于在所述第二前端开发框架中出现数据变化时,基于所述第二前端开发框架的数据同步方式,获取所述数据变化并将所述数据变化发送到所述第一关联组件;
所述第一关联组件还用于在接收到所述数据变化时,基于所述第一前端开发框架的数据同步方式,将所述数据变化在所述第一前端开发框架中进行同步。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京德塔精要信息技术有限公司,未经北京德塔精要信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111193277.7/1.html,转载请声明来源钻瓜专利网。