CN117130606A - 前端页面配置方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种前端页面配置方法、装置、计算机设备、存储介质和计算机程序产品。该方法包括：获取前端页面配置模板，获取在前端页面配置的活动信息，并根据活动信息确定前端页面的业务类型；获取与业务类型对应的至少一个配置信息，并确定至少一个配置信息各自对应的前端页面未配置项；将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互。采用本方法能够提高前端页面配置的效率。

Description

前端页面配置方法、装置、计算机设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种前端页面配置方法、装置、计算机设备、存储介质和计算机程序产品。

背景技术

随着网络的普及与发展，网站作为一种很强大的工具和平台，逐渐走进了人们的日常生活。其中，与用户关系最密切的前端技术逐渐得到了应有的重视，目前对于前端的开发也越来越注重用户的体验。前端开发得到的活动类页面与用户的实际交互效果也越来越好。

然而，当前针对活动类页面的前端开发，代码的复用性往往很低，在新增业务的时候往往需要编写大段重复的代码，导致对于活动类页面配置的效率极其低下。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高活动类页面配置的效率的前端页面配置方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。

第一方面，本申请提供了一种前端页面配置方法。所述方法包括：

获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

在其中一个实施例中，将所述目标页面配置数据发送到后端，所述后端用于与所述目标页面进行交互，所述后端包括业务数据库，所述业务数据库用于存储所述目标页面配置数据。

在其中一个实施例中，所述根据所述活动信息确定前端页面的业务类型，包括：在所述活动信息中确定与所述前端页面的业务类型相关的关键字段；根据所述关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；将所述前端页面的候选业务类型以及对应的所述候选前端页面效果图进行展示；接收展示反馈，根据所述展示反馈，确定所述前端页面的业务类型。

在其中一个实施例中，所述获取与所述业务类型对应的至少一个配置信息，包括：确定与所述业务类型对应的配置信息是否预先存储于业务数据库中；在与所述业务类型对应的配置信息预先存储在所述业务数据库中的情况下，调用后端页面配置接口，并通过所述后端页面配置接口获取与所述业务类型对应的配置信息；在与所述业务类型对应的配置信息未预先存储在所述业务数据库中的情况下，调用渲染函数；通过所述渲染函数生成与所述业务类型对应的配置信息。

在其中一个实施例中，所述通过所述渲染函数生成与所述业务类型对应的配置信息，包括：获取渲染函数列表，所述渲染函数列表包括关键字段与渲染函数之间的映射关系；根据所述前端页面的业务类型相关的关键字段和所述渲染函数列表中的映射关系，确定目标渲染函数；根据所述目标渲染函数，生成渲染节点；根据所述渲染节点在所述前端页面未配置项中的位置关系，在所述前端页面未配置项生成与所述业务类型对应的配置信息。

在其中一个实施例中，所述确定所述至少一个配置信息各自对应的前端页面未配置项，包括：对所述至少一个配置信息分别进行功能分析，得到所述至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到所述至少一个前端页面未配置项各自对应的第二功能逻辑；根据所述第一功能逻辑与所述第二功能逻辑，确定所述至少一个配置信息各自对应的前端页面未配置项。

在其中一个实施例中，所述根据所述第一功能逻辑与所述第二功能逻辑，确定所述至少一个配置信息各自对应的前端页面未配置项，包括：将每一所述配置信息各自对应的第一功能逻辑都分别与每一所述前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一所述配置信息与每一所述前端页面未配置项的候选相似度；针对所述至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与所述针对的配置信息对应的前端页面未配置项。

第二方面，本申请还提供了一种前端页面配置装置。所述装置包括：

获取模块，用于获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

第一确定模块，用于获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

第二确定模块，用于获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

填充模块，用于将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

渲染模块，用于基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

第三方面，本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

第五方面，本申请还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：

获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

上述前端页面配置方法、装置、计算机设备、存储介质和计算机程序产品，通过首先获取前端页面配置模版，以及前端页面配置所需的活动信息。然后根据该活动信息确定前端页面所属的业务类型，便于根据前端页面所属的业务类型，确定出至少一个配置信息各自对应的前端页面未配置项。再将确定出的至少一个配置信息分别填充到前端页面配置模版中的相应前端页面未配置项处，得到目标页面配置数据，实现了代码的高复用。最后根据得到的目标页面配置数据，渲染得到目标页面，实现与操作用户的交互，使得前端页面的配置不再需要编写大断重复的代码，从而提高了前端页面配置的效率。

附图说明

图1为一个实施例中前端页面配置方法的应用环境图；

图2为一个实施例中前端页面配置方法的流程示意图；

图3为另一个实施例中前端页面配置方法的流程示意图；

图4为一个实施例中前端页面配置装置的结构框图；

图5为另一个实施例中前端页面配置装置的结构框图；

图6为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请实施例提供的前端页面配置方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。数据存储系统可以存储服务器104需要处理的数据。数据存储系统可以集成在服务器104上，也可以放在云上或其他网络服务器上。终端102生成前端页面配置请求，然后将前端页面配置请求发送至服务器104，以使服务器104获取前端页面配置模版；确定前端页面的业务类型；确定至少一个配置信息各自对应的前端页面未配置项；得到目标页面配置数据；渲染得到用于与操作用户进行交互的目标页面。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，如图2所示，提供了一种前端页面配置方法，以该方法应用于图1中的服务器为例进行说明，包括以下步骤：

步骤202，获取前端页面配置模板，前端页面配置模板包括前端页面未配置项。

其中，前端页面配置模版可以理解为无具体业务逻辑的预设通用代码架构。该前端页面配置模版包括前端页面未配置项与前端页面已配置项，前端页面未配置项为前端页面配置模版中待配置具体代码的模块，前端页面已配置项为前端页面配置模版中已配置好具体代码，无需再配置具体代码的模块。

具体地，调取预设设置好的前端页面配置模版，该前端页面配置模板包括预设设置好的前端页面未配置项与预设设置好的前端页面已配置项。

在一示例中，在一无具体业务逻辑的预设通用代码架构中共有6个模块，分别为A模块、B模块、C模块、D模块、E模块和F模块。其中A模块、B模块、C模块和D模块为前端页面未配置项，这些模块需要填充配置信息。而E模块和F模块为前端页面已配置项，这些模块无需再配置具体代码，即无需再填充配置信息。

步骤204，获取在前端页面配置的活动信息，并根据活动信息确定前端页面的业务类型。

其中，前端是指网站的前台部分，包括网站的表现层和结构层，网站页面的结构，网站的外观视觉表现以及网站层面的交互实现。活动信息是指所要配置的前端页面服务的活动相关信息。容易理解地，对于活动信息的内容不做具体限定，可以是所要配置的前端页面的用途信息、类型信息、业务信息等。业务类型是指所要配置的前端页面所服务的业务的种类。

具体地，获取所要配置的前端页面的用途信息、类型信息等活动信息，然后对获取到的用途信息、类型信息等活动信息进行分析，提取出所要配置页面的业务类型。

在一示例中，获取到所要配置的前端页面的用途信息是用于展示产品，类型信息是3D互动，对该用途信息与类型信息进行分析，提取出该前端页面的业务类型是3D展示。

步骤206，获取与业务类型对应的至少一个配置信息，并确定至少一个配置信息各自对应的前端页面未配置项。

其中，配置信息是指前端页面对应业务类型所需求的数据信息，确定好的配置信息是需要分别对应的填充到前端页面未配置项中。配置信息与前端页面未配置项是一一对应的关系。

具体地，获取前端页面对应业务类型所需求的至少一个数据信息，将获取到的至少一个数据信息按照一定的对应关系分别填充到前端页面未配置项中。

在一示例中，获取前端页面对应业务类型所需求的至少一个数据信息分别是a、b和c，该前端页面的前端页面未配置项分别为A、B和C，并且数据信息与前端页面未配置项之间的对应关系是a对应A、b对应B和c对应C，因此最终将a填充至A中，将b填充至B中，将c填充至C中。

步骤208，将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据。

其中，目标页面配置数据是指将获取到的所有的配置信息按照一定的对应关系分别填充至前端页面的未配置项之后，所形成的新的前端页面配置模板即是目标页面配置数据。

具体地，将获取到的所有配置信息按照一定的对应关系分别填充至前端页面配置模板的前端页面的未配置项中，所形成的新的前端页面配置模板即是目标页面配置数据。

步骤210，基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互。

其中，目标页面是指在得到目标页面配置数据之后，利用该目标页面配置数据，经过渲染生成得到的前端页面即为目标页面。

具体地，在得到目标页面配置数据之后，利用该目标页面配置数据，渲染生成前端页面，该前端页面就是用于与操作用户进行交互的目标页面。

在其中一个实施例中,将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

具体地，将填充之后得到的目标页面配置数据发送到后端，后端中的业务数据库对前端发送过来的目标页面配置数据进行存储。其中，后端是指在后台工作的，控制着前端的内容，主要负责程序设计架构思想，管理数据库等。后端更多的是与数据库进行交互以处理相应的业务逻辑，需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

由于将目标页面配置数据发送到后端，后端的业务数据库对该目标页面配置数据进行保存，每一次前端页面配置所形成的目标页面配置数据都能够存储在后端的业务数据库，使得该后端的业务数据库不断的进行更新与补充，同时也使得配置信息的获取更加全面与准确。

在其中一个实施例中，在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的最佳业务类型以及对应的最佳前端页面效果图

在其中一个实施例中，在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；将前端页面的候选业务类型以及对应的候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定前端页面的业务类型。

可选的，在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的最佳业务类型以及对应的最佳前端页面效果图；将前端页面的最佳业务类型以及对应的候最佳前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定该最佳业务类型即为前端页面的业务类型或者重新获取前端页面配置的活动信息。

可选的，在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的多个候选业务类型以及对应的多个候选前端页面效果图；将前端页面的多个候选业务类型以及对应的多个候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，在多个候选业务类型中确定最佳的候选业务类型作为前端页面的业务类型或者重新获取前端页面配置的活动信息。

由于根据前端页面的业务类型在活动信息中筛选关键字段，然后根据该关键字段来确定前端页面的业务类型，使得确定出来的业务类型符合前端页面得真实需求，同时根据该关键字段来确定前端页面的业务类型的方式是展示候选业务类型以及对应的候选前端页面效果图来进行反馈，使得业务类型的确定更加地直观，进而确定出真正符合前端页面需求的业务类型。

在其中一个实施例中，确定与业务类型对应的配置信息是否预先存储于业务数据库中；在与业务类型对应的配置信息预先存储在业务数据库中的情况下，调用后端页面配置接口，并通过后端页面配置接口获取与业务类型对应的配置信息；在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，调用渲染函数；通过渲染函数生成与业务类型对应的配置信息。

具体地，当确定出该前端页面对应的业务类型以后，先确定与该业务类型对应的配置信息，并判断在后端的业务数据库中是否预先存储有该配置信息，若后端的业务数据库中预先存储有该配置信息，则调用后端页面配置接口，获取与业务类型对应的配置信息，若后端的业务数据库中未预先存储有该配置信息，则需要调用渲染函数，生成与业务类型对应的配置信息。

由于先对后端的业务数据库中是否预先存储有该配置信息进行判断，使得在后端的业务数据库中预先存储有该配置信息的情况下，优先直接获取存储在后端业务数据库中的配置信息，使得配置信息的获取更加高效。

在其中一个实施例中，获取渲染函数列表，渲染函数列表包括关键字段与渲染函数之间的映射关系；根据前端页面的业务类型相关的关键字段和渲染函数列表中的映射关系，确定目标渲染函数；根据目标渲染函数，生成渲染节点；根据渲染节点在前端页面未配置项中的位置关系，在前端页面未配置项生成与业务类型对应的配置信息。

具体地，先获取包含前端页面的业务类型相关的关键字段与渲染函数之间映射关系的渲染函数列表。其中，关键字段指的是多个业务类型各自关联的关键字段，由于与业务类型相关的关键字段在之前就已经确定好，因此直接对照该渲染函数列表，即可得到满足需要的渲染函数即目标渲染函数。然后通过该目标渲染函数构建CSS对象模型和DOM对象模型。根据CSS对象模型和DOM对象模型得到渲染树，该渲染树包括渲染节点，根据该渲染树计算每个可见元素的布局，并输出到绘制流程，将像素渲染到屏幕上。

由于在在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，通过渲染函数生成与业务类型对应的配置信息。弥补了在后端的业务数据中未预先存储业务类型对应的配置信息的情况下无法获取业务类型对应的配置信息的缺陷。

在其中一个实施例中，对至少一个配置信息分别进行功能分析，得到至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到至少一个前端页面未配置项各自对应的第二功能逻辑；根据第一功能逻辑与第二功能逻辑，确定至少一个配置信息各自对应的前端页面未配置项。

具体地，对每一配置信息都分别进行功能分析，得到每一配置信息各自对应的功能逻辑，再对每一前端页面未配置项分别进行功能分析，得到每一前端页面未配置项各自对应的功能逻辑。然后根据得到的所有配置信息各自对应的功能逻辑与所有前端页面各自对应的功能逻辑，确定出每一配置信息各自对应的前端页面未配置项，每一配置信息都有一前端页面未配置项相互对应。

由于对配置信息与前端页面未配置项都进行功能分析，提取出每一配置信息的功能逻辑与每一前端页面未配置项的功能逻辑，然后根据功能逻辑彼此之间的关系，将每一配置信息的功能逻辑都各自对应上一个前端页面未配置项，使得最后形成的目标页面配置逻辑符合配置要求，实现预想的交互需求，达到预想的交互效果。

在其中一个实施例中，将每一配置信息各自对应的第一功能逻辑都分别与每一前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一配置信息与每一前端页面未配置项的候选相似度；针对至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与针对的配置信息对应的前端页面未配置项。

具体地，在对配置信息与前端页面未配置项都进行功能分析，提取出每一配置信息的功能逻辑与每一前端页面未配置项的功能逻辑之后，针对每一配置信息的功能逻辑都分别与每一前端页面未配置项的功能逻辑进行相似度计算并输出相似度计算结果。在每一配置信息的功能逻辑与所有前端页面未配置项的功能逻辑的多个相似度计算结果中，确定出相似度最高的相似度计算结果，该相似度最高的相似度计算结果最对应的配置信息与前端页面未配置项为一一对应的关系。

在一示例中，获取到的配置信息分别为a和b，前端页面未配置项分别为A和B，对配置信息与前端页面未配置项都进行功能分析，提取出每一配置信息的功能逻辑与每一前端页面未配置项的功能逻辑，得到配置信息a的功能逻辑为X，配置信息b的功能逻辑为Y，前端页面未配置项A的功能逻辑为X，前端页面未配置项B的功能逻辑为Y，针对每一配置信息的功能逻辑都分别与每一前端页面未配置项的功能逻辑进行相似度计算并输出相似度计算结果。以配置信息a为例，配置信息a的功能逻辑与前端页面未配置项A的功能逻辑都为X，相似度为百分百，而配置信息a的功能逻辑X与前端页面未配置项B的功能逻辑Y的相似度为零。因此，对于配置信息a来说，功能逻辑相似度最高的为前端页面未配置项A，配置信息a与前端页面未配置项A是一一对应的关系。

由于对提取出来的配置信息的功能逻辑与前端页面未配置项的功能逻辑进行相似度计算，使得配置信息与前端页面未配置项之间对应关系的确定更加准确与科学。

在本实施例中，通过首先获取前端页面配置模版，以及前端页面配置所需的活动信息；根据在活动信息中确定与前端页面的业务类型相关的关键字段，确定前端页面的业务类型，使得确定出来的业务类型符合前端页面得真实需求；然后确定与业务类型对应的配置信息是否预先存储于业务数据库中，以便采取不同的方法获取配置信息，使得在后端的业务数据库中预先存储有该配置信息的情况下，优先直接获取存储在后端业务数据库中的配置信息，使得配置信息的获取更加高效；再分别分析出前端页面未配置项与配置信息的功能逻辑，进一步，分别计算每一前端页面未配置项与每一配置信息的相似度，从而根据该相似度将每一前端页面未配置项与每一配置信息一一对应之后，将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据以便渲染得到与操作用户进行交互的目标页面，使得最后形成的目标页面配置逻辑符合配置要求，实现预想的交互需求，达到预想的交互效果。同时也使得前端页面的配置不再需要编写大断重复的代码，从而提高了前端页面配置的效率。

在一个实施例中，如图3所示，图3为另一个实施例中前端页面配置方法的流程示意图，包括以下步骤：

步骤302，获取前端页面配置模板，前端页面配置模板包括前端页面未配置项；

步骤304，获取在前端页面配置的活动信息，在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；将前端页面的候选业务类型以及对应的候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定前端页面的业务类型；

步骤306，确定与业务类型对应的配置信息是否预先存储于业务数据库中；在与业务类型对应的配置信息预先存储在业务数据库中的情况下，调用后端页面配置接口，并通过后端页面配置接口获取与业务类型对应的配置信息；在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，调用渲染函数；获取渲染函数列表，渲染函数列表包括关键字段与渲染函数之间的映射关系；根据前端页面的业务类型相关的关键字段和渲染函数列表中的映射关系，确定目标渲染函数；根据目标渲染函数，生成渲染节点；根据渲染节点在前端页面未配置项中的位置关系，在前端页面未配置项生成与业务类型对应的配置信息；对至少一个配置信息分别进行功能分析，得到至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到至少一个前端页面未配置项各自对应的第二功能逻辑；将每一配置信息各自对应的第一功能逻辑都分别与每一前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一配置信息与每一前端页面未配置项的候选相似度；针对至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与针对的配置信息对应的前端页面未配置项；

步骤308，将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

步骤310，基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互；

步骤312，将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

应该理解的是，虽然如上的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

基于同样的发明构思，本申请实施例还提供了一种用于实现上述所涉及的前端页面配置方法的前端页面配置装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个前端页面配置装置实施例中的具体限定可以参见上文中对于前端页面配置方法的限定，在此不再赘述。

在一个实施例中，如图4所示，提供了一种前端页面配置装置400，包括：获取模块402、第一确定模块404、第二确定模块406、填充模块408和渲染模块410，其中：

获取模块402，用于获取前端页面配置模板，前端页面配置模板包括前端页面未配置项；

第一确定模块404，用于获取在前端页面配置的活动信息，并根据活动信息确定前端页面的业务类型；

第二确定模块406，用于获取与业务类型对应的至少一个配置信息，并确定至少一个配置信息各自对应的前端页面未配置项；

填充模块408，用于将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

渲染模块410，用于基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互。

在其中一个实施例中，前端页面配置装置400还包括发送模块412，用于将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

在其中一个实施例中，第一确定模块404，用于在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；将前端页面的候选业务类型以及对应的候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定前端页面的业务类型。

在其中一个实施例中，第二确定模块406，用于确定与业务类型对应的配置信息是否预先存储于业务数据库中；在与业务类型对应的配置信息预先存储在业务数据库中的情况下，调用后端页面配置接口，并通过后端页面配置接口获取与业务类型对应的配置信息；在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，调用渲染函数；通过渲染函数生成与业务类型对应的配置信息。

在其中一个实施例中，第二确定模块406，用于获取渲染函数列表，渲染函数列表包括关键字段与渲染函数之间的映射关系；根据前端页面的业务类型相关的关键字段和渲染函数列表中的映射关系，确定目标渲染函数；根据目标渲染函数，生成渲染节点；根据渲染节点在前端页面未配置项中的位置关系，在前端页面未配置项生成与业务类型对应的配置信息。

在其中一个实施例中，第二确定模块406，用于对至少一个配置信息分别进行功能分析，得到至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到至少一个前端页面未配置项各自对应的第二功能逻辑；根据第一功能逻辑与第二功能逻辑，确定至少一个配置信息各自对应的前端页面未配置项。

在其中一个实施例中，第二确定模块406，用于将每一配置信息各自对应的第一功能逻辑都分别与每一前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一配置信息与每一前端页面未配置项的候选相似度；针对至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与针对的配置信息对应的前端页面未配置项。

在另一实施例中，如图5所示，图5为另一个实施例中前端页面配置装置400的结构框图，包括：获取模块402、第一确定模块404、第二确定模块406、填充模块408和渲染模块410。其中，前端页面配置装置400还包括发送模块412，用于将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

上述前端页面配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图6所示。该计算机设备包括处理器、存储器、输入/输出接口(Input/Output，简称I/O)和通信接口。其中，处理器、存储器和输入/输出接口通过系统总线连接，通信接口通过输入/输出接口连接到系统总线。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储与前端页面配置相关的数据。该计算机设备的输入/输出接口用于处理器与外部设备之间交换信息。该计算机设备的通信接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种前端页面配置方法。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

获取前端页面配置模板，前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据活动信息确定前端页面的业务类型；

获取与业务类型对应的至少一个配置信息，并确定至少一个配置信息各自对应的前端页面未配置项；

将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；

将前端页面的候选业务类型以及对应的候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定前端页面的业务类型。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

确定与业务类型对应的配置信息是否预先存储于业务数据库中；在与业务类型对应的配置信息预先存储在业务数据库中的情况下，调用后端页面配置接口，并通过后端页面配置接口获取与业务类型对应的配置信息；在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，调用渲染函数；通过渲染函数生成与业务类型对应的配置信息。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

获取渲染函数列表，渲染函数列表包括关键字段与渲染函数之间的映射关系；根据前端页面的业务类型相关的关键字段和渲染函数列表中的映射关系，确定目标渲染函数；根据目标渲染函数，生成渲染节点；根据渲染节点在前端页面未配置项中的位置关系，在前端页面未配置项生成与业务类型对应的配置信息。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

对至少一个配置信息分别进行功能分析，得到至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到至少一个前端页面未配置项各自对应的第二功能逻辑；根据第一功能逻辑与第二功能逻辑，确定至少一个配置信息各自对应的前端页面未配置项。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

将每一配置信息各自对应的第一功能逻辑都分别与每一前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一配置信息与每一前端页面未配置项的候选相似度；针对至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与针对的配置信息对应的前端页面未配置项。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

获取前端页面配置模板，前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据活动信息确定前端页面的业务类型；

获取与业务类型对应的至少一个配置信息，并确定至少一个配置信息各自对应的前端页面未配置项；

将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；

将前端页面的候选业务类型以及对应的候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定前端页面的业务类型。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

确定与业务类型对应的配置信息是否预先存储于业务数据库中；在与业务类型对应的配置信息预先存储在业务数据库中的情况下，调用后端页面配置接口，并通过后端页面配置接口获取与业务类型对应的配置信息；在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，调用渲染函数；通过渲染函数生成与业务类型对应的配置信息。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

获取渲染函数列表，渲染函数列表包括关键字段与渲染函数之间的映射关系；根据前端页面的业务类型相关的关键字段和渲染函数列表中的映射关系，确定目标渲染函数；根据目标渲染函数，生成渲染节点；根据渲染节点在前端页面未配置项中的位置关系，在前端页面未配置项生成与业务类型对应的配置信息。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

对至少一个配置信息分别进行功能分析，得到至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到至少一个前端页面未配置项各自对应的第二功能逻辑；根据第一功能逻辑与第二功能逻辑，确定至少一个配置信息各自对应的前端页面未配置项。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

将每一配置信息各自对应的第一功能逻辑都分别与每一前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一配置信息与每一前端页面未配置项的候选相似度；针对至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与针对的配置信息对应的前端页面未配置项。

在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：

获取前端页面配置模板，前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据活动信息确定前端页面的业务类型；

获取与业务类型对应的至少一个配置信息，并确定至少一个配置信息各自对应的前端页面未配置项；

将至少一个配置信息分别填充至前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于目标页面配置数据，渲染得到目标页面，目标页面用于与操作用户进行交互。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

将目标页面配置数据发送到后端，后端用于与目标页面进行交互，后端包括业务数据库，业务数据库用于存储目标页面配置数据。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

在活动信息中确定与前端页面的业务类型相关的关键字段；根据关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；将前端页面的候选业务类型以及对应的候选前端页面效果图进行展示；接收展示反馈，根据展示反馈，确定前端页面的业务类型。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

确定与业务类型对应的配置信息是否预先存储于业务数据库中；

在与业务类型对应的配置信息预先存储在业务数据库中的情况下，调用后端页面配置接口，并通过后端页面配置接口获取与业务类型对应的配置信息；

在与业务类型对应的配置信息未预先存储在业务数据库中的情况下，调用渲染函数；

通过渲染函数生成与业务类型对应的配置信息。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

获取渲染函数列表，渲染函数列表包括关键字段与渲染函数之间的映射关系；根据前端页面的业务类型相关的关键字段和渲染函数列表中的映射关系，确定目标渲染函数；根据目标渲染函数，生成渲染节点；根据渲染节点在前端页面未配置项中的位置关系，在前端页面未配置项生成与业务类型对应的配置信息。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

对至少一个配置信息分别进行功能分析，得到至少一个配置信息各自对应的第一功能逻辑；对至少一个前端页面未配置项分别进行功能分析，得到至少一个前端页面未配置项各自对应的第二功能逻辑；根据第一功能逻辑与第二功能逻辑，确定至少一个配置信息各自对应的前端页面未配置项。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：

将每一配置信息各自对应的第一功能逻辑都分别与每一前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一配置信息与每一前端页面未配置项的候选相似度；针对至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与针对的配置信息对应的前端页面未配置项。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据，且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory，MRAM)、铁电存储器(Ferroelectric Random Access Memory，FRAM)、相变存储器(Phase Change Memory，PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器等。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。

Claims (10)

1.一种前端页面配置方法，其特征在于，所述方法包括：

获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

将所述目标页面配置数据发送到后端，所述后端用于与所述目标页面进行交互，所述后端包括业务数据库，所述业务数据库用于存储所述目标页面配置数据。

3.根据权利要求1所述的方法，其特征在于，所述根据所述活动信息确定前端页面的业务类型，包括：

在所述活动信息中确定与所述前端页面的业务类型相关的关键字段；

根据所述关键字段，确定前端页面的候选业务类型以及对应的候选前端页面效果图；

将所述前端页面的候选业务类型以及对应的所述候选前端页面效果图进行展示；

接收展示反馈，根据所述展示反馈，确定所述前端页面的业务类型。

4.根据权利要求1所述的方法，其特征在于，所述获取与所述业务类型对应的至少一个配置信息，包括：

确定与所述业务类型对应的配置信息是否预先存储于业务数据库中；

在与所述业务类型对应的配置信息预先存储在所述业务数据库中的情况下，调用后端页面配置接口，并通过所述后端页面配置接口获取与所述业务类型对应的配置信息；

在与所述业务类型对应的配置信息未预先存储在所述业务数据库中的情况下，调用渲染函数；

通过所述渲染函数生成与所述业务类型对应的配置信息。

5.根据权利要求4所述的方法，其特征在于，所述通过所述渲染函数生成与所述业务类型对应的配置信息，包括：

获取渲染函数列表，所述渲染函数列表包括关键字段与渲染函数之间的映射关系；

根据所述前端页面的业务类型相关的关键字段和所述渲染函数列表中的映射关系，确定目标渲染函数；

根据所述目标渲染函数，生成渲染节点；

根据所述渲染节点在所述前端页面未配置项中的位置关系，在所述前端页面未配置项生成与所述业务类型对应的配置信息。

6.根据权利要求1所述的方法，其特征在于，所述确定所述至少一个配置信息各自对应的前端页面未配置项，包括：

对所述至少一个配置信息分别进行功能分析，得到所述至少一个配置信息各自对应的第一功能逻辑；

对至少一个前端页面未配置项分别进行功能分析，得到所述至少一个前端页面未配置项各自对应的第二功能逻辑；

根据所述第一功能逻辑与所述第二功能逻辑，确定所述至少一个配置信息各自对应的前端页面未配置项。

7.根据权利要求6所述的方法，其特征在于，所述根据所述第一功能逻辑与所述第二功能逻辑，确定所述至少一个配置信息各自对应的前端页面未配置项，包括：

将每一所述配置信息各自对应的第一功能逻辑都分别与每一所述前端页面未配置项各自对应的第二功能逻辑进行相似度计算，得到每一所述配置信息与每一所述前端页面未配置项的候选相似度；

针对所述至少一个配置信息中的每个配置信息，将与所针对的配置信息具有最高相似度的前端页面未配置项，作为与所述针对的配置信息对应的前端页面未配置项。

8.一种前端页面配置装置，其特征在于，所述装置包括：

获取模块，用于获取前端页面配置模板，所述前端页面配置模板包括前端页面未配置项；

第一确定模块，用于获取在前端页面配置的活动信息，并根据所述活动信息确定前端页面的业务类型；

第二确定模块，用于获取与所述业务类型对应的至少一个配置信息，并确定所述至少一个配置信息各自对应的前端页面未配置项；

填充模块，用于将所述至少一个配置信息分别填充至所述前端页面配置模板中的相应前端页面未配置项处，得到目标页面配置数据；

渲染模块，用于基于所述目标页面配置数据，渲染得到目标页面，所述目标页面用于与操作用户进行交互。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。