应用程序的组件显示方法、装置及电子设备制造方法及图纸

本发明专利技术实施例提供一种应用程序的组件显示方法、装置及电子设备，该方法包括：接收服务器发送的组件数组，所述组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组件；根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示。该方法中，APP客户端从服务器接收包含至少一个子数组的组件数组，进而可以根据组件数组中所划分出的子数组，在应用程序的页面上对组件进行分组显示，从而实现了组件的分组显示，极大地提升了用户使用APP的体验。

Component display method, device and electronic device of application program

An embodiment of the invention provides a component display method, an apparatus and an electronic device for an application, which includes an array of components sent by a receiving server, including at least one subarray in the array of components, and at least one component in each of the subarrays, and at least one subarray, in the application process. The components in the component array are grouped and displayed on the ordered page. In this method, the APP client receives an array of components containing at least one subarray from the server, and can then group the components on the application's page according to the subarray of the component array, thus realizing the grouping display of the component, which greatly improves the user's experience of using the APP.

【技术实现步骤摘要】
应用程序的组件显示方法、装置及电子设备
本专利技术实施例涉及计算机技术，尤其涉及一种应用程序的组件显示方法、装置及电子设备。
技术介绍
目前的一些应用程序(Application，简称APP)通过组件化来实现在页面上动态、任意组合的展示不同的内容或样式。现有技术中，APP的客户端根据服务器下发的不同数据，通过一系列的转换，匹配到APP内相应的组件，进而根据数据的顺序来显示对应的组件，从而实现组件化。但是，现有技术技能完成对组件数据的顺序显示，无法实现对组件的分组，影响用户体验。
技术实现思路
本专利技术实施例提供一种应用程序的组件显示方法、装置及电子设备，用于解决现有技术中无法对组件分组显示所导致的用户体验不佳的问题。本专利技术实施例第一方面提供一种应用程序的组件显示方法，包括：接收服务器发送的组件数组，所述组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组件；根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示。进一步地，所述根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示，包括：解析所述组件数组，获取所述组件数组中的每个子数组；确定每个子数组中每个组件对应的组件视图；在每两个相邻的子数组之间插入分割视图，形成由所述组件视图和所述分割视图组成的视图序列；按照所述视图序列中的顺序，在所述应用程序的页面中显示所述组件视图以及所述分割视图。进一步地，所述解析所述组件数组，获取所述组件数组中的每个子数组，包括：根据所述组件数组中的数组标记，解析所述组件数组，获取所述组件数组中的每个子数组；其中，所述数组标记为预设格式的标记。进一步地，所述确定每个子数组中每个组件对应的组件视图，包括：根据每个组件的标识、数据模型映射表以及每个组件的原始数据，确定每个组件的数据模型；根据每个组件的数据模型、每个组件的标识以及视图映射表，确定每个的组件视图。进一步地，所述分割视图为脚视图，所述脚视图的样式为分割线样式。本专利技术实施例第二方面提供一种应用程序的组件显示装置，包括：接收模块，用于接收服务器发送的组件数组，所述组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组件；显示模块，用于根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示。进一步地，所述显示模块包括：解析单元，用于解析所述组件数组，获取所述组件数组中的每个子数组；确定单元，用于确定每个子数组中每个组件对应的组件视图；插入单元，用于在每两个相邻的子数组之间插入分割视图，形成由所述组件视图和所述分割视图组成的视图序列；显示单元，用于按照所述视图序列中的顺序，在所述应用程序的页面中显示所述组件视图以及所述分割视图。进一步地，所述解析单元具体用于：根据所述组件数组中的数组标记，解析所述组件数组，获取所述组件数组中的每个子数组；其中，所述数组标记为预设格式的标记。进一步地，所述确定单元具体用于：根据每个组件的标识、数据模型映射表以及每个组件的原始数据，确定每个组件的数据模型；根据每个组件的数据模型、每个组件的标识以及视图映射表，确定每个的组件视图。进一步地，所述分割视图为脚视图，所述脚视图的样式为分割线样式。本专利技术实施例第三方面提供一种电子设备，包括：存储器，用于存储程序指令；处理器，用于调用并执行所述存储器中的程序指令，执行上述第一方面所述的方法步骤。本专利技术实施例第四方面提供一种可读存储介质，所述可读存储介质中存储有计算机程序，当应用程序的组件显示装置的至少一个处理器执行所述计算机程序时，应用程序的组件显示装置执行上述第一方面所述的应用程序的组件显示方法。本专利技术实施例所提供的应用程序的组件显示方法、装置及电子设备，APP客户端从服务器接收包含至少一个子数组的组件数组，进而可以根据组件数组中所划分出的子数组，在应用程序的页面上对组件进行分组显示，从而实现了组件的分组显示，极大地提升了用户使用APP的体验。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术实施例的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的应用程序的组件显示方法的系统架构图；图2为本专利技术实施例提供的应用程序的组件显示方法的流程示意图；图3为现有技术中服务器发送的组件数组与本专利技术实施例的组件数组的对比示例图；图4为本专利技术实施例提供的应用程序的组件显示方法的流程示意图；图5为本专利技术实施例提供的应用程序的组件显示方法的流程示意图；图6为本专利技术实施例提供的应用程序的组件显示装置的模块结构图；图7为本专利技术实施例提供的应用程序的组件显示装置的模块结构图；图8为本专利技术实施例提供的电子设备的实体框图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术实施例一部分实施例，而不是全部的实施例。基于本专利技术实施例中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术实施例保护的范围。图1为本专利技术实施例提供的应用程序的组件显示方法的系统架构图，如图1所示，该方法涉及电子设备以及服务器。其中，电子设备是指安装APP客户端的电子设备，具体例如可以是手机、平板电脑等。服务器是APP的服务器。APP客户端通过与服务器交互，从服务器中获取数据、接收服务器的指示、向服务器发送请求以及向服务器反馈数据等。现有技术中，APP客户端仅能对组件数据进行顺序显示，但是无法对组件进行分组显示。当要显示的组件较多时，用户无法快速查看自己希望查看的信息，从而导致用户的体验不佳。本专利技术实施例基于上述问题，提出一种应用程序的组件显示方法，通过从服务器接收包含子数组的组件数组，进而根据子数组来实现组件的分组显示，从而极大地提升用户体验。图2为本专利技术实施例提供的应用程序的组件显示方法的流程示意图，该方法的执行主体为上述电子设备，具体为上述电子设备上所运行的APP客户端。如图2所示，该方法包括：S201、接收服务器发送的组件数组，该组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组件。S202、根据上述至少一个子数组，在应用程序的页面上对上述组件数组中的组件进行分组显示。具体的，APP客户端从服务器接收到的组件数组为嵌套结构，即最外层为一个大数组，大数组中的每个元素也是数组，即在大数组中嵌套了一层子数组，每个子数组中包括至少一个组件。可选的，组件数组使用原始数据表示。其中，原始数据是经过服务器压缩和转换处理的。原始数据的数据格式是APP客户端和服务器都支持的数据格式，例如可以为json、xml等数据格式。APP客户端对原始数据进行解析处理之后，获取组件数组的子数组信息以及子数组中的组件信息，进而再根据这些信息来对组件进行分组显示。图3为现有技术中服务器发送的组件数组与本专利技术实施例的组件数组的对比示例图，如图3中左侧现有技术中的组件数据结构示例图所示，现有技术中的组件数组为单层结构，即数组中每个元素即为要显示的组件。而本专利技术实施例本文档来自技高网...

【技术保护点】
1.一种应用程序的组件显示方法，其特征在于，包括：接收服务器发送的组件数组，所述组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组件；根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示。

【技术特征摘要】
1.一种应用程序的组件显示方法，其特征在于，包括：接收服务器发送的组件数组，所述组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组件；根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示。2.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个子数组，在应用程序的页面上对所述组件数组中的组件进行分组显示，包括：解析所述组件数组，获取所述组件数组中的每个子数组；确定每个子数组中每个组件对应的组件视图；在每两个相邻的子数组之间插入分割视图，形成由所述组件视图和所述分割视图组成的视图序列；按照所述视图序列中的顺序，在所述应用程序的页面中显示所述组件视图以及所述分割视图。3.根据权利要求2所述的方法，其特征在于，所述解析所述组件数组，获取所述组件数组中的每个子数组，包括：根据所述组件数组中的数组标记，解析所述组件数组，获取所述组件数组中的每个子数组；其中，所述数组标记为预设格式的标记。4.根据权利要求2所述的方法，其特征在于，所述确定每个子数组中每个组件对应的组件视图，包括：根据每个组件的标识、数据模型映射表以及每个组件的原始数据，确定每个组件的数据模型；根据每个组件的数据模型、每个组件的标识以及视图映射表，确定每个的组件视图。5.根据权利要求1-4任一项所述的方法，其特征在于，所述分割视图为脚视图，所述脚视图的样式为分割线样式。6.一种应用程序的组件显示装置，其特征在于，包括：接收模块，用于接收服务器发送的组件数组，所述组件数组中包括至少一个子数组，每个所述子数组中包括至少一个组...

【专利技术属性】
技术研发人员：刘孟，
申请(专利权)人：五八有限公司，
类型：发明
国别省市：天津,12