CN115587269A - 一种客户端h5页面的生成方法及装置 - Google Patents

Abstract

本申请提供了一种客户端H5页面的生成方法及装置，该方法包括：响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；不同的任务组件对应不同的页面功能；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；获取操作人员配置该任务件的各个配置信息的配置框的配置内容；依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。本申请通过对H5页面中的任务组进行配置，以解决现有技术中无法对任务进行统一管理和快速配置的技术问题，达到了提高客户端H5页面的生成效率的技术效果。

Description

一种客户端H5页面的生成方法及装置

技术领域

本申请涉及应用开发技术领域，尤其涉及一种客户端H5页面的生成方法及装置。

背景技术

现有技术中，每个营销活动对应至少一个任务，从而导致任务的数量较多，且各个任务之间存在区别。由于需要人工编写代码从而生成任务，在需要大量不同的任务时，影响任务的制作效率也无法对任务进行统一的管理。

发明内容

有鉴于此，本申请的目的在于至少提供一种客户端H5页面的生成方法及装置，本申请通过对客户端H5页面中的任务组进行配置，以解决现有技术中无法对任务进行统一管理和快速配置的技术问题，达到了提高客户端H5页面的生成效率的技术效果。

本申请主要包括以下几个方面：

第一方面，本申请实施例提供一种客户端H5页面的生成方法，客户端H5页面的生成方法包括：响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；获取操作人员配置该任务件的各个配置信息的配置框的配置内容；依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。

可选地，响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件之后，方法还包括：响应于针对任务组件的样式设置的点击指令，在样式设置界面中显示任务组件的各个样式设置信息的配置框；任务组件的各个样式设置信息用于描述任务组件的样式；获取操作人员配置任务组件的各个样式设置信息的配置框的配置内容。

可选地，任务组件的各个样式设置信息包括：新增任务件；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框之前，方法还包括：响应于针对新增任务件的点击命令，在样式设置界面中显示新增的任务件的配置按钮。

可选地，配置框包括选项框或填写框；获取操作人员配置该任务件的各个配置信息的配置框的配置内容包括：若该配置信息的配置框为选项框，则获取操作人员在选项框的至少一个选项中选择的目标选项，将目标选项作为该配置信息的配置框的配置内容；若该配置信息的配置框为填写框，则获取操作人员在填写框中填写的文字内容，将文字内容作为该配置信息的配置框的配置内容。

可选地，任务件的各个配置信息包括新增子任务件；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框之后，方法还包括：响应于针对新增子任务件的点击命令，在子任务件的配置界面中显示子任务件的各个配置信息的配置框；获取操作人员配置子任务件的各个配置信息的配置框的配置内容。

可选地，子任务件的各个配置信息包括：子任务件名称、子任务件描述、子任务件图标、子任务件达标信息、子任务件奖励。

可选地，任务组的各个配置信息包括：任务名称、任务描述、任务图标、任务跳转按钮、任务字体。

第二方面，本申请实施例还提供一种客户端H5页面的生成装置，客户端H5页面的生成装置包括：第一响应模块，用于响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；不同的任务组件对应不同的页面功能；第二响应模块，用于响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；获取模块，用于获取操作人员配置该任务件的各个配置信息的配置框的配置内容；生成模块，用于依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。

第三方面，本申请实施例还提供一种电子设备，包括：处理器、存储器和总线，存储器存储有处理器可执行的机器可读指令，当电子设备运行时，处理器与存储器之间通过总线进行通信，机器可读指令被处理器运行时执行上述第一方面或第一方面中任一种可能的实施方式中的客户端H5页面的生成方法的步骤。

第四方面，本申请实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器运行时执行上述第一方面或第一方面中任一种可能的实施方式中的客户端H5页面的生成的步骤。

本申请实施例提供的一种客户端H5页面的生成方法及装置，客户端H5页面的生成方法包括：响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；不同的任务组件对应不同的页面功能；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；获取操作人员配置该任务件的各个配置信息的配置框的配置内容；依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。本申请通过对客户端H5页面中的任务组进行配置，以解决现有技术中无法对任务进行统一管理和快速配置的技术问题，达到了提高客户端H5页面的生成效率的技术效果。

本申请的有益之处在于：

通过配置任务件的每个子任务件的子任务件名称、子任务件描述、子任务件图标、子任务件达标信息、子任务件奖励，来实现对该任务件的配置；通过配置任务组件的每个任务件的任务名称、任务描述、任务图标、任务跳转按钮、任务字体，来实现对任务组件的配置，进而实现配置后的客户端H5页面可以显示任务组件、任务组件的至少一个任务件以及每个任务件的子任务件。用户通过完成任务件的每个子任务件的任务，来完成该任务件，进而通过完成任务组件的每个任务件，来完成该任务组件。

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

附图说明

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

图1示出了本申请实施例所提供的一种客户端H5页面的生成方法的流程图。

图2示出了本申请实施例所提供的另一种客户端H5页面的生成方法的流程图。

图3示出了本申请实施例所提供的一种客户端H5页面的生成装置的功能模块图。

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

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，应当理解，本申请中的附图仅起到说明和描述的目的，并不用于限定本申请的保护范围。另外，应当理解，示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。应当理解，流程图的操作可以不按顺序实现，没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。此外，本领域技术人员在本申请内容的指引下，可以向流程图添加一个或多个其他操作，也可以从流程图中移除一个或多个操作。

另外，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的全部其他实施例，都属于本申请保护的范围。

现有技术中无法对网络网页中的各个任务组进行统一配置和管理。

基于此，本申请实施例提供了一种客户端H5页面的生成方法及装置，通过对客户端H5页面中的任务组进行配置，以解决现有技术中无法对任务进行统一管理和快速配置的技术问题，达到了提高客户端H5页面的生成效率的技术效果，具体如下：

请参阅图1，图1为本申请实施例所提供的一种客户端H5页面的生成方法的流程图。如图1所示，本申请实施例提供的客户端H5页面的生成方法，包括以下步骤：

S101：响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件。

其中，页面编辑器安装在操作人员或配置人员的手机、平板电脑、主机、智能手表等智能终端设备上。页面编辑器一般为针对H5的编辑器。H5指的是第5代互联网超文本标记语言HTML，也指用H5语言制作的一切数字产品。

页面编辑器的展示页面中包括组件列表位置、画布显示位置，其中组件列表位置位于展示页面的左侧部位，画布显示位置位于展示页面的中间部位。

接收操作人员在组件列表中的各个组件中选择业务组件的点击指令，显示出业务组件对应的组件表单。组件表单中包含至少一个任务组件，不同的任务组件对应不同的页面功能。

也就是说，操作人员首先在组件列表中选择业务组件，再次在业务组件的组件表单中拖拽出任务组件。此时拖拽出来的任务组件可以理解为预先设置好的任务组件的模板。

响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件之后，方法还包括：请参阅图2，图2示出了本申请实施例所提供的另一种客户端H5页面的生成方法的流程图，如图所示：

S201、响应于针对任务组件的样式设置的点击指令，在样式设置界面中显示任务组件的各个样式设置信息的配置框。

任务组件的各个样式设置信息用于描述任务组件的样式。

S202、获取操作人员配置任务组件的各个样式设置信息的配置框的配置内容。

也就是说，接收操作人员对业务组件的选择指令，在页面编辑器的展示页面的右侧部分显示出任务组件的样式设置界面；接收操作人员对样式设置的点击指令，在样式设置界面中显示任务组件的各个样式设置信息的配置框。其中，任务组件的各个样式设置信息用于描述任务组件的样式。任务组件的各个样式设置信息包括：任务组件标题、标题颜色、标题背景图、标题字体和字号、任务组标题字体和字号、权益描述字体和字号、子任务件标题字体和字号、子任务件子标题字体和字号。任务组件标题指的任务组件的标题、标题颜色指的是任务组件的标题的颜色、标题背景图指的是任务组件的标题的背景图；标题字体和字号指的是任务组件的标题的字体和字号、任务组标题字体和字号指的是任务组的标题的字体和字号、权益描述字体和字号指的是权益描述的字体和字号、子任务件标题字体和字号指的是子任务件的标题的字体和字号、子任务件子标题字体和字号指的是子任务件子标题的字体和字号。

获取操作人员配置任务组件的各个样式设置信息的配置框的配置内容包括：获取操作人员对任务组件标题的配置框中配置的任务组件标题；获取操作人员对标题颜色的配置框中配置的标题颜色；获取操作人员对标题背景图的配置框中配置的标题背景图或标题背景图存储的位置链接；获取操作人员对标题字体的配置框中配置的标题字体和字号；获取操作人员对任务组标题字体和字号的配置框中配置的任务组标题字体和字号；获取操作人员对权益描述字体和字号的配置框中配置的权益描述字体和字号；获取操作人员对子任务件标题字体和字号的配置框中配置的子任务件标题字体和字号；获取操作人员对子任务件子标题字体和字号的配置框中配置的子任务件子标题字体和字号。

其中，标题字体和字号、任务组标题字体和字号、权益描述字体和字号、子任务件标题字体和字号、子任务件子标题字体和字号对应的配置框均为选择框。

任务组件的各个样式设置信息还包括：新增任务件；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框之前，方法还包括：响应于针对新增任务件的点击命令，在样式设置界面中显示新增的任务件的配置按钮。

也就是说，任务组件本身包含至少一个原始的任务件，样式设置界面中包含新增任务件。接收操作人员对新增任务件的点击命令，在样式设置界面中显示新增的任务件的配置按钮，则在样式设置界面中显示至少一个原始的任务件的配置按钮和新增的任务件的配置按钮，画布显示位置中也对应显示至少一个原始的任务件和新增的任务件。对新增任务件的一次点击指令对应在样式设置界面中显示一个新增的任务件的配置按钮，每个任务件的配置按钮依据显示顺序对应一个标号。

样式设置界面中也包含任务件对应的取消按钮，接收操作人员对任务件的取消按钮的点击命令后，则在样式设置界面中取消显示该任务件的配置按钮，画布显示位置中也对应取消显示该任务件。每个任务件对应一个取消按钮，接收操作人员对该任务件的取消按钮的点击指令，该任务件被删除，比该任务件的显示顺序大的任务件的标号依次减去一。

示例性的，在接收操作人员对新增任务件进行n次点击后，在样式设置界面中会显示出n+1个任务件的配置按钮(n个新增的任务件和1个原始的任务件)，即，原始的任务件的配置按钮显示为任务件一，第一次点击对应的新增的任务件的配置按钮显示为任务件二，…，第n次点击对应的新增的任务件的配置按钮显示为任务件n+1。每个任务件对应一个取消按钮，若操作人员点击任务件一对应的取消按钮，则任务件一的配置按钮被删除，任务件二的配置按钮更新为任务件一。

S102：响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框。

至少一个任务件包括至少一个原始的任务件和/或至少一个新增的任务件。针对每个任务件，响应于该任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框。也就是说，可以对每个任务件进行配置。

任务件的各个配置信息包括任务件类型、任务件名称、任务件描述、任务件参与状态背景色、任务件描述字体颜色、任务件背景图、任务件图标、参与按钮、任务跳转按钮。也就是说，接收操作人员对任务件类型的配置框进行配置的任务件类型；接收操作人员对任务件名称的配置框进行配置的任务件名称；接收操作人员对任务件描述的配置框进行配置的任务件描述；接收操作人员对任务件背景图的配置框进行配置的背景图；接收操作人员对任务件图标的配置框进行配置的任务件图标；接收操作人员对参与按钮的配置框进行配置的参与按钮图标；接收操作人员对任务跳转按钮的配置框进行配置的任务跳转按钮图标。任务跳转按钮的配置框用于配置任务件的至少一个子任务件的任务跳转按钮。任务件类型指的是任务件的类型、任务件名称指的是任务件的名称、任务件描述指的是任务件的权益描述、任务件参与状态背景色指的是任务件参与状态的背景色(任务件参与状态用于表述用户对于该任务件的参与情况，包括未参与、已参与和已完成)、任务件描述字体颜色指的是任务件描述的颜色、任务件背景图指的是任务件的背景图、任务件图标指的是任务件的图标、参与按钮指的是在点击此参与按钮后则可以参与该任务件、任务跳转按钮指的是在点击此任务跳转按钮后跳转至跳转对应链接。

其中，任务件名称、任务件描述、任务件参与状态、任务件图标、参与按钮均位于任务件背景图之上。

任务跳转按钮包括：待参与按钮、未完成按钮、已完成按钮、任务跳转滑动块、跳转类型、跳转对应链接。也就是说，接收操作人员对任务跳转按钮的点击指令；显示出待参与按钮、未完成按钮、已完成按钮、任务跳转滑动块、跳转类型、跳转对应链接的配置框；接收操作人员对待参与按钮的配置框进行配置的待参与按钮图标；接收操作人员对待参与按钮的配置框进行配置的待参与按钮图标；接收操作人员对未完成按钮的配置框进行配置的未完成按钮图标；接收操作人员对待参与按钮的配置框进行配置的待参与按钮图标；接收操作人员对已完成按钮的配置框进行配置的已完成按钮图标；接收操作人员对任务跳转滑动块的选择(滑动任务跳转滑动框用于选择任务跳转功能或者不选择任务跳转功能)；若接收到操作人员配置的选择任务跳转功能，则接收操作人员对跳转类型的配置框进行配置的跳转类型；接收操作人员对跳转对应链接的配置框进行配置的跳转对应链接。

S103：获取操作人员配置该任务件的各个配置信息的配置框的配置内容。

配置框包括选项框或填写框；获取操作人员配置该任务件的各个配置信息的配置框的配置内容包括：若该配置信息的配置框为选项框，则获取操作人员在选项框的至少一个选项中选择的目标选项，将目标选项作为该配置信息的配置框的配置内容；若该配置信息的配置框为填写框，则获取操作人员在填写框中填写的文字内容，将文字内容作为该配置信息的配置框的配置内容。

任务件的各个配置信息包括新增子任务件；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框之后，方法还包括：响应于针对新增子任务件的点击命令，在子任务件的配置界面中显示子任务件的各个配置信息的配置框；获取操作人员配置子任务件的各个配置信息的配置框的配置内容。

子任务件的各个配置信息包括：子任务件名称、子任务件描述、子任务件图标、子任务件达标信息、子任务件奖励。其中，子任务件奖励用于描述用户完成该子任务件对应的任务时会受到的奖励，子任务件达标信息用于描述该子任务件对应的任务的完成条件。

也就是说，任务件本身包含至少一个原始的子任务件，通过用户点击新增子任务件来新增子任务件。接收操作人员对新增子任务件的点击命令，在子任务件的配置界面中显示新增的子任务件，则在子任务件的配置界面中显示至少一个原始的子任务件和新增的子任务件。对新增任务件的一次点击指令对应在子任务件的配置界面中显示一个新增的子任务件，每个子任务件依据显示顺序对应一个标号。

接收操作人员对子任务件名称的配置框进行配置的子任务件名称；接收操作人员对子任务件描述的配置框进行配置的子任务件描述；接收操作人员对子任务件图标的配置框进行配置的子任务件图标；接收操作人员对子任务件达标信息的配置框进行配置的子任务件达标信息；接收操作人员对子任务件奖励的配置框进行配置的子任务件奖励。

S104：依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。

也就是说，依据任务组件的各个配置信息及各个配置信息对应的配置内容在在画布显示位置渲染成客户端H5页面。服务器将任务组件对应的配置内容打包成JSON数据包并存储。

客户端指的是用户的手机、平板电脑、主机、智能手表等智能终端设备。示例性的，在客户端显示客户端H5页面时，客户端读取JSON数据包得到的客户端H5页面为：任务组件标题为任务列表并位于客户端H5页面的中上部位；任务组件标题的下方包括三个任务件分别为任务一、任务二和任务三，用户可以通过左右滑动屏幕来查看该任务组件对应的每个任务件；任务一或任务二或任务三位于客户端H5页面的中间部位；每个任务件均显示该任务件背景图，在该任务件背景图上显示任务件名称、任务件描述、任务件图标、参与按钮；用户通过直接点击任务一或任务二或任务三，或者点击任务一或任务二或任务三的参与按钮显示对应任务件的至少一个子任务件；用户可以通过上下滑动屏幕来查看该任务件的每个子任务件；子任务件显示在该任务件的下部并位于客户端H5页面的中下部位；显示出该任务件的每个子任务件的子任务件名称、子任务件描述、子任务件图标、任务跳转按钮。

基于同一申请构思，本申请实施例中还提供了与上述实施例提供的客户端H5页面的生成方法对应的客户端H5页面的生成装置，由于本申请实施例中的装置解决问题的原理与本申请上述实施例的客户端H5页面的生成方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。

如图3所示，图3为本申请实施例提供的一种客户端H5页面的生成装置的功能模块图，客户端H5页面的生成装置10包括：第一响应模块101、第二响应模块102、获取模块103和生成模块104。其中，第一响应模块101，用于响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；不同的任务组件对应不同的页面功能；第二响应模块102，用于响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；获取模块103，用于获取操作人员配置该任务件的各个配置信息的配置框的配置内容；生成模块104，用于依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。

客户端H5页面的生成装置还包括：第三响应模块，用于响应于针对任务组件的样式设置的点击指令，在样式设置界面中显示任务组件的各个样式设置信息的配置框；任务组件的各个样式设置信息用于描述任务组件的样式；样式设置信息获取模块，用于获取操作人员配置任务组件的各个样式设置信息的配置框的配置内容。

任务组件的各个样式设置信息包括：新增任务件；客户端H5页面的生成装置还包括：第四响应模块，用于响应于针对新增任务件的点击命令，在样式设置界面中显示新增的任务件的配置按钮。

配置框包括选项框或填写框；获取模块包括：选项框获取模块，用于若该配置信息的配置框为选项框，则获取操作人员在选项框的至少一个选项中选择的目标选项，将目标选项作为该配置信息的配置框的配置内容；填写框获取模块，用于若该配置信息的配置框为填写框，则获取操作人员在填写框中填写的文字内容，将文字内容作为该配置信息的配置框的配置内容。

任务件的各个配置信息包括新增子任务件；客户端H5页面的生成装置还包括：第五响应模块，用于响应于针对新增子任务件的点击命令，在子任务件的配置界面中显示子任务件的各个配置信息的配置框；子任务件获取模块，用于获取操作人员配置子任务件的各个配置信息的配置框的配置内容。

基于同一申请构思，参见图4所示，为本申请实施例提供的一种电子设备的结构示意图，电子设备20包括：处理器201、存储器202和总线203，存储器202存储有处理器201可执行的机器可读指令，当电子设备20运行时，处理器201与存储器202之间通过总线203进行通信，机器可读指令被处理器201运行时执行如上述实施例中任一的客户端H5页面的生成方法的步骤。

具体地，机器可读指令被处理器201执行时可以执行如下处理：响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；不同的任务组件对应不同的页面功能；响应于任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；获取操作人员配置该任务件的各个配置信息的配置框的配置内容；依据任务组件对应的配置内容，对任务组件的各个配置信息进行布局，生成客户端H5页面。

基于同一申请构思，本申请实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器运行时执行上述实施例提供的客户端H5页面的生成方法的步骤。

具体地，存储介质能够为通用的存储介质，如移动磁盘、硬盘等，存储介质上的计算机程序被运行时，能够执行上述客户端H5页面的生成方法，本申请通过对客户端H5页面中的任务组进行配置，以解决现有技术中无法对任务进行统一管理和快速配置的技术问题，达到了提高客户端H5页面的生成效率的技术效果。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本申请所提供的几个实施例中，应理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

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

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

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

以上仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种客户端H5页面的生成方法，其特征在于，所述客户端H5页面的生成方法包括：

响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；

响应于所述任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；

获取操作人员配置该任务件的各个配置信息的配置框的配置内容；

依据所述任务组件对应的配置内容，对所述任务组件的各个配置信息进行布局，生成客户端H5页面。

2.根据权利要求1所述的客户端H5页面的生成方法，其特征在于，所述响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件之后，所述方法还包括：

响应于针对所述任务组件的样式设置的点击指令，在样式设置界面中显示所述任务组件的各个样式设置信息的配置框；所述任务组件的各个样式设置信息用于描述所述任务组件的样式；

获取操作人员配置所述任务组件的各个样式设置信息的配置框的配置内容。

3.根据权利要求2所述的客户端H5页面的生成方法，其特征在于，所述任务组件的各个样式设置信息包括：新增任务件；所述响应于所述任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框之前，所述方法还包括：

响应于针对所述新增任务件的点击命令，在所述样式设置界面中显示新增的任务件的配置按钮。

4.根据权利要求1所述的客户端H5页面的生成方法，其特征在于，所述配置框包括选项框或填写框；所述获取操作人员配置该任务件的各个配置信息的配置框的配置内容包括：

若该配置信息的配置框为选项框，则获取操作人员在所述选项框的至少一个选项中选择的目标选项，将所述目标选项作为该配置信息的配置框的配置内容；

若该配置信息的配置框为填写框，则获取操作人员在所述填写框中填写的文字内容，将所述文字内容作为该配置信息的配置框的配置内容。

5.根据权利要求1所述的客户端H5页面的生成方法，其特征在于，所述任务件的各个配置信息包括新增子任务件；所述响应于所述任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框之后，所述方法还包括：

响应于针对所述新增子任务件的点击命令，在子任务件的配置界面中显示子任务件的各个配置信息的配置框；

获取操作人员配置子任务件的各个配置信息的配置框的配置内容。

6.根据权利要求5所述的客户端H5页面的生成方法，其特征在于，所述子任务件的各个配置信息包括：子任务件名称、子任务件描述、子任务件图标、子任务件达标信息、子任务件奖励。

7.根据权利要求1所述的客户端H5页面的生成方法，其特征在于，所述任务组的各个配置信息包括：任务名称、任务描述、任务图标、任务跳转按钮、任务字体。

8.一种客户端H5页面的生成装置，其特征在于，所述客户端H5页面的生成装置包括：

第一响应模块，用于响应于在页面编辑器的组件列表中针对任务组件的拖拽命令，在页面编辑器的界面中对应位置处显示出新建的任务组件；不同的任务组件对应不同的页面功能；

第二响应模块，用于响应于所述任务组件的至少一个任务件的配置按钮的点击命令，在该任务件的配置界面中显示该任务件的各个配置信息的配置框；

获取模块，用于获取操作人员配置该任务件的各个配置信息的配置框的配置内容；

生成模块，用于依据所述任务组件对应的配置内容，对所述任务组件的各个配置信息进行布局，生成客户端H5页面。

9.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过所述总线进行通信，所述机器可读指令被所述处理器运行时执行如权利要求1至7任一所述的客户端H5页面的生成方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如权利要求1至7任一所述的客户端H5页面的生成方法的步骤。

Images