CN115934068A - 数据统计页面的生成方法、显示方法、服务器及移动终端 - Google Patents

Abstract

本申请提供了一种数据统计页面的生成方法、显示方法、服务器及移动终端，响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；响应于针对组件库区域中目标占位符组件的拖拽操作，将目标占位符组件放置在画布区域中的目标位置，并在组件属性配置区域显示目标占位符组件的多个组件属性配置项；响应于针对多个组件属性配置项的配置操作，生成目标占位符组件的配置数据；进而生成数据统计页面的页面数据并保存至数据库中，以使移动终端获取页面数据后渲染得到数据统计页面。这样，通过对占位符组件进行简单的个性化配置即可生成数据统计页面，这种无代码的页面生成方法降低了开发技术门槛，提高了数据统计页面的生成效率。

Description

数据统计页面的生成方法、显示方法、服务器及移动终端

技术领域

本申请涉及网页设计技术领域，尤其是涉及数据统计页面的生成方法、显示方法、服务器及移动终端。

背景技术

在各类线上活动中，往往都需要通过页面对活动中的各类数据进行统计展示。但由于活动内容不同，数据统计的需求也不同，导致每次活动都需要开发人员编写大量代码对数据统计页面进行定制开发，导致开发效率低、开发成本高且开发出的页面修改麻烦。

发明内容

有鉴于此，本申请的目的在于提供一种数据统计页面的生成方法、显示方法、服务器及移动终端，通过对占位符组件进行简单的个性化配置即可生成满足不同数据统计需求的数据统计页面，这种无代码的页面生成方法降低了开发技术门槛，提高了数据统计页面的生成效率。

本申请实施例提供了一种数据统计页面的生成方法，所述生成方法应用于服务器；所述生成方法包括：

响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；

响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；

基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；

将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

进一步的，所述多个组件属性配置项至少包括组件数据来源节点项和组件数据类型项；所述响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据，包括：

响应于针对所述组件数据来源节点项的配置操作，配置所述目标占位符组件所占位的目标统计数据的节点数据来源；所述节点数据来源包括所述网页活动链中的各网页节点；

响应于针对所述组件数据类型项的配置操作，配置所述目标统计数据的数据类型；所述数据类型包括展示当前用户网页表单数据、统计指定字段的数量、统计用户总数量和查询指定字段的数据；

根据所述数据类型，在所述组件属性配置区域中显示与所述数据类型相对应的其他组件属性配置项；

响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源和数据内容；

根据所述目标统计数据的所述节点数据来源、所述数据类型、名单数据来源和所述数据内容，生成所述目标占位符组件的配置数据。

进一步的，当所述数据类型为统计指定字段的数量或统计用户总数量或查询指定字段的数据时，所述组件属性配置项还包括名单数据来源项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源，包括：

响应于针对所述名单数据来源项的配置操作，读取所述节点数据来源的网页节点下多个可选的名单数据来源；所述名单数据来源包括预先配置的预存名单数据、通过在网页节点对应的各页面中埋点而在活动过程中获取的名单数据以及各移动终端响应于用户操作而提交的名单数据；

响应于针对多个可选的名单数据来源的选择操作，确定所述目标统计数据的名单数据来源。

进一步的，当所述数据类型为展示当前用户网页表单数据时，配置所述目标统计数据的名单数据来源为显示当前数据统计页面的移动终端响应于用户操作而提交的名单数据；

所述其他组件属性配置项还包括名单字段名项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述名单字段名项的配置操作，确定所述名单字段名项对应的目标字段名；

根据所述目标统计数据的名单数据来源中所述目标字段名对应的字段值，确定所述目标统计数据的数据内容。

进一步的，当所述数据类型为统计指定字段的数量时，所述其他组件属性配置项还包括名单字段名项、名单字段值项和去重字段名项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述名单字段名项和所述名单字段值项的配置操作，确定所述名单字段名项对应的目标字段名和所述名单字段值项对应的目标字段值；

响应于针对所述去重字段名项的配置操作，确定需去重的字段名；

从所述目标统计数据的名单数据来源中筛选出所述目标字段名所映射的字段值为所述目标字段值的待去重数据；

根据所述待去重数据中需去重的字段名映射的字段值，对所述待去重数据执行数据去重操作，确定执行数据去重操作后的数据数量；

根据执行数据去重操作后的数据数量，确定所述目标统计数据的数据内容。

进一步的，当所述数据类型为统计用户总数量时，所述其他组件配置属性项包括去重字段名项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述去重字段名项的配置操作，确定需去重的字段名；

根据所述目标统计数据的名单数据来源中需去重的字段名映射的字段值，对所述目标统计数据的名单数据来源执行数据去重操作，确定执行数据去重操作后的用户总数量；

根据所述执行数据去重操作后的用户总数量，确定所述目标统计数据的数据内容。

进一步的，当所述数据类型为查询指定字段的数据时，所述其他组件配置属性项包括查询范围项和查询条件项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述查询范围项的配置操作，配置所述目标统计数据的查询范围；

响应于针对所述查询条件项的配置操作，配置所述目标统计数据的查询条件；

根据所述目标统计数据的所述查询范围中符合所述查询条件项的统计数据，确定所述目标统计数据的数据内容。

本申请实施例还提供了一种数据统计页面的显示方法，所述显示方法应用于移动终端；所述显示方法包括：

通过数据库获取数据统计页面的页面数据；所述页面数据由服务器响应于针对所述数据统计页面中占位符组件的组件属性配置项的配置操作而生成；所述占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

根据所述页面数据中每个占位符组件的配置数据，获取每个所述占位符组件所占位的目标统计数据；

根据所述目标统计数据对相应占位符组件所在位置的原始显示形式进行替换显示，渲染得到所述数据统计页面。

本申请实施例还提供了一种服务器，所述服务器包括：

显示模块，用于响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；

放置模块，用于响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

第一生成模块，用于响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；

第二生成模块，用于基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；

保存模块，用于将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

本申请实施例还提供了一种移动终端，所述移动终端包括：

获取模块，用于通过数据库获取数据统计页面的页面数据；所述页面数据由服务器响应于针对所述数据统计页面中占位符组件的组件属性配置项的配置操作而生成；所述占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

确定模块，用于根据所述页面数据中每个占位符组件的配置数据，获取每个所述占位符组件所占位的目标统计数据；

渲染模块，用于根据所述目标统计数据对相应占位符组件所在位置的原始显示形式进行替换显示，渲染得到所述数据统计页面。

本申请实施例还提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如上述的一种数据统计页面的生成方法和显示方法的步骤。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如上述的一种数据统计页面的生成方法和显示方法的步骤。

本申请实施例提供的一种数据统计页面的生成方法、显示方法、服务器及移动终端，响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

通过对占位符组件进行简单的个性化配置即可生成满足不同数据统计需求的数据统计页面，这种无代码的页面生成方法降低了开发技术门槛，提高了数据统计页面的生成效率。

为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本申请实施例所提供的一种数据统计页面的生成方法的流程图；

图2示出了本申请实施例所提供的一种网页编辑界面的示意图；

图3示出了本申请实施例所提供的一种数据统计页面的显示方法的流程图；

图4示出了本申请实施例所提供的一种服务器的结构示意图；

图5示出了本申请实施例所提供的一种移动终端的结构示意图；

图6示出了本申请实施例所提供的一种电子设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的每个其他实施例，都属于本申请保护的范围。

经研究发现，在各类线上活动中，往往都需要通过页面对活动中的各类数据进行统计展示。但由于活动内容不同，数据统计的需求也不同，导致每次活动都需要开发人员编写大量代码对数据统计页面进行定制开发，导致开发效率低、开发成本高且开发出的页面修改麻烦。

基于此，本申请实施例提供了一种数据统计页面的生成方法、显示方法、服务器及移动终端，以通过对占位符组件进行简单的个性化配置生成满足不同数据统计需求的数据统计页面，这种无代码的页面生成方法降低了开发技术门槛，提高了数据统计页面的生成效率。

请参阅图1，图1为本申请实施例所提供的一种数据统计页面的生成方法的流程图。如图1中所示，本申请实施例提供的生成方法应用于服务器，所述生成方法包括：

S101、响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面。

这里，网页活动链包括多个网页节点；网页活动链可用于描述线上活动的活动流程，每个网页节点对应活动流程中的一个活动节点。例如，网页活动链为：竞赛宣传——竞赛报名——竞赛直播——竞赛结果。而每个网页节点中包括一个或多个网页，其中，每个网页节点中可以包括一个或多个数据统计页面，例如，在竞赛报名节点中数据统计页面可用于显示报名成功的用户所提交的报名信息；在竞赛直播节点中数据统计页面可用于显示为当前参赛选手点赞的用户数量等。

下面请参阅图2，图2为本申请实施例所提供的一种网页编辑界面的示意图。如图2中所示，所述网页编辑界面包括画布区域100、组件库区域200以及组件属性配置区域300。所述组件库区域中显示有各种组件的组件列表；所述画布区域用于放置通过拖拽等方式放置到区域中的各种组件，并提供对数据统计页面的预览；所述组件属性配置区域用于显示每种组件对应的组件属性配置项。其中，组件库区域200提供了包括输入框组件、单选框组件、复选框组件和占位符组件在内的多种组件；通过对组件库区域200中的目标组件执行拖拽操作，可将目标组件放置于画布区域100中的目标位置，并在组件属性配置区域300显示出目标组件多个可供配置的组件属性配置项，通过对组件配置项执行配置操作，可生成满足不同业务需求的组件。

S102、响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项。

其中，所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面，从而实现数据统计页面中统计数据的及时更新。

S103、响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据。

在一种可能的实施方式中，所述多个组件属性配置项至少包括组件数据来源节点项和组件数据类型项；步骤S103包括：

S1031、响应于针对所述组件数据来源节点项的配置操作，配置所述目标占位符组件所占位的目标统计数据的节点数据来源。

其中，所述节点数据来源包括所述网页活动链中的各网页节点。

S1032、响应于针对所述组件数据类型项的配置操作，配置所述目标统计数据的数据类型。

其中，所述数据类型包括展示当前用户网页表单数据、统计指定字段的数量、统计用户总数量和查询指定字段的数据。

S1033、根据所述数据类型，在所述组件属性配置区域中显示与所述数据类型相对应的其他组件属性配置项。

这里，对于不同的数据类型，所述组件属性配置区域中显示的其他组件属性配置项可以不完全相同。

S1034、响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源和数据内容。

S1035、根据所述目标统计数据的所述节点数据来源、所述数据类型、名单数据来源和所述数据内容，生成所述目标占位符组件的配置数据。

在一种可能的实施方式中，当所述数据类型为统计指定字段的数量或统计用户总数量或查询指定字段的数据时，所述组件属性配置项还包括名单数据来源项；步骤S1034中响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源，包括：

步骤1、响应于针对所述名单数据来源项的配置操作，读取所述节点数据来源的网页节点下多个可选的各名单数据来源。

其中，所述名单数据来源包括预先配置的预存名单数据、通过在网页节点对应的各页面中埋点而在活动过程中获取的名单数据以及各移动终端响应于用户操作而提交的名单数据。这里，预先配置的预存名单数据可以是开发人员预先上传到数据库中的名单数据；此外，通过在网页节点对应的各页面中进行数据埋点可以在活动过程中根据用户行为获取名单数据；还可以通过用户在相应移动终端的活动页面上执行的相应操作获取名单数据，例如响应于用户的提交操作，获取用户提交的个人信息表数据。

步骤2、响应于针对多个可选的名单数据来源的选择操作，确定所述目标统计数据的名单数据来源。

在另一种可能的实施方式中，当所述数据类型为展示当前用户网页表单数据时，配置所述目标统计数据的名单数据来源为显示当前数据统计页面的移动终端响应于用户操作而提交的名单数据；

这里，在某一移动终端显示有数据统计页面时，若数据统计页面某一占位符所占位的目标统计数据的数据类型为展示当前用户网页表单数据时，该目标统计数据的应来源于该用户通过该移动终端在当前数据统计页面或当前数据统计页面之前的其他页面提交的名单数据；对应于上述示例，对于“竞赛报名”网页节点，用户可在移动终端显示的信息输入页面输入个人的竞赛报名信息，并通过触发“报名”控件提交个人的网页表单数据，随后，移动终端显示出数据统计页面，页面中展示有用户刚刚提交的网页表单数据以供用户进行核对确认。

此时，所述其他组件属性配置项还包括名单字段名项；步骤S1034中所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

步骤1、响应于针对所述名单字段名项的配置操作，确定所述名单字段名项对应的目标字段名。

步骤2、根据所述目标统计数据的名单数据来源中所述目标字段名对应的字段值，确定所述目标统计数据的数据内容。

这样，移动终端通过目标占位符组件的配置数据可以从当前用户网页表单数据中获取目标字段名对应的字段值，并将目标字段名对应的字段值显示在数据统计页面中。对应于上述示例，配置多个占位符组件的名单字段名项分别为姓名、年龄、性别和身份证号，则数据统计页面中可相应显示出姓名、年龄、性别和身份证号对应的具体字段值。

在另一种可能的实施方式中，当所述数据类型为统计指定字段的数量时，所述其他组件属性配置项还包括名单字段名项、名单字段值项和去重字段名项；步骤S1034中所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

步骤1、响应于针对所述名单字段名项和所述名单字段值项的配置操作，确定所述名单字段名项对应的目标字段名和所述名单字段值项对应的目标字段值。

步骤2、响应于针对所述去重字段名项的配置操作，确定需去重的字段名。

步骤3、从所述目标统计数据的名单数据来源中筛选出所述目标字段名所映射的字段值为所述目标字段值的待去重数据。

步骤4、根据所述待去重数据中需去重的字段名映射的字段值，对所述待去重数据执行数据去重操作，确定执行数据去重操作后的数据数量。

步骤5、根据执行数据去重操作后的数据数量，确定所述目标统计数据的数据内容。

这样，移动终端根据目标占位符组件被配置的目标字段名和目标字段值，可以查询到目标网页节点的目标名单数据来源中目标字段名对应的值为目标字段值的数据，并根据需去重的字段名映射的字段值执行数据去重操作，确定执行数据去重操作后的数据数量，进而移动终端可将数据数量渲染显示在数据统计页面中。对应于上述示例，数据统计页面中目标统计数据为竞赛活动的报名人群中女性选手的数量，则可设定名单字段名项为“性别”、名单字段值项为“女”和去重字段名项为“姓名”；之后，首先，从所述目标统计数据的名单数据来源中筛选出“性别”为“女”的待去重名单数据；其次，根据待去重名单数据包括的每个选手的报名数据中“姓名”映射的具体姓名值，对所述待去重名单数据执行数据去重操作，将执行数据去重操作后的数据数量确定为目标统计数据，即竞赛活动的报名人群中女性选手的数量。

在另一种可能的实施方式中，当所述数据类型为统计用户总数量时，所述其他组件配置属性项包括去重字段名项；步骤S1034中所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

步骤1、响应于针对所述去重字段名项的配置操作，确定需去重的字段名。

步骤2、根据所述目标统计数据的名单数据来源中需去重的字段名映射的字段值，对所述目标统计数据的名单数据来源执行数据去重操作，确定执行数据去重操作后的用户总数量。

步骤3、根据执行数据去重操作后的用户总数量，确定所述目标统计数据的数据内容。

这样，移动终端根据目标占位符组件被配置的需去重的字段名，可以查询到目标网页节点的目标名单数据来源中执行去重操作后的用户总数量，进而移动终端可将用户总数量渲染显示在数据统计页面中。对应于上述示例，数据统计页面中目标统计数据为竞赛活动参与的总人数，考虑到实际线上活动过程中，用户常会出现重复操作的情况，可对目标名单数据来源的名单数据集按照用户姓名、用户ID等字段名执行数据去重操作，将执行数据去重操作后的用户总数量确定为竞赛活动报名的总人数。

在另一种可能的实施方式中，当所述数据类型为查询指定字段的数据时，所述其他组件配置属性项包括查询范围项和查询条件项；步骤S1034中所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

步骤1、响应于针对所述查询范围项的配置操作，配置所述目标统计数据的查询范围；

步骤2、响应于针对所述查询条件项的配置操作，配置所述目标统计数据的查询条件。

步骤3、根据所述目标统计数据的所述查询范围中符合所述查询条件项的统计数据，确定所述目标统计数据的数据内容。

示例性的，查询条件可以包括所述目标统计数据的名单字段名和名单字段值。相应地，目标统计数据的数据内容即为名单数据来源的所述查询范围中具有配置的名单字段名且名单字段名所映射的值为名单字段值的名单数据；例如，设定名单字段名为“性别”，名单字段值为“女”，则可将竞赛活动的报名人群中女性选手的报名数据作为数据内容。此外，若查询到的指定字段的数据为分页形式的显示数据，还可以配置每页显示的数据条数等目标统计数据的显示形式。

这样，移动终端根据目标占位符组件被配置的查询范围和查询条件，可以查询到目标网页节点的目标名单数据来源的查询范围中符合查询条件的统计数据，进而移动终端可将统计数据渲染显示在数据统计页面中。

进一步的，所述其他组件属性配置项还包括所述占位符组件前文本项和所述占位符组件后文本项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，还包括：

响应于针对所述目标占位符组件前文本项以及所述目标占位符组件后文本项的配置操作，确定位于所述目标占位符组件的目标位置之前的前文本和位于所述目标占位符组件对应的目标位置之后的后文本。

这样，移动终端在根据目标占位符组件的配置数据获取到相应统计数据后，将统计数据显示在前文本和后文本之间，组合出数据统计页面。

进一步的，所述其他组件属性配置项还包括筛选条件项；通过配置目标占位符组件的筛选条件项，确定目标占位符组件对应的数据筛选条件。这样可以对通过上述各种方式确定的目标占位符组件对应的统计数据进行进一步筛选，进而将符合数据筛选条件的统计数据作为目标统计数据，以对目标字占位符组件进行替换显示。

S104、基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据。

该步骤中，数据统计页面中除了目标占位符组件外，还可能包括其他组件，例如，静态的文本框组件和图像图标等。根据目标占位符组件的配置数据和其他组件的相关数据，得到整个数据统计页面的页面数据。在具体实施时，可将页面数据抽象为JSON数据，并将其中目标占位符组件的配置数据存储在pageObj中componentData数组。

S105、将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

本申请实施例提供的一种数据统计页面的生成方法，所述生成方法应用于服务器；所述生成方法包括：响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

通过对占位符组件进行简单的个性化配置即可生成满足不同数据统计需求的数据统计页面，这种无代码的页面生成方法降低了开发技术门槛，提高了数据统计页面的生成效率。

请参阅图3，图3为本申请另一实施例提供的一种数据统计页面的显示方法的流程图。如图3中所示，本申请实施例提供的显示方法，应用于移动终端，在具体实施时，移动终端可以是可运行显示方法的移动电子设备，例如，智能手机、智能手表、个人计算机和平板电脑等；所述显示方法包括：

S301、通过数据库获取数据统计页面的页面数据。

其中，所述页面数据由服务器响应于针对所述数据统计页面中占位符组件的组件属性配置项的配置操作而生成；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面。

该步骤中，移动终端可利用链接地址、扫描二维码等方式，通过数据库获取到页面数据。

S302、根据所述页面数据中每个占位符组件的配置数据，获取每个所述占位符组件所占位的目标统计数据。

该步骤中，可通过占位符组件的配置数据解析出数据类型，并根据数据类型请求数据库的相应接口以从数据库中获取目标统计数据。示例性的，通过解析某一占位符组件的配置数据确定目标统计数据的数据类型为统计用户总数量时，则请求数据库与统计用户总数量这一数据类型相应的接口，从而使用相应的功能确定用户总数量，也就是数据统计页面中应当显示的目标统计数据。

S303、根据所述目标统计数据对相应占位符组件所在位置的原始显示形式进行替换显示，渲染得到所述数据统计页面。

这样，通过对占位符组件进行简单的个性化配置即可生成不同数据统计需求的数据统计页面，这种无代码的页面生成方法降低了开发技术门槛，提高了数据统计页面的生成效率。

进一步的，用户可通过在移动终端设备显示的页面中执行页面操作以提交名单数据到数据库；各页面中的预先埋点也可在活动过程中根据用户的操作获取名单数据。这样，可以实现名单数据来源的数据实时更新，进而使得数据统计页面可以实时更新。

请参阅图4，图4为本申请实施例所提供的一种服务器的结构示意图。如图4中所示，所述服务器400包括：

显示模块410，用于响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；

放置模块420，用于响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

第一生成模块430，用于响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；

第二生成模块440，用于基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；

保存模块450，用于将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

进一步的，所述多个组件属性配置项至少包括组件数据来源节点项和组件数据类型项；所述第一生成模块430在用于响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据时，所述第一生成模块430用于：

响应于针对所述组件数据来源节点项的配置操作，配置所述目标占位符组件所占位的目标统计数据的节点数据来源；所述节点数据来源包括所述网页活动链中的各网页节点；

响应于针对所述组件数据类型项的配置操作，配置所述目标统计数据的数据类型；所述数据类型包括展示当前用户网页表单数据、统计指定字段的数量、统计用户总数量和查询指定字段的数据；

根据所述数据类型，在所述组件属性配置区域中显示与所述数据类型相对应的其他组件属性配置项；

响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源和数据内容；

根据所述目标统计数据的所述节点数据来源、所述数据类型、名单数据来源和所述数据内容，生成所述目标占位符组件的配置数据。

进一步的，当所述数据类型为统计指定字段的数量或统计用户总数量或查询指定字段的数据时，所述组件属性配置项还包括名单数据来源项；所述第一生成模块430在用于响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源时，所述第一生成模块430用于：

响应于针对所述名单数据来源项的配置操作，读取所述节点数据来源的网页节点下多个可选的名单数据来源；所述名单数据来源包括预先配置的预存名单数据、通过在网页节点对应的各页面中埋点而在活动过程中获取的名单数据以及各移动终端响应于用户操作而提交的名单数据；

响应于针对多个可选的名单数据来源的选择操作，确定所述目标统计数据的名单数据来源。

进一步的，当所述数据类型为展示当前用户网页表单数据时，所述第一生成模块430配置所述目标统计数据的名单数据来源为显示当前数据统计页面的移动终端响应于用户操作而提交的名单数据；

所述其他组件属性配置项还包括名单字段名项；所述第一生成模块430在用于响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容时，所述第一生成模块430用于：

响应于针对所述名单字段名项的配置操作，确定所述名单字段名项对应的目标字段名；

根据所述目标统计数据的名单数据来源中所述目标字段名对应的字段值，确定所述目标统计数据的数据内容。

进一步的，当所述数据类型为统计指定字段的数量时，所述其他组件属性配置项还包括名单字段名项、名单字段值项和去重字段名项；所述第一生成模块430在用于响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容时，所述第一生成模块430用于：

响应于针对所述名单字段名项和所述名单字段值项的配置操作，确定所述名单字段名项对应的目标字段名和所述名单字段值项对应的目标字段值；

响应于针对所述去重字段名项的配置操作，确定需去重的字段名；

从所述目标统计数据的名单数据来源中筛选出所述目标字段名所映射的字段值为所述目标字段值的待去重数据；

根据所述待去重数据中需去重的字段名映射的字段值，对所述待去重数据执行数据去重操作，确定执行数据去重操作后的数据数量；

根据执行数据去重操作后的数据数量，确定所述目标统计数据的数据内容。

进一步的，当所述数据类型为统计用户总数量时，所述其他组件配置属性项包括去重字段名项；所述第一生成模块430在用于响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容时，所述第一生成模块430用于：

响应于针对所述去重字段名项的配置操作，确定需去重的字段名；

根据所述目标统计数据的名单数据来源中需去重的字段名映射的字段值，对所述目标统计数据的名单数据来源执行数据去重操作，确定执行数据去重操作后的用户总数量；

根据执行数据去重操作后的用户总数量，确定所述目标统计数据的数据内容。

进一步的，当所述数据类型为查询指定字段的数据时，所述其他组件配置属性项包括查询范围项和查询条件项；所述第一生成模块430在用于响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容时，所述第一生成模块430用于：

响应于针对所述查询范围项的配置操作，配置所述目标统计数据的查询范围；

响应于针对所述查询条件项的配置操作，配置所述目标统计数据的查询条件；

根据所述目标统计数据的所述查询范围中符合所述查询条件项的统计数据，确定所述目标统计数据的数据内容。

请参阅图5，图5为本申请实施例所提供的一种移动终端的结构示意图。如图5中所示，所述移动终端500包括：

获取模块510，用于通过数据库获取数据统计页面的页面数据；所述页面数据由服务器响应于针对所述数据统计页面中占位符组件的组件属性配置项的配置操作而生成；所述占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

确定模块520，用于根据所述页面数据中每个占位符组件的配置数据，获取每个所述占位符组件所占位的目标统计数据；

渲染模块530，用于根据所述目标统计数据对相应占位符组件所在位置的原始显示形式进行替换显示，渲染得到所述数据统计页面。

请参阅图6，图6为本申请实施例所提供的一种电子设备的结构示意图。如图6中所示，所述电子设备600包括处理器610、存储器620和总线630。

所述存储器620存储有所述处理器610可执行的机器可读指令，当电子设备600运行时，所述处理器610与所述存储器620之间通过总线630通信，所述机器可读指令被所述处理器610执行时，可以执行如上述图1以及图2所示方法实施例中的一种数据统计页面的生成方法以及图3所示方法实施例中的一种数据统计页面的显示方法的步骤，具体实现方式可参见方法实施例，在此不再赘述。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时可以执行如上述图1以及图2所示方法实施例中的一种数据统计页面的生成方法以及图3所示方法实施例中的一种数据统计页面的显示方法的步骤，具体实现方式可参见方法实施例，在此不再赘述。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本申请的具体实施方式，用以说明本申请的技术方案，而非对其限制，本申请的保护范围并不局限于此，尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种数据统计页面的生成方法，其特征在于，所述生成方法应用于服务器；所述生成方法包括：

响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；

响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；

基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；

将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

2.根据权利要求1所述的生成方法，其特征在于，所述多个组件属性配置项至少包括组件数据来源节点项和组件数据类型项；所述响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据，包括：

响应于针对所述组件数据来源节点项的配置操作，配置所述目标占位符组件所占位的目标统计数据的节点数据来源；所述节点数据来源包括所述网页活动链中的各网页节点；

响应于针对所述组件数据类型项的配置操作，配置所述目标统计数据的数据类型；所述数据类型包括展示当前用户网页表单数据、统计指定字段的数量、统计用户总数量和查询指定字段的数据；

根据所述数据类型，在所述组件属性配置区域中显示与所述数据类型相对应的其他组件属性配置项；

响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源和数据内容；

根据所述目标统计数据的所述节点数据来源、所述数据类型、名单数据来源和所述数据内容，生成所述目标占位符组件的配置数据。

3.根据权利要求2所述的生成方法，其特征在于，当所述数据类型为统计指定字段的数量或统计用户总数量或查询指定字段的数据时，所述组件属性配置项还包括名单数据来源项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的名单数据来源，包括：

响应于针对所述名单数据来源项的配置操作，读取所述节点数据来源的网页节点下多个可选的名单数据来源；所述名单数据来源包括预先配置的预存名单数据、通过在网页节点对应的各页面中埋点而在活动过程中获取的名单数据以及各移动终端响应于用户操作而提交的名单数据；

响应于针对多个可选的名单数据来源的选择操作，确定所述目标统计数据的名单数据来源。

4.根据权利要求2所述的生成方法，其特征在于，当所述数据类型为展示当前用户网页表单数据时，配置所述目标统计数据的名单数据来源为显示当前数据统计页面的移动终端响应于用户操作而提交的名单数据；

所述其他组件属性配置项还包括名单字段名项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述名单字段名项的配置操作，确定所述名单字段名项对应的目标字段名；

根据所述目标统计数据的名单数据来源中所述目标字段名对应的字段值，确定所述目标统计数据的数据内容。

5.根据权利要求3所述的生成方法，其特征在于，当所述数据类型为统计指定字段的数量时，所述其他组件属性配置项还包括名单字段名项、名单字段值项和去重字段名项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述名单字段名项和所述名单字段值项的配置操作，确定所述名单字段名项对应的目标字段名和所述名单字段值项对应的目标字段值；

响应于针对所述去重字段名项的配置操作，确定需去重的字段名；

从所述目标统计数据的名单数据来源中筛选出所述目标字段名所映射的字段值为所述目标字段值的待去重数据；

根据所述待去重数据中需去重的字段名映射的字段值，对所述待去重数据执行数据去重操作，确定执行数据去重操作后的数据数量；

根据执行数据去重操作后的数据数量，确定所述目标统计数据的数据内容。

6.根据权利要求3所述的生成方法，其特征在于，当所述数据类型为统计用户总数量时，所述其他组件配置属性项包括去重字段名项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述去重字段名项的配置操作，确定需去重的字段名；

根据所述目标统计数据的名单数据来源中需去重的字段名映射的字段值，对所述目标统计数据的名单数据来源执行数据去重操作，确定执行数据去重操作后的用户总数量；

根据执行数据去重操作后的用户总数量，确定所述目标统计数据的数据内容。

7.根据权利要求3所述的生成方法，其特征在于，当所述数据类型为查询指定字段的数据时，所述其他组件配置属性项包括查询范围项和查询条件项；所述响应于针对其他组件属性配置项的配置操作，配置所述目标统计数据的数据内容，包括：

响应于针对所述查询范围项的配置操作，配置所述目标统计数据的查询范围；

响应于针对所述查询条件项的配置操作，配置所述目标统计数据的查询条件；

根据所述目标统计数据的所述查询范围中符合所述查询条件项的统计数据，确定所述目标统计数据的数据内容。

8.一种数据统计页面的显示方法，其特征在于，所述显示方法应用于移动终端；所述显示方法包括：

通过数据库获取数据统计页面的页面数据；所述页面数据由服务器响应于针对所述数据统计页面中占位符组件的组件属性配置项的配置操作而生成；所述占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

根据所述页面数据中每个占位符组件的配置数据，获取每个所述占位符组件所占位的目标统计数据；

根据所述目标统计数据对相应占位符组件所在位置的原始显示形式进行替换显示，渲染得到所述数据统计页面。

9.一种服务器，其特征在于，所述服务器包括：

显示模块，用于响应于针对网页活动链中目标网页节点发出的网页创建请求，显示网页编辑界面；所述网页编辑界面包括画布区域、组件库区域以及组件属性配置区域；

放置模块，用于响应于针对所述组件库区域中目标占位符组件的拖拽操作，将所述目标占位符组件放置在所述画布区域中的目标位置，并在所述组件属性配置区域显示所述目标占位符组件的多个组件属性配置项；所述目标占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

第一生成模块，用于响应于针对所述多个组件属性配置项的配置操作，生成所述目标占位符组件的配置数据；

第二生成模块，用于基于所述目标占位符组件的配置数据，生成所述数据统计页面的页面数据；

保存模块，用于将所述页面数据保存至数据库中，以使移动终端在通过所述数据库获取所述页面数据后渲染得到所述数据统计页面。

10.一种移动终端，其特征在于，所述移动终端包括：

获取模块，用于通过数据库获取数据统计页面的页面数据；所述页面数据由服务器响应于针对所述数据统计页面中占位符组件的组件属性配置项的配置操作而生成；所述占位符组件用于占位目标统计数据，以被所述目标统计数据替换显示而得到数据统计页面；

确定模块，用于根据所述页面数据中每个占位符组件的配置数据，获取每个所述占位符组件所占位的目标统计数据；

渲染模块，用于根据所述目标统计数据对相应占位符组件所在位置的原始显示形式进行替换显示，渲染得到所述数据统计页面。

Images