【技术实现步骤摘要】
本专利技术实施例涉及计算机，尤其涉及一种组件的渲染方法、装置、设备及存储介质。
技术介绍
1、目前前端领域存在多种主流的技术栈，比如vue、react、angular等。每个技术栈都定义了各自的组件模型，组件之间存在隔阂，无法跨技术栈使用。
2、对于vue技术栈，它的组件通过.vue文件封装组件的html模板、javascript逻辑和css样式。对于react技术栈，组件通过jsx语法混合html和javascript。angular技术栈使用typescript语言编写，通过指令、服务等扩展html。
3、综上所述，现有的组件方案都是针对特定的技术栈设计，组件只能在对应的技术栈中使用，无法跨技术栈使用。这导致同一个组件在不同技术栈下使用，需要编写多个版本的组件，增加了开发和维护的成本。
技术实现思路
1、本专利技术实施例提供一种组件的渲染方法、装置、设备及存储介质，能够实现不同技术栈的组件可以跨栈使用，降低开发和维护的成本。
2、第一方面，本专利技术实施例提供了一种组件的渲染方法，包括：
3、基于组件模板生成第一组件；
4、基于预设转换器将所述第一组件转换为第二组件；
5、将所述第二组件和组件信息进行打包，获得组件包；其中，所述组件信息包括组件依赖和组件资源；
6、采用组件容器渲染所述组件包。
7、第二方面，本专利技术实施例还提供了一种组件的渲染装置，该装置包括：
8、组
9、组件转换模块，用于基于预设转换器将所述第一组件转换为第二组件；
10、组件包获得模块，用于将所述第二组件和组件信息进行打包，获得组件包；其中，所述组件信息包括组件依赖和组件资源；
11、组件渲染模块，用于采用组件容器渲染所述组件包。
12、第三方面，本专利技术实施例还提供了一种电子设备，所述电子设备包括：
13、至少一个处理器；以及
14、与所述至少一个处理器通信连接的存储器；其中，
15、所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本专利技术实施例所述的组件的渲染方法。
16、第四方面，本专利技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本专利技术实施例所述的组件的渲染方法。
17、本专利技术实施例公开了一种组件的渲染方法、装置、设备及存储介质，包括：基于组件模板生成第一组件；基于预设转换器将第一组件转换为第二组件；将第二组件和组件信息进行打包，获得组件包；其中，组件信息包括组件依赖和组件资源；采用组件容器渲染组件包。本专利技术实施例提供的组件的渲染方法，根据组件模板生成第一组件，将第一组件转换为第二组件，将第二组件和组件信息打包，采用组件容器渲染组件包，解决了组件只能在对应的技术栈中使用，无法跨技术栈使用的问题，降低了开发和维护的成本。
本文档来自技高网...【技术保护点】
1.一种组件的渲染方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，基于组件模板生成第一组件，包括：
3.根据权利要求1所述的方法，其特征在于，采用组件容器渲染所述组件包，包括：
4.根据权利要求3所述的方法，其特征在于，根据所述组件类型渲染所述组件包，包括：
5.根据权利要求1所述的方法，其特征在于，在将所述第二组件和组件信息进行打包，获得组件包之后，还包括：
6.根据权利要求3所述的方法，其特征在于，在采用组件容器渲染所述组件包之后，还包括：
7.根据权利要求6所述的方法，其特征在于，根据所述组件类型更新所述组件包，包括：
8.一种组件的渲染装置，其特征在于，包括：
9.一种电子设备，其特征在于，所述电子设备包括：
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的组件的渲染方法。
【技术特征摘要】
1.一种组件的渲染方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，基于组件模板生成第一组件，包括：
3.根据权利要求1所述的方法，其特征在于，采用组件容器渲染所述组件包，包括：
4.根据权利要求3所述的方法，其特征在于，根据所述组件类型渲染所述组件包，包括：
5.根据权利要求1所述的方法，其特征在于，在将所述第二组件和组件信息进行打包，获得组件包之后，还包括：
6.根据权利要...
【专利技术属性】
技术研发人员：王匡胤，王朝传，李达，
申请(专利权)人：新奥新智科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。