本公开提供了一种跨开发框架的组件转换方法、处理系统和组件转换装置。该方法包括：从基础库获取预设转换编译脚本和预设模板；从组件层获取待处理组件，其中，待处理组件是由第一开发框架构建得到；以及利用预设转换编译脚本和预设模板，将待处理组件转换为原生组件，其中，原生组件是由基于浏览器的原生组件开发框架构建得到。框架构建得到。框架构建得到。
【技术实现步骤摘要】
跨开发框架的组件转换方法、处理系统和组件转换装置
[0001]本公开涉及计算机
，更具体地，涉及一种跨开发框架的组件转换方法、跨框架组件的处理系统、组件转换装置、计算机系统和计算机可读存储介质。
技术介绍
[0002]随着计算机技术的快速发展，越来越多的开发框架用于组件的构建，其中不同开发框架构建的组件与其对应的开发框架之间具有强耦合关系。
[0003]在实现本公开构思的过程中，专利技术人发现相关技术中至少存在如下问题：不同开发框架构建的组件不能在不同的技术栈环境下通用，且对不同框架构建的组件进行维护的成本较高。
技术实现思路
[0004]有鉴于此，本公开提供了一种跨开发框架的组件转换方法、跨框架组件的处理系统、组件转换装置、计算机系统和计算机可读存储介质。
[0005]本公开的一个方面提供了一种跨开发框架的组件转换方法，包括：
[0006]从基础库获取预设转换编译脚本和预设模板；
[0007]从组件层获取待处理组件，其中，上述待处理组件是由第一开发框架构建得到；以及
[0008]利用上述预设转换编译脚本和上述预设模板，将上述待处理组件转换为原生组件，其中，上述原生组件是由基于浏览器的原生组件开发框架构建得到。
[0009]根据本公开的实施例，上述待处理组件包括组件生命周期和组件参数；
[0010]其中，上述利用预设转换编译脚本和上述预设模板，将上述待处理组件转换为原生组件，包括：
[0011]利用上述预设转换编译脚本，将上述组件生命周期转换为第一原生组件生命周期和第二原生组件生命周期；
[0012]利用上述预设转换编译脚本，将上述组件参数转换为原生参数；
[0013]基于上述预设模板，根据上述第一原生组件生命周期、上述第二原生组件生命周期和上述原生参数生成上述原生组件。
[0014]根据本公开的实施例，组件转换方法还包括：
[0015]在确定上述组件参数发生变更的情况下，生成参数变更通知；
[0016]利用上述参数变更通知更新上述第二原生组件生命周期，得到新的第二原生组件生命周期。
[0017]根据本公开的实施例，上述待处理组件还包括组件事件和组件样式；
[0018]其中，上述利用预设转换编译脚本和上述预设模板，将上述待处理组件转换为原生组件，还包括：
[0019]利用上述预设转换编译脚本，将上述组件事件转换为原生组件事件；
[0020]利用上述预设转换编译脚本，将上述组件样式转换为原生组件样式；
[0021]基于上述预设模板，根据上述第一原生组件生命周期、上述第二原生组件生命周期、上述原生参数、上述原生组件事件和上述原生组件样式生成上述原生组件。
[0022]根据本公开的实施例，上述组件生命周期包括挂载周期、销毁周期和已更新周期；
[0023]上述利用上述预设转换编译脚本，将上述组件生命周期转换为第一原生组件生命周期和第二原生组件生命周期，包括：
[0024]利用上述预设转换编译脚本，将上述挂载周期转换为原生挂载周期；
[0025]利用上述预设转换编译脚本，将上述销毁周期转换为原生销毁周期；
[0026]利用上述预设转换编译脚本，将上述已更新周期转换为原生已更新周期，其中，上述原生已更新周期用于表征上述第二原生组件生命周期；以及
[0027]根据上述原生挂载周期和上述原生销毁周期生成上述第一原生组件生命周期。
[0028]根据本公开的实施例，组件转换方法还包括：
[0029]对上述原生组件进行打包，生成原生组件包；以及
[0030]将上述原生组件包存储于资源包管理器中。
[0031]根据本公开的实施例，上述第一开发框架包括Vue开发框架或React开发框架，上述原生组件开发框架包括Web Components开发框架。
[0032]本公开的另一个方面提供了一种跨框架组件的处理系统，包括：
[0033]基础库，用于存储预设转换编译脚本和创建预设模板；
[0034]组件层，用于存储待处理组件，其中，上述待处理组件是由第一开发框架构建得到；
[0035]桥梁层，用于利用从上述基础库获取到的预设模板和预设转换编译脚本，将从上述组件层获取到的上述待处理组件转换为原生组件，其中，上述原生组件是由基于浏览器的原生组件开发框架构建得到。
[0036]根据本公开的实施例，跨框架组件的处理系统还包括：
[0037]资源层，用于存储原生组件包，其中，上述原生组件包是上述桥梁层对上述原生组件进行打包生成的。
[0038]本公开的另一个方面提供了一种跨开发框架的组件转换装置，包括：
[0039]第一获取模块，用于从基础库获取预设转换编译脚本和预设模板；
[0040]第二获取模块，用于从组件层获取待处理组件，其中，上述待处理组件是由第一开发框架构建得到；以及
[0041]转换模块，用于利用上述预设转换编译脚本和上述预设模板，将上述待处理组件转换为原生组件，其中，上述原生组件是由基于浏览器的原生组件开发框架构建得到。
[0042]本公开的另一方面提供了一种计算机系统，包括：
[0043]一个或多个处理器；
[0044]存储器，用于存储一个或多个程序，
[0045]其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现上述方法。
[0046]本公开的另一方面提供了一种计算机可读存储介质，存储有计算机可执行指令，所述指令在被执行时用于实现本公开实施例所述的方法。
[0047]本公开的另一方面提供了一种计算机程序，所述计算机程序包括计算机可执行指令，所述指令在被执行时用于实现本公开实施例所述的方法。
[0048]根据本公开的实施例，利用预设转换编译脚本和预设模板，将第一开发框架构开发的待处理组件转换成原生组件，由于原生组件是基于浏览器的原生组件开发框架构建的，因此使得转换后的原生组件能够运行在任意框架中，且维护时只需要维护原生组件，不需要维护不同框架下的待处理组件，所以至少部分地克服了不同开发框架构建的组件不能在不同的技术栈环境下通用，且对不同框架构建的组件进行维护的成本较高的技术问题，进而达到了能够转换后的原生组件可以在不同处理框架内复用，且降低了维护成本的技术效果。
附图说明
[0049]通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：
[0050]图1示意性示出了根据本公开实施例的应用组件转换方法的示例性系统架构；
[0051]图2示意性示出了根据本公开实施例的组件转换方法的流程图；
[0052]图3示意性示出了根据本公开实施例的组件转换方法的转换编译逻辑图；
[0053]图4示意性示出了根据本公开实施例的跨框架组件的处理系统的架构示意图；
[0054]图5示意性本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种跨开发框架的组件转换方法，包括：从基础库获取预设转换编译脚本和预设模板；从组件层获取待处理组件，其中，所述待处理组件是由第一开发框架构建得到；以及利用所述预设转换编译脚本和所述预设模板，将所述待处理组件转换为原生组件，其中，所述原生组件是由基于浏览器的原生组件开发框架构建得到。2.根据权利要求1所述的方法，其中，所述待处理组件包括组件生命周期和组件参数；其中，所述利用预设转换编译脚本和所述预设模板，将所述待处理组件转换为原生组件，包括：利用所述预设转换编译脚本，将所述组件生命周期转换为第一原生组件生命周期和第二原生组件生命周期；利用所述预设转换编译脚本，将所述组件参数转换为原生参数；基于所述预设模板，根据所述第一原生组件生命周期、所述第二原生组件生命周期和所述原生参数生成所述原生组件。3.根据权利要求2所述的方法，还包括：在确定所述组件参数发生变更的情况下，生成参数变更通知；利用所述参数变更通知更新所述第二原生组件生命周期，得到新的第二原生组件生命周期。4.根据权利要求2所述的方法，其中，所述待处理组件还包括组件事件和组件样式；其中，所述利用预设转换编译脚本和所述预设模板，将所述待处理组件转换为原生组件，还包括：利用所述预设转换编译脚本，将所述组件事件转换为原生组件事件；利用所述预设转换编译脚本，将所述组件样式转换为原生组件样式；基于所述预设模板，根据所述第一原生组件生命周期、所述第二原生组件生命周期、所述原生参数、所述原生组件事件和所述原生组件样式生成所述原生组件。5.根据权利要求2所述的方法，其中，所述组件生命周期包括挂载周期、销毁周期和已更新周期；所述利用所述预设转换编译脚本，将所述组件生命周期转换为第一原生组件生命周期和第二原生组件生命周期，包括：利用所述预设转换编译脚本，将所述挂载周期转换为原生挂载周期；利用所述预设转换编译脚本，将所述销毁周期转换为原生销毁周期；利...
【专利技术属性】
技术研发人员：肖允伟，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。