一种组件处理方法、装置、电子设备及可读存储介质制造方法及图纸

本发明专利技术实施例提供了一种组件处理方法、装置、电子设备及可读存储介质，以提高渲染能力，应用于网络技术领域。该方法中，在小程序的运行阶段，基于小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例。基于预创建的实例管理器，确定各第三方组件实例对应的原生小程序组件实例，并将第三方组件实例对应的特定属性信息的渲染信息传递给对应的原生小程序组件实例。基于对应的原生小程序组件实例，根据渲染信息渲染特定属性信息。这样，基于实例管理器在第三方组件实例与原生小程序组件实例之间传递特定属性信息的渲染信息，使得原生小程序组件实例可以拿到渲染信息并进行特定属性信息的渲染，进而可以提高渲染能力。提高渲染能力。提高渲染能力。

【技术实现步骤摘要】
一种组件处理方法、装置、电子设备及可读存储介质


[0001]本专利技术属于网络
，特别是涉及一种组件处理方法、装置、电子设备及可读存储介质。

技术介绍

[0002]随着网络技术的不断发展，小程序在各平台上的应用越来越多。目前，为了使开发的小程序代码可以在不同平台上跨端运行，会使用第三方语法框架创建第三方框架组件，以实现开发小程序。例如，基于React语法框架创建React小程序组件，以将React代码直接运行在小程序环境中。但是，这种方式中不支持和对特定属性信息进行渲染，渲染能力较弱。

技术实现思路

[0003]本专利技术提供一种组件处理方法、装置、电子设备及可读存储介质，以提高渲染能力。
[0004]第一方面，本专利技术提供一种组件处理方法，所述方法包括：
[0005]在小程序的运行阶段，基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例；
[0006]基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，并将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例；
[0007]基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息。
[0008]可选的，所述方法还包括：
[0009]基于所述代码文件中的管理器组件创建所述实例管理器；
[0010]将各所述第三方组件实例以及各所述原生小程序组件实例的实例ID注册至所述实例管理器；对应同一第三方框架组件的第三方组件实例以及原生小程序组件实例的实例ID相同；
[0011]所述基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，包括：对于任一所述第三方组件实例，通过所述实例管理器查找实例ID与所述第三方组件实例的实例ID相适配的原生小程序组件实例，以作为所述第三方组件实例对应的原生小程序组件实例。
[0012]可选的，所述将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例，包括：
[0013]将所述特定属性信息转换为树型数据，得到所述渲染信息；
[0014]基于预设的传递方式将所述渲染信息传递给所述对应的原生小程序组件实例。
[0015]可选的，所述基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述
特定属性信息，包括：
[0016]基于所述对应的原生小程序组件实例调用预设的原生渲染组件，以对所述渲染信息进行递归渲染；其中，所述原生渲染组件预先内置在所述代码文件中。
[0017]可选的，所述基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例，包括：
[0018]获取所述代码文件中所述第三方框架组件对应的已编译代码；所述已编译代码是在所述第三方框架组件的编译阶段生成的；
[0019]基于所述已编译代码，创建所述第三方组件实例以及所述原生小程序组件实例。
[0020]可选的，所述第三方框架包括React语法框架，所述特定属性信息包括JSX属性信息。
[0021]第二方面，本专利技术提供一种组件处理装置，所述装置包括：
[0022]第一创建模块，用于在小程序的运行阶段，基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例；
[0023]确定模块，用于基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，并将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例；
[0024]渲染模块，用于基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息。
[0025]可选的，所述装置还包括：
[0026]第二创建模块，用于基于所述代码文件中的管理器组件创建所述实例管理器；
[0027]注册模块，用于将各所述第三方组件实例以及各所述原生小程序组件实例的实例ID注册至所述实例管理器；对应同一第三方框架组件的第三方组件实例以及原生小程序组件实例的实例ID相同；
[0028]所述确定模块，具体用于：对于任一所述第三方组件实例，通过所述实例管理器查找实例ID与所述第三方组件实例的实例ID相适配的原生小程序组件实例，以作为所述第三方组件实例对应的原生小程序组件实例。
[0029]可选的，所述确定模块，还具体用于：
[0030]将所述特定属性信息转换为树型数据，得到所述渲染信息；
[0031]基于预设的传递方式将所述渲染信息传递给所述对应的原生小程序组件实例。
[0032]可选的，所述渲染模块，具体用于：
[0033]基于所述对应的原生小程序组件实例调用预设的原生渲染组件，以对所述渲染信息进行递归渲染；其中，所述原生渲染组件预先内置在所述代码文件中。
[0034]可选的，所述第一创建模块，具体用于：
[0035]获取所述代码文件中所述第三方框架组件对应的已编译代码；所述已编译代码是在所述第三方框架组件的编译阶段生成的；
[0036]基于所述已编译代码，创建所述第三方组件实例以及所述原生小程序组件实例。
[0037]可选的，所述第三方框架包括React语法框架，所述特定属性信息包括JSX属性信息。
[0038]第三方面，本专利技术提供一种电子设备，包括：处理器、存储器以及存储在所述存储
器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述组件处理方法。
[0039]第四方面，本专利技术提供一种可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述组件处理方法。
[0040]在本专利技术实施例中，本专利技术实施例提供的组件处理方法，在小程序的运行阶段，基于小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例。基于预创建的实例管理器，确定各第三方组件实例对应的原生小程序组件实例，并将第三方组件实例对应的特定属性信息的渲染信息传递给对应的原生小程序组件实例。基于对应的原生小程序组件实例，根据渲染信息渲染特定属性信息。这样，在运行时采用创建第三方组件实例以及原生小程序组件实例的方式，通过增加实例管理器，并基于实例管理器在第三方组件实例与原生小程序组件实例之间传递特定属性信息的渲染信息，使得原生小程序组件实例可以拿到渲染信息并进行特定属性信息的渲染，进而可以提高渲染能力。
附图说明
[0041]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0042]图1是本专利技术实施例提供的一种组件处理方法的步骤流程图；
[0043]图2是本专利技术实施例提供的一本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件处理方法，其特征在于，所述方法包括：在小程序的运行阶段，基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例；基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，并将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例；基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：基于所述代码文件中的管理器组件创建所述实例管理器；将各所述第三方组件实例以及各所述原生小程序组件实例的实例ID注册至所述实例管理器；对应同一第三方框架组件的第三方组件实例以及原生小程序组件实例的实例ID相同；所述基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，包括：对于任一所述第三方组件实例，通过所述实例管理器查找实例ID与所述第三方组件实例的实例ID相适配的原生小程序组件实例，以作为所述第三方组件实例对应的原生小程序组件实例。3.根据权利要求1或2所述的方法，其特征在于，所述将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例，包括：将所述特定属性信息转换为树型数据，得到所述渲染信息；基于预设的传递方式将所述渲染信息传递给所述对应的原生小程序组件实例。4.根据权利要求3所述的方法，其特征在于，所述基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息，包括：基于所述对应的原生小程序组件实例调用预设的原生渲染组件，以对所述渲染信息进行递归渲染；其中，所述原生渲染组件预先内置在所述代码文件中。5.根据权利要求1所述的方法，其特征在于，所述基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例，包括：获取所述代码文件中所述第三方框架组件对应的已编译代码；所述已编译代码是在所述第三方框架组件的编译阶段生成的；基于所述已编译代码，创建所述第三方组件实例以及所述原生小程序组件实例。6.根据权利要求1所述的方法，其特征在于，所述第三方框架包括React语法框架，所述特定属性信息包括JSX属性信息。7.一种组件处理装置，其特征在于，所述装置包括：第一创建模块，用于在小程序的运行阶段，基于所述小程序的代码文件中的第三方框架组件，...

【专利技术属性】
技术研发人员：陈森伟，吴熙辰，李少元，张戈弋，洪凯林，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：