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

本发明专利技术实施例提供一种应用程序的组件显示方法、装置及电子设备，该方法包括：接收服务器发送的组件数组，所述组件数组中包括分割组件的数据以及普通组件的数据，所述分割组件的数据包括分割组件的标识以及分割组件的原始数据；在应用程序的页面中显示所述普通组件，并且，根据所述分割组件的标识以及分割组件的原始数据，在应用程序的页面中显示所述分割组件。该方法通过在不同的组件分组之间插入并显示分割组件，从而实现组件的分组显示，从而使得用户可以快速地根据分组查看需要的组件信息，极大地提升了用户的使用体验。

Component display method, device and electronic device of application program

An embodiment of the invention provides a component display method, device and electronic device for an application. The method includes an array of components sent by a receiving server, the array of components including the data of the partition component and the data of the common component, and the data of the divided component includes the identification of the partition component and the partition component. The original data is displayed in the page of the application, and the divided component is displayed in the page of the application according to the identification of the divided component and the original data of the partition component. By inserting and displaying the partition components between different component groups, the method enables the grouping of components to be displayed, so that the user can quickly view the required component information according to the packet and greatly improve the user's experience.

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

【技术保护点】
1.一种应用程序的组件显示方法，其特征在于，包括：接收服务器发送的组件数组，所述组件数组中包括分割组件的数据以及普通组件的数据，所述分割组件的数据包括分割组件的标识以及分割组件的原始数据；在应用程序的页面中显示所述普通组件，并且，根据所述分割组件的标识以及分割组件的原始数据，在应用程序的页面中显示所述分割组件。

【技术特征摘要】
1.一种应用程序的组件显示方法，其特征在于，包括：接收服务器发送的组件数组，所述组件数组中包括分割组件的数据以及普通组件的数据，所述分割组件的数据包括分割组件的标识以及分割组件的原始数据；在应用程序的页面中显示所述普通组件，并且，根据所述分割组件的标识以及分割组件的原始数据，在应用程序的页面中显示所述分割组件。2.根据权利要求1所述的方法，其特征在于，所述根据所述分割组件的标识以及分割组件的原始数据，在应用程序的页面中显示所述分割组件，包括：根据所述分割组件的标识、数据模型映射表以及所述分割组件的原始数据，确定所述分割组件的数据模型；根据所述分割组件的数据模型、所述分割组件的标识以及视图映射表，确定分割组件的组件视图；在所述应用程序页面中显示所述分割组件的组件视图。3.根据权利要求2所述的方法，其特征在于，所述根据所述分割组件的标识、数据模型映射表以及所述分割组件的原始数据，确定所述分割组件的数据模型，包括：根据所述分割组件的标识以及数据模型映射表，确定所述分割组件的数据模型的类；创建所述分割组件的数据模型的类的第一实例对象；解析所述分割组件的原始数据，将解析到的数据分别赋予所述第一实例对象的成员变量。4.根据权利要求3所述的方法，其特征在于，所述根据所述分割组件的数据模型、所述分割组件的标识以及视图映射表，确定分割组件的组件视图，包括：根据所述分割组件的标识以及所述视图映射表，确定所述分割组件的组件视图的类；创建所述分割组件的组件视图的类的第二实例对象；将所述第一实例对象的成员变量的值赋予所述第二实例对象的成员变量。5.根据权利要求4所述的方法，其特征在于，所述在所述应用程序页面中显示所述分割组件的组件视图，包括：将所述第二实例对象加载到所述应用程序页面中；其中，所述第二实例对象的成员变量至少包括组件高度以及组件颜色。6.一种应用程序的组件显示装置，其特征在于，包括：接收模块，用于接收服务器发送的组件数组，...

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