一种页面组件的显示方法、装置、电子设备及存储介质制造方法及图纸

本申请公开了一种页面组件的显示方法、装置、电子设备及存储介质，该方法包括：在组件库中，周期性检测当前页面包括的组件的样式数据；其中，组件库中至少包括一个组件，每个组件对应至少一个样式；若检测到样式数据有变化，则确定变化后的目标样式和目标样式的样式名；基于目标样式的样式名，生成与目标样式的样式数据对应的资源数据；将资源数据与在组件库中确定的目标组件进行关联，以对目标组件进行更新；在当前显示页面中显示更新后的目标组件。从而可以实现对单一组件进行修改，无需对整个页面进行修改，降低了操作复杂度，提高了处理效率。效率。效率。

【技术实现步骤摘要】
一种页面组件的显示方法、装置、电子设备及存储介质


[0001]本申请涉及显示
，尤其涉及一种页面组件的显示方法、装置、电子设备及存储介质。

技术介绍

[0002]页面的显示通常包括多个组件的显示，比如当前页面中包括多个按钮和多个图标等。如果用户想对部分组件的样式进行修改，现有修改逻辑只能针对整个页面代码进行整体修改，页面无法自动加载部分组件的更新。
[0003]然而，在这种方式中，有大量的数据或者编码需要处理，操作复杂，处理效率低。

技术实现思路

[0004]本申请实施例提供一种页面组件的显示方法、装置、电子设备及存储介质，从而可以自动加载部分组件的更新，无需对整个页面进行修改，降低了操作复杂度，提高了处理效率。
[0005]第一方面，本申请一实施例提供了一种页面组件的显示方法，包括：
[0006]在组件库中，周期性检测当前页面包括的组件的样式数据；其中，所述组件库中至少包括一个组件，每个组件对应至少一个样式；
[0007]若检测到所述样式数据有变化，则确定变化后的目标样式和所述目标样式的样式名；
[0008]基于所述目标样式的样式名，生成与所述目标样式的样式数据对应的资源数据；
[0009]将所述资源数据与在所述组件库中确定的目标组件进行关联，以对所述目标组件进行更新；
[0010]在当前显示页面中显示更新后的所述目标组件。
[0011]在一些示例性的实施方式中，所述资源数据包括所述目标样式的样式名和所述目标样式的属性集合；/>[0012]将所述资源数据与在所述组件库中确定的目标组件进行关联，以对所述目标组件进行更新，包括：
[0013]基于所述资源数据中的目标样式的样式名，以及预设的样式名和组件库中的各个组件的对应关系，确定所述资源数据对应的目标组件；
[0014]将所述资源数据中的目标样式的属性集合与所述目标组件进行关联，以对所述目标组件进行更新。
[0015]在一些示例性的实施方式中，通过如下方式生成与所述目标样式的样式数据对应的资源数据；
[0016]若所述目标样式的样式代码基于IOS系统实现，则确定所述资源数据为包括样式头文件名的样式名和包括资源名的属性集合；
[0017]若所述目标样式的样式代码基于Android系统实现，则确定所述资源数据为XML形
式的样式名和对应的属性集合。
[0018]在一些示例性的实施方式中，在所述确定变化后的目标样式和所述目标样式的样式名之后，还包括：
[0019]更新所述组件库的版本号；
[0020]所述将所述资源数据与在所述组件库中确定的目标组件进行关联包括：
[0021]根据所述组件库的版本号确定最新版本的组件库；
[0022]在最新版本的组件库中，基于所述资源数据中的样式名，以及预设的样式名和组件库中的各个组件的对应关系，确定所述资源数据对应的目标组件；
[0023]将所述资源数据与所述目标组件进行关联。
[0024]在一些示例性的实施方式中，若检测到上传的图层，则确定所述样式数据有变化；其中，所述图层为响应用户操作生成的，所述图层包括所述用户操作指示的样式名和样式的属性以及属性值。
[0025]在一些示例性的实施方式中，若满足如下变化之一，则确定所述样式数据有变化：
[0026]样式中的属性的新增、样式中的属性的删除，或样式中的属性的属性值变化。
[0027]第二方面，本申请一实施例提供了一种页面组件的显示装置，包括：
[0028]检测单元，被配置为执行，在组件库中，周期性检测当前页面包括的组件的样式数据；其中，所述组件库中至少包括一个组件，每个组件对应至少一个样式；
[0029]确定单元，被配置为执行若检测到所述样式数据有变化，则确定变化后的目标样式和所述目标样式的样式名；
[0030]数据生成单元，被配置为执行基于所述目标样式的样式名，生成与所述目标样式的样式数据对应的资源数据；
[0031]组件更新单元，被配置为执行将所述资源数据与在所述组件库中确定的目标组件进行关联，以对所述目标组件进行更新；
[0032]显示单元，被配置为执行在当前显示页面中显示更新后的所述目标组件。
[0033]在一些示例性的实施方式中，所述资源数据包括所述目标样式的样式名和所述目标样式的属性集合；
[0034]所述组件更新单元具体被配置为执行：
[0035]基于所述资源数据中的目标样式的样式名，以及预设的样式名和组件库中的各个组件的对应关系，确定所述资源数据对应的目标组件；
[0036]将所述资源数据中的目标样式的属性集合与所述目标组件进行关联，以对所述目标组件进行更新。
[0037]在一些示例性的实施方式中，所述数据生成单元被配置为执行通过如下方式生成与所述目标样式的样式数据对应的资源数据；
[0038]若所述目标样式的样式代码基于IOS系统实现，则确定所述资源数据为包括样式头文件名的样式名和包括资源名的属性集合；
[0039]若所述目标样式的样式代码基于Android系统实现，则确定所述资源数据为XML形式的样式名和对应的属性集合。
[0040]在一些示例性的实施方式中，还包括版本更新单元，被配置为在所述确定变化后的目标样式和所述目标样式的样式名之后，执行：
[0041]更新所述组件库的版本号；
[0042]所述组件更新单元具体被配置为执行：
[0043]根据所述组件库的版本号确定最新版本的组件库；
[0044]在最新版本的组件库中，基于所述资源数据中的样式名，以及预设的样式名和组件库中的各个组件的对应关系，确定所述资源数据对应的目标组件；
[0045]将所述资源数据与所述目标组件进行关联。
[0046]在一些示例性的实施方式中，所述确定单元具体被配置为执行：
[0047]若检测到上传的图层，则确定所述样式数据有变化；其中，所述图层为响应用户操作生成的，所述图层包括所述用户操作指示的样式名和样式的属性以及属性值。
[0048]在一些示例性的实施方式中，所述确定单元具体被配置为执行：
[0049]若满足如下变化之一，则确定所述样式数据有变化：
[0050]样式中的属性的新增、样式中的属性的删除，或样式中的属性的属性值变化。
[0051]第三方面，本申请一实施例还提供了一种电子设备，包括处理器和用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如本申请第一方面中提供的任一方法。
[0052]第四方面，本申请一实施例还提供了一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如本申请第一方面中提供的任一方法。
[0053]第五方面，本申请一实施例提供了一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面组件的显示方法，其特征在于，包括：在组件库中，周期性检测当前页面包括的组件的样式数据；其中，所述组件库中至少包括一个组件，每个组件对应至少一个样式；若检测到所述样式数据有变化，则确定变化后的目标样式和所述目标样式的样式名；基于所述目标样式的样式名，生成与所述目标样式的样式数据对应的资源数据；将所述资源数据与在所述组件库中确定的目标组件进行关联，以对所述目标组件进行更新；在当前显示页面中显示更新后的所述目标组件。2.根据权利要求1所述的方法，其特征在于，所述资源数据包括所述目标样式的样式名和所述目标样式的属性集合；将所述资源数据与在所述组件库中确定的目标组件进行关联，以对所述目标组件进行更新，包括：基于所述资源数据中的目标样式的样式名，以及预设的样式名和组件库中的各个组件的对应关系，确定所述资源数据对应的目标组件；将所述资源数据中的目标样式的属性集合与所述目标组件进行关联，以对所述目标组件进行更新。3.根据权利要求2所述的方法，其特征在于，通过如下方式生成与所述目标样式的样式数据对应的资源数据；若所述目标样式的样式代码基于IOS系统实现，则确定所述资源数据为包括样式头文件名的样式名和包括资源名的属性集合；若所述目标样式的样式代码基于Android系统实现，则确定所述资源数据为XML形式的样式名和对应的属性集合。4.根据权利要求1所述的方法，其特征在于，在所述确定变化后的目标样式和所述目标样式的样式名之后，还包括：更新所述组件库的版本号；所述将所述资源数据与在所述组件库中确定的目标组件进行关联包括：根据所述组件库的版本号确定最新版本的组件库；在最新版本的组件库中，基于所述资源数据中的样式名，以及预设的样式名和组件库中的各个组...

【专利技术属性】
技术研发人员：吴俊，文涛，桂玉乐，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：