【技术实现步骤摘要】
本申请涉及前端开发领域，具体涉及一种渲染引擎数据通信桥接方法及装置。
技术介绍
1、随着web应用的广泛开启，前端程序的开发方式发生了重大转变，从最初只负责处理简单的表单提交，到如今需要承载大型复杂的客户端应用，前端应用中也逐渐开始应用并沉淀一些优秀的设计模式。现有技术中的平面设计工具多采用vue框架实现，vue框架是一种基于mvvm设计模式的前端渲染框架，采用这种框架编写的程序遵循模块化和单一化原则，因此不同元素模块之间相互独立内聚，且在视图层不具备耦合。
2、在前端平面编辑器中，由于使用了mvvm设计模式，不同元素图层均独立执行渲染，这使得现有技术难以切换底层的渲染引擎，渲染性能的上限较低。同时由于现有技术使用的vue框架具有局限性，因此无法将数据模型和渲染引擎分离，使得渲染引擎难以优化。
技术实现思路
1、针对现有技术中的问题，本申请提供一种渲染引擎数据通信桥接方法及装置，能够有效解耦渲染引擎和编辑器，使其仅通过桥接层进行通信，由此可以实现更高效的渲染技术。
2、为了解决上述问题中的至少一个，本申请提供以下技术方案：
3、第一方面，本申请提供一种渲染引擎数据通信桥接方法，应用于一数据桥接层，所述数据桥接层分别与渲染引擎应用层和编辑器层连接，所述方法包括：
4、监测到渲染引擎应用层发送的创建模型指令时，根据所述创建模型指令调用对应的视图模型构建器，并通过所述视图模型构建器构建得到对应的视图模型；
5、监测到编辑器层发送
6、进一步地，所述根据所述创建模型指令调用对应的视图模型构建器，并通过所述视图模型构建器构建得到对应的视图模型，包括：
7、根据所述创建模型指令中的视图模型标识符判断是否已经存在相应的视图模型；
8、若否，则根据所述创建模型指令调用对应的视图模型构建器，并根据所述视图模型构建器构建元素视图模型和页面视图模型。
9、进一步地，所述根据所述视图模型构建器构建元素视图模型，包括：
10、若判断页面元素包含有至少一个子节点，则根据所述视图模型构建器递归构建页面元素所有子树上的元素节点直至与数据层的图层关系一致；
11、根据所述递归构建得到的所有元素节点确定对应的元素视图模型。
12、进一步地，所述根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作，包括：
13、根据所述模型变更销毁指令读取对应的所述视图模型并调用所述视图模型的生命周期管理接口；
14、根据所述视图模型的生命周期管理接口执行模型删除操作，以从所述渲染引擎应用层中移除对应的页面元素。
15、进一步地，所述根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作，还包括：
16、根据所述模型变更销毁指令读取对应的所述视图模型并调用所述视图模型的生命周期管理接口；
17、根据所述视图模型的生命周期管理接口重载页面元素的生命周期管理方法，并执行页面元素更新操作。
18、第二方面，本申请提供一种渲染引擎数据通信桥接装置，应用于一数据桥接层，所述数据桥接层分别与渲染引擎应用层和编辑器层连接，所述装置包括：
19、视图模型创建模块，用于监测到渲染引擎应用层发送的创建模型指令时，根据所述创建模型指令调用对应的视图模型构建器，并通过所述视图模型构建器构建得到对应的视图模型；
20、视图模型变更销毁模块，用于监测到编辑器层发送的模型变更销毁指令时，根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作。
21、进一步地，所述视图模型创建模块包括：
22、去重判断单元，用于根据所述创建模型指令中的视图模型标识符判断是否已经存在相应的视图模型；
23、模型构建单元，用于若否，则根据所述创建模型指令调用对应的视图模型构建器，并根据所述视图模型构建器构建元素视图模型和页面视图模型。
24、进一步地，所述视图模型变更销毁模块包括：
25、生命周期管理单元，用于根据所述模型变更销毁指令读取对应的所述视图模型并调用所述视图模型的生命周期管理接口；
26、模型删除单元，用于根据所述视图模型的生命周期管理接口执行模型删除操作，以从所述渲染引擎应用层中移除对应的页面元素。
27、第三方面，本申请提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述的渲染引擎数据通信桥接方法的步骤。
28、第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现所述的渲染引擎数据通信桥接方法的步骤。
29、第五方面，本申请提供一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现所述的渲染引擎数据通信桥接方法的步骤。
30、由上述技术方案可知，本申请提供一种渲染引擎数据通信桥接方法及装置，通过监测到渲染引擎应用层发送的创建模型指令时，根据所述创建模型指令调用对应的视图模型构建器，并通过所述视图模型构建器构建得到对应的视图模型；监测到编辑器层发送的模型变更销毁指令时，根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作，由此能够有效解耦渲染引擎和编辑器，使其仅通过桥接层进行通信，由此可以实现更高效的渲染技术。
本文档来自技高网...【技术保护点】
1.一种渲染引擎数据通信桥接方法，其特征在于，应用于一数据桥接层，所述数据桥接层分别与渲染引擎应用层和编辑器层连接，所述方法包括：
2.根据权利要求1所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述创建模型指令调用对应的视图模型构建器，并通过所述视图模型构建器构建得到对应的视图模型，包括：
3.根据权利要求2所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述视图模型构建器构建元素视图模型，包括：
4.根据权利要求1所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作，包括：
5.根据权利要求1所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作，还包括：
6.一种渲染引擎数据通信桥接装置，其特征在于，应用于一数据桥接层，所述数据桥接层分别与渲染引擎应用层和编辑器层连接，所述装置包括：
7.根据权利要求6所述的渲染引擎数据通信桥接装置，其特征在于，所述视图模型
8.根据权利要求6所述的渲染引擎数据通信桥接装置，其特征在于，所述视图模型变更销毁模块包括：
9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述的渲染引擎数据通信桥接方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至5任一项所述的渲染引擎数据通信桥接方法的步骤。
...【技术特征摘要】
1.一种渲染引擎数据通信桥接方法，其特征在于，应用于一数据桥接层，所述数据桥接层分别与渲染引擎应用层和编辑器层连接，所述方法包括：
2.根据权利要求1所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述创建模型指令调用对应的视图模型构建器，并通过所述视图模型构建器构建得到对应的视图模型，包括：
3.根据权利要求2所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述视图模型构建器构建元素视图模型，包括：
4.根据权利要求1所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视图模型处理操作，包括：
5.根据权利要求1所述的渲染引擎数据通信桥接方法，其特征在于，所述根据所述模型变更销毁指令读取对应的所述视图模型并执行相应的视...
【专利技术属性】
技术研发人员：董旭，舒云菲，
申请(专利权)人：厦门稿定股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。