CN116755695A - 页面配置方法以及装置 - Google Patents

Abstract

本说明书实施例提供页面配置方法以及装置，其中所述页面配置方法包括：响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。使得页面配置过程可视化的展示给页面配置人员，页面配置人员针对页面配置界面的配置控件的点选操作也使得页面配置更加简单化，从而提升页面配置效率。

Description

页面配置方法以及装置

技术领域

本说明书实施例涉及互联网技术领域，特别涉及页面配置方法。

背景技术

随着互联网技术的发展，产品购买、活动运营、广告推广以及产品宣传等活动，通常会结合具体业务需求，定制相应的投放页面，并根据多个投放渠道投放该投放页面。

目前，在定制投放页面的过程中，通常需要开发人员通过编写代码的方式进行页面配置，需要经过页面开发、页面测试和页面发布的流程，实现投放页面的定制和投放。然而，在对投放页面开发完成进行测试的过程中，若出现异常情况，需要开发人员排查导致异常情况的错误代码并针对该错误代码进行修改，浪费大量人力成本和时间成本，并且导致投放页面定制的效率较低，在互联网的快速运营模式下较为滞后，无法跟进快速投放的节奏，从而造成业务损失。基于此，亟需一种有效的技术方案解决上述问题。

发明内容

有鉴于此，本说明书实施例提供了一种页面配置方法。本说明书一个或者多个实施例同时涉及一种页面配置装置，一种计算设备，一种计算机可读存储介质以及一种计算机程序，以解决现有技术中存在的技术缺陷。

根据本说明书实施例的第一方面，提供了一种页面配置方法，应用于页面配置终端，包括：

响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；

根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；

根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；

根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

根据本说明书实施例的第二方面，提供了一种页面配置装置，应用于页面配置终端，包括：

生成模块，被配置为响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；

第一确定模块，被配置为根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；

第二确定模块，被配置为根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；

渲染模块，被配置为根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

根据本说明书实施例的第三方面，提供了一种计算设备，包括：

存储器和处理器；

所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，该计算机可执行指令被处理器执行时实现上述页面配置方法的步骤。

根据本说明书实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机可执行指令，该指令被处理器执行时实现上述页面配置方法的步骤。

根据本说明书实施例的第五方面，提供了一种计算机程序，其中，当所述计算机程序在计算机中执行时，令计算机执行上述页面配置方法的步骤。

本说明书一个实施例提供了一种页面配置方法，应用于页面配置终端，响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

上述方法在页面配置过程中，为页面配置人员生成并展示页面配置界面和相应的页面展示界面，当页面配置人员在页面配置界面上点击目标配置控件时，则会在页面展示界面中、相应的位置渲染相应的页面配置数据对应的页面内容，使得页面配置过程可视化的展示给页面配置人员，便于页面配置人员根据页面展示界面展示的页面内容进行修改和调整，避免通过编写代码进行页面配置时，开发完成后再重新去排查错误代码的情况，从而节省人力成本和时间成本，页面配置人员针对页面配置界面的配置控件的点选操作也使得页面配置更加简单化，从而提升页面配置效率。

附图说明

图1是本说明书一个实施例提供的一种页面配置方法的应用场景示意图；

图2是本说明书一个实施例提供的一种页面配置方法的流程图；

图3是本说明书一个实施例提供的一种页面配置方法中、页面配置界面和页面展示界面的示意图；

图4是本说明书一个实施例提供的一种页面配置方法中状态控制器和视图控制器的示意图；

图5是本说明书一个实施例提供的一种页面配置方法中页面测试及发布的流程示意图；

图6是本说明书一个实施例提供的一种页面配置方法的处理过程流程图；

图7是本说明书一个实施例提供的一种页面配置装置的结构示意图；

图8是本说明书一个实施例提供的一种计算设备的结构框图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本说明书。但是本说明书能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本说明书内涵的情况下做类似推广，因此本说明书不受下面公开的具体实施的限制。

在本说明书一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本说明书一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本说明书一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

此外，需要说明的是，本说明书一个或多个实施例所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。

在本说明书中，提供了一种页面配置方法，本说明书同时涉及一种页面配置装置，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。

参见图1，图1示出了根据本说明书一个实施例提供的一种页面配置方法的应用场景示意图。

图1包括页面配置终端102。该页面配置终端102向页面配置人员展示页面配置界面和页面展示界面。

如图1所示，在针对保险产品A的投保页面的配置过程中，页面配置人员可以通过点击页面配置界面中的配置控件，在该配置控件对应的、页面展示界面中的渲染位置处，对该配置控件关联的页面配置数据进行渲染，从而实现保险产品A的投保页面的配置。

比如，在页面展示界面中的“我要投保”位置，业务配置人员页面配置界面中的“我要投保”位置对应的配置控件“本人信息”中，对“姓名”控件、“手机号”控件和“验证码”控件进行点选操作，以保险产品投保页面的配置。

上述方法通过在页面配置终端完成页面的可视化配置，使页面配置简单化，从而提升页面配置效率，并且节省人力成本和时间成本。

参见图2，图2示出了根据本说明书一个实施例提供的一种页面配置方法的流程图，应用于页面配置终端，具体包括以下步骤。

步骤202：响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面。

具体的，本说明书实施例提供的页面配置方法可以应用于任意业务场景下的页面配置领域。比如在保险领域，可以根据该页面配置方法对保险产品购买页面和保险产品推广页面等进行配置。或者还可以应用于其他产品推广领域，可以根据该页面配置方法对产品推广页面等进行配置，本说明书实施例对此不做限定。

其中，页面配置终端可以理解为用于页面配置的终端设备，比如可以是计算机终端等。页面配置请求可以理解为页面配置人员通过页面配置终端的展示界面的点击操作发起的页面配置的请求。页面配置界面，可以理解为用于配置页面的配置界面，该页面配置界面可以包括多个配置控件，页面配置人员可以通过点击这些配置控件，实现对页面的配置。比如页面配置界面中包括图片配置控件，页面配置人员点击该图片配置控件，即可在页面中配置图片。页面配置界面对应的页面展示界面，可以理解为在页面配置界面配置的页面的预览界面。比如当页面配置人员点击页面配置界面中的图片配置控件时，该页面展示界面可以展示页面配置人员基于该图片配置控件点选的图片，从而使页面配置人员能够浏览页面效果。

具体的，所述响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面，包括：

响应于页面配置请求，确定所述页面配置请求携带的待配置页面信息；

根据所述待配置页面信息，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面。

其中，待配置页面信息可以理解为需要配置的页面的信息，比如可以是需要配置的页面的类型信息等。

基于此，可以响应于页面配置请求，确定该页面配置请求携带的、需要配置的页面的类型信息，根据该类型信息，生成对应的页面配置界面以及该页面配置界面对应的页面展示界面，并通过页面配置终端的展示界面向页面配置人员展示。

具体实施时，可以根据实际业务需求，预先创建多个页面配置模板，便于后续根据该页面配置模板生成页面配置界面和页面展示界面，具体实现方式如下：

所述响应于页面配置请求之前，还包括：

根据页面配置任务，创建页面配置模板；

相应地，所述根据所述待配置页面信息，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面，包括：

根据所述待配置页面信息，确定所述待配置页面信息对应的页面配置模板；

根据所述页面配置模板，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面。

其中，页面配置任务可以理解为根据业务需求确定的页面配置任务，比如可以是保险购买页面配置任务、保险产品推广页面配置任务等。页面配置模板可以理解为页面配置任务对应的模板，比如对于保险购买页面配置任务，该任务对应的页面配置模板即为保险购买页面的配置模板，该模板可以包括保险产品的详情介绍区域、价格显示区域、产品购买区域等。

基于此，可以根据业务需求确定的页面配置任务，预先创建多个页面配置模板，并将该多个页面配置模板存储至模板库。在生成页面配置界面和页面展示界面时，可以根据待配置页面信息，确定该待配置页面信息对应的页面配置模板，并根据该页面配置模板生成页面配置界面和页面展示界面。

举例而言，在待配置页面信息为产品推广类型信息的情况下，确定的页面配置模板可以为产品推广模板，并根据该产品推广模板，生成对应的页面配置界面和页面展示界面。

实际应用中，每个投放实例可以包括一个投放页面，还可以包括多个投放页面。在一个投放实例包括多个投放页面的情况下，可以根据每个投放页面对应的页面配置模板，对每个投放页面进行页面配置，从而完成投放实例。比如，投放实例可以是某保险产品的推广页面和购买页面，该推广页面包括页面跳转链接，当用户点击该页面跳转链接时，即可跳转至购买页面。此时，可以确定该投放实例对应的投放套件，投放套件包括多个页面配置模板，也即是说，可以确定该投放实例对应的推广页面的页面配置模板、和购买页面的页面配置模板，并根据该页面配置模板，生成推广页面的页面配置界面和页面展示界面、以及购买页面的页面配置界面和页面展示界面，完成购买页面和推广页面的配置，实现购买页面和推广页面的实例化。

本说明书一个实施例中，页面配置模板即为页面配置界面。页面配置模板可以包括多个组件，每个组件具有独立的属性(即配置控件)，可以为这些属性进行赋值，实现页面配置。

本说明书另一个实施例中，页面配置界面包括模板选择界面和第一页面配置界面。响应于页面配置请求，将模板选择界面展示给页面配置人员，由页面配置人员选择具体的页面配置模板之后，根据该页面配置模板，生成页面展示界面以及该页面展示界面对应的第一页面配置界面。相应地，后续可以根据第一页面配置界面中的配置控件，对页面展示界面中相应的渲染位置进行配置。

综上，通过预先创建相应的页面配置模板，并根据页面配置模板生成对应的页面配置界面和页面展示界面，进一步提升页面配置效率。

步骤204：根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件。

具体的，在生成页面配置界面以及该页面配置界面对应的页面展示界面之后，页面配置人员可以点击页面配置界面中的任意一个配置控件，以实现相应的页面配置。

其中，目标配置控件关联的页面配置数据，可以包括业务数据和投放过程中的技术数据。业务数据包括但不限于投放类型数据、投放编号数据、投放名称数据、和投放渠道数据等。技术数据包括但不限于自定义参数，自定义参数可以理解为用于配置投放过程中的全局属性的参数。

实际应用中，可以以键值对的方式配置投放过程中的全局属性，当在业务处理过程中需要使用全局变量或全局属性时，可以利用预设代码引用参数从而获取键值对中的值，比如，当需要在页面配置中获取当前投放的渠道编码的情况下，可以使用预设的获取渠道编码的代码实现对渠道编码的自动替换。

举例而言，针对保险产品购买页面的页面配置界面，目标配置控件可以是图片配置控件，该目标配置控件关联的页面配置数据，可以是保险产品的图片数据。

具体实施时，可以根据Type类型将初始页面配置数据和配置控件进行匹配关联，具体实现方式如下：

所述根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据之前，还包括：

确定配置数据库，其中，所述配置数据库包括多个初始页面配置数据；

确定所述页面配置界面中各配置控件和各个初始页面配置数据的关联关系。

具体的，配置数据库可以部署于页面配置终端的后端。可以将各配置控件和各初始页面配置数据进行匹配关联，从而确定页面配置界面中各配置控件和各初始页面配置数据的关联关系。

实际应用中，配置数据库可以包括模板库、素材库、组件库和埋点库。

综上，通过预先匹配关联关系，能够便于后续业务配置人员针对页面配置界面中各配置控件的配置操作，从而实现页面配置的操作简单化。

相应地，所述根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，包括：

根据针对目标配置控件的页面配置指令和所述关联关系，在所述配置数据库中，确定所述目标配置控件关联的页面配置数据。

具体的，可以根据业务配置人员针对该目标配置控件的页面配置指令、以及配置控件和初始页面配置数据之间的关联关系，在配置数据库中，确定目标配置控件关联的页面配置数据。

本说明书一个实施例中，接收页面配置人员针对目标配置控件的点选操作之后，可以根据配置控件和初始页面配置数据之间的关联关系，确定该目标配置控件对应的初始页面配置数据，并将该初始页面配置数据展示给页面配置人员，页面配置人员可以选择任意一个初始页面配置数据作为目标配置控件关联的页面配置数据。

举例而言，在接收页面配置人员针对图片配置控件的点选操作之后，可以根据配置控件和初始页面配置数据之间的关联关系，确定该图片配置控件对应的多个图片数据，并将该多个图片数据展示给页面配置人员，页面配置人员可以选择任意一个图片数据作为该图片配置控件对应的图片数据。或者，页面配置人员还可以将自己上传至页面配置终端的图片数据作为该图片配置控件对应的图片数据。

参见图3，图3示出了本说明书一个实施例提供的一种页面配置方法中、页面配置界面和页面展示界面的示意图。如图3所示，可以根据页面配置人员基于对页面配置模板的选择，确定页面配置界面以及页面配置界面对应的页面展示界面。页面配置界面中包括多个配置控件。页面展示界面中包括多个渲染位置。配置控件和渲染位置之间具有对应关系。页面配置界面中的配置控件与配置数据库中的初始页面配置数据具有关联关系。

步骤206：根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置。

在接收针对目标配置控件的页面配置指令之后，可以根据目标配置控件的控件信息，在该页面展示界面中确定目标渲染位置。

实际应用中，页面配置界面中的配置控件和页面展示界面中的渲染位置是对应的，比如针对页面展示界面中的渲染位置1，在页面配置界面中可以根据配置控件1对该渲染位置1处的渲染内容进行配置。具体实现方式如下：

所述根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置，包括：

确定所述页面配置界面中各配置控件、和所述页面展示界面中各渲染位置之间的对应关系；

根据所述目标配置控件的控件信息和所述对应关系，在所述页面展示界面中，确定所述目标配置控件对应的目标渲染位置。

具体的，如图3所示，以页面配置界面中的、渲染位置1对应的配置控件中的图片配置控件为目标配置控件为例进行说明，该图片配置控件对应的渲染位置1，在后续渲染过程中，可以根据该图片配置控件关联的图片数据，在该渲染位置1渲染并展示该图片数据对应的页面内容。

此外，页面展示界面中的渲染位置可以对应一个配置控件，也可以对应多个配置控件。参见图3，目标渲染位置1不仅对应图片配置控件，还对应跳转配置控件、事件/请求配置控件以及埋点配置控件。

综上，通过预先确定配置控件和渲染位置之间的对应关系，便于后续根据该对应关系确定需要渲染的目标渲染位置，以实现页面配置，并且保证了页面配置的可操作性和简单化，从而节省人力成本和时间成本。

步骤208：根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

具体的，在页面展示界面中确定目标渲染位置之后，可以根据确定的目标配置控件关联的页面配置数据，在该目标渲染位置渲染并展示该页面配置数据对应的页面内容。

实际应用中，可以在页面配置终端的前端构建前端动态组件模型，该前端动态组建模型包括状态控制器和视图控制器。具体的，可以利用状态控制器监测页面配置界面中、配置控件的状态变化，并利用视图控制器在页面展示界面实现渲染，通过状态控制器和视图控制器的结合使用，实现页面配置的动态展示，从而保证页面配置能够随时调整和修改，具体实现方式如下：

所述页面配置终端包括状态控制器和视图控制器；

所述根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据之前，还包括：

所述状态控制器，响应于针对目标配置控件的页面配置指令，生成针对所述目标配置控件的状态变更通知，并将所述状态变更通知发送至所述视图控制器；

所述根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容，包括：

所述视图控制器，响应于所述状态变更通知，根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

具体的，状态控制器响应于针对目标配置控件的页面配置指令，此时说明状态控制器监测到该目标配置控件的状态变化，则生成针对该目标配置控件的状态变更通知，并将该状态变更通知发送至视图控制器。视图控制器接收该状态变更通知之后，可以根据目标配置控件关联的页面配置数据，在目标渲染位置渲染并展示相应的页面内容。

实际应用中，可以根据页面配置界面中的组件(即配置控件)类型触发动态渲染方法，可以采用递归方式进行渲染。

参见图4，图4示出了本说明书一个实施例提供的一种页面配置方法中状态控制器和视图控制器的示意图。

具体的，在页面配置人员针对页面配置界面进行页面配置的过程中，状态控制器可以监测页面配置界面中、配置控件的状态变化。在页面配置人员针对配置控件发起页面配置指令时，会对该配置控件的控件属性进行变更，从而触发控件状态变更，状态控制器可以生成状态变更通知并发送至视图控制器。视图控制器接收到状态变更通知之后，触发页面渲染方法，通过对虚拟DOM(Document Object Model，文档对象模型，一种应用程序接口)进行重新绘制动态刷新页面视图(即页面展示界面)。

综上，通过状态控制器和视图控制器的结合使用，通过页面配置界面的在线输入或者选择进行属性栏位的填充，并在页面配置终端的前端通过实时渲染技术进行动态的页面效果展示，实现页面配置过程中的可见即可得。

此外，为了实现页面的完整配置，在目标渲染位置渲染并展示页面配置数据对应的页面内容之后，还可以继续接收针对页面配置界面中、其他配置控件的页面配置指令，继续对页面展示界面中的其他渲染位置进行渲染，直至接收配置完成指令，说明页面配置以完成。具体实现方式如下：

所述在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容之后，还包括：

根据针对第一配置控件的页面配置指令，确定所述第一配置控件关联的页面配置数据，其中，所述第一配置控件为所述页面配置界面中、除所述目标配置控件之外的其他配置控件；

根据所述第一配置控件的控件信息，在所述页面展示界面中确定第一渲染位置；

根据所述第一配置控件关联的页面配置数据，在所述第一渲染位置渲染并展示所述页面配置数据对应的页面内容；

继续执行所述根据针对第一配置控件的页面配置指令，确定所述第一配置控件关联的页面配置数据的步骤，直至接收针对所述页面配置界面的配置完成指令。

具体的，以页面配置界面包括配置控件1、配置控件2和配置控件3为例进行说明，相应的，页面展示界面包括配置控件1对应的渲染位置1、配置控件2对应的渲染位置2和配置控件3对应的渲染位置3。页面配置人员对配置控件1进行点选操作，页面配置终端接收到页面配置人员针对该配置控件1的页面配置指令，确定该配置控件1对应的页面配置数据1、以及该配置控件1对应的渲染位置1，在该渲染位置1渲染并展示页面配置数据1对应的页面内容。类似的，在渲染位置2和渲染位置3进行类似的渲染操作。此时则得到完整的页面。

综上，通过基于页面配置界面中包括的各个配置控件，对页面展示界面中各渲染位置进行渲染操作，实现对页面的配置。

实际应用中，当页面配置完成后，需要通过程序部署发布生产的动作实现页面上线，具体的，需要页面开发人员在页面配置终端的后端编写相应的配置代码和发布代码，并运行这些代码才能实现页面配置和发布，人力成本较高，且上线过程复杂，基于此，在对页面配置完成后，为了保证页面投放的高效性，可以对配置完成的页面进行测试，并对测试通过的投放页面进行一键发布上线，具体实现方式如下：

所述接收针对所述页面配置界面的配置完成指令之后，还包括：

根据当前时刻的页面展示界面，生成测试页面；

接收页面访问请求，在确定所述页面访问请求为测试请求的情况下，获取所述测试页面；

对所述测试页面进行测试，在根据测试结果确定测试通过的情况下，根据所述测试页面，生成投放页面以及投放地址；

将所述投放页面投放至所述投放地址。

其中，测试页面可以理解为测试版本的页面。投放页面可以理解为测试通过之后正式版本的页面。

具体的，接收页面访问请求之后，可以根据页面访问请求的域名信息，确定页面访问请求是否为测试请求。在页面配置完成之后，可以对生成的测试页面进行在线测试，在线测试通过后，可以对测试通过的测试页面(即投放页面)进行发布(即投放)，在发布过程中，可以响应于页面配置页面的页面发布指令，将投放页面投放至投放地址，从而实现针对投放页面的一键发布。具体实施时，页面配置界面可以向页面配置人员展示测试通过的投放页面，页面配置人员点击页面配置界面上展示的发布控件，即可实现投放页面的一键发布，无需页面开发人员编写发布代码，降低人力成本，简化发布过程，从而提升页面发布效率。

并且，在生成测试页面时，还可以生成测试版本编号。相应地，在生成投放页面时，还可以生成投放版本编号。

实际应用中，将投放页面投放至投放地址，可以理解为该投放页面已经正式发布。对于一次投放来说，通过创建发布状态和发布版本编号来进行测试发布的管控，其中发布状态描述投放的操作状态，具体的操作状态包括配置中、测试中和已发布。发布版本为控制每一次发布的内容管控，区分测试阶段以及发布阶段的不同版本。对测试页面进行保留，从而实现版本的回溯。

本说明书一个实施例中，页面配置终端包括版本验证控制器，版本验证控制器可以查询当前时刻的测试版本和投放版本。

此外，所述接收页面访问请求之后，还包括：

在确定所述页面访问请求为操作请求的情况下，获取当前时刻的投放页面，其中，所述当前时刻的投放页面根据所述测试的上一次测试通过的测试页面生成。

其中，当前时刻的投放页面可以理解为已经发布的投放页面。比如，针对保险产品推广页面，已经配置保险产品推广页面版本1.0并发布，那么当前时刻的投放页面即为该版本1.0。真针对相同的保险产品，在版本1.0的基础上进行修改，已经配置保险产品推广页面版本2.0，该版本2.0正在测试当中。那么，在确定页面访问请求为测试请求的情况下，获取的测试页面即为版本2.0。在确定页面访问请求为操作请求的情况下，获取的当前时刻的投放页面即为版本1.0。

具体的，参见图5，图5示出了本说明书一个实施例提供的一种页面配置方法中页面测试及发布的流程示意图，具体步骤如下所示。

步骤502：获取测试地址。

步骤504：接收页面访问请求(即访问流量)，根据页面访问请求的访问域名，判断该页面访问请求来自测试地址还是来自发布地址(即正式地址)。

具体的，接收到访问流量之后，根据该访问流量的域名进行判断，如果为测试域名则通过版本验证控制器查询当前的测试版本。如果为正式访问域名则通过版本验证控制器查询当前生产正式发布版本。

具体实施时，版本验证控制器可以根据投放编号确定需要查询的投放页面的版本。

步骤506：若该页面访问请求来自测试地址，则根据当前时刻的页面展示界面，生成测试页面(即投放测试版本)、以及该测试页面的测试版本编号。

步骤508：对该测试页面进行在线测试，在根据测试结果确定测试通过的情况下，根据该测试页面，生成投放页面(即正式版本)、以及该投放页面的正式版本编号。

具体的，通过测试域名访问的流量在获取到测试版本之后，通过版本加载和渲染投放页面进行测试操作，测试通过后利用版本验证控制器将正式版本编号更新为当前测试版本的测试版本编号，并且生成包括正式投产域名的投放地址。

步骤510：生成投放访问地址，并将该投放页面发布至投放访问地址。

步骤512：若该页面访问请求来自发布地址，则获取当前时刻的投放页面(即正式投放版本)。

具体的，通过正式域名访问的流量在获取到正式版本后通过加载对应版本的配置数据和前端页面渲染展现操作页面后进行正常的业务操作。

步骤514：根据该页面访问请求，对投放页面进行渲染，执行该页面访问请求。

本说明书一个实施例中，还可以建立预发验证环境，将线上服务器分为灰度服务器和正式服务器，页面测试时，访问流量发送至灰度服务器进行测试，测试完成后再将访问流量切换到正式服务器。所述接收针对所述页面配置界面的配置完成指令之后，还包括：

根据当前时刻的页面展示界面，生成测试页面，并将所述测试页面投放至测试节点；

在所述测试节点对所述测试页面进行测试，在根据测试结果确定测试通过的情况下，将所述测试页面作为投放页面投放至发布节点。

其中，测试节点可以理解为测试服务器(即灰度服务器)。发布节点可以理解为投放服务器(即正式服务器)。

基于此，可以根据当前时刻的页面展示界面，生成测试页面，并将测试页面发送至测试服务器。利用测试服务器对测试页面进行测试，并接收测试服务器返回的测试结果，在根据测试结果确定测试通过的情况下，可以将该测试页面作为正式版本的头发页面投放至相应的投放地址。

具体的，在测试节点对测试页面进行测试时，可以将访问流量发送至测试节点，从而实现对测试页面的访问测试。

综上所述，上述方法在页面配置过程中，为页面配置人员生成并展示页面配置界面和相应的页面展示界面，当页面配置人员在页面配置界面上点击目标配置控件时，则会在页面展示界面中、相应的位置渲染相应的页面配置数据对应的页面内容，使得页面配置过程可视化的展示给页面配置人员，便于页面配置人员根据页面展示界面展示的页面内容进行修改和调整，避免通过编写代码进行页面配置时，开发完成后再重新去排查错误代码的情况，从而节省人力成本和时间成本，页面配置人员针对页面配置界面的配置控件的点选操作也使得页面配置更加简单化，从而提升页面配置效率。

下述结合附图6，以本说明书提供的页面配置方法在页面配置的应用为例，对所述页面配置方法进行进一步说明。其中，图6示出了本说明书一个实施例提供的一种页面配置方法的处理过程流程图，具体包括以下步骤。

步骤602：投放定义。

具体的，根据页面配置任务，创建页面配置模板。

步骤604：选择配置页面套件。

具体的，响应于页面配置请求，确定所述页面配置请求携带的待配置页面信息，根据所述待配置页面信息，确定所述待配置页面信息对应的页面配置模板，根据所述页面配置模板，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面。

步骤606：页面装修。

具体的，可以根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件。

步骤608：预览。

具体的，可以根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

步骤610：生成测试访问地址。

具体的，根据当前时刻的页面展示界面，生成测试页面；接收页面访问请求，在确定所述页面访问请求为测试请求的情况下，获取所述测试页面。

步骤612：在线测试。

步骤614：一键发布，生成正式访问地址。

具体的，在根据测试结果确定测试通过的情况下，根据所述测试页面，生成投放页面以及投放地址；将所述投放页面投放至所述投放地址。

可以理解的，该页面配置的过程与前述类似，在此不再重复赘述。

综上所述，上述方法在页面配置过程中，为页面配置人员生成并展示页面配置界面和相应的页面展示界面，当页面配置人员在页面配置界面上点击目标配置控件时，则会在页面展示界面中、相应的位置渲染相应的页面配置数据对应的页面内容，使得页面配置过程可视化的展示给页面配置人员，便于页面配置人员根据页面展示界面展示的页面内容进行修改和调整，避免通过编写代码进行页面配置时，开发完成后再重新去排查错误代码的情况，从而节省人力成本和时间成本，页面配置人员针对页面配置界面的配置控件的点选操作也使得页面配置更加简单化，从而提升页面配置效率。

与上述方法实施例相对应，本说明书还提供了页面配置装置实施例，图7示出了本说明书一个实施例提供的一种页面配置装置的结构示意图，应用于页面配置终端。如图7所示，该装置包括：

生成模块702，被配置为响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；

第一确定模块704，被配置为根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；

第二确定模块706，被配置为根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；

渲染模块708，被配置为根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

一个可选的实施例中，所述页面配置终端包括状态控制器和视图控制器；所述第一确定模块704，进一步被配置为：

所述状态控制器，响应于针对目标配置控件的页面配置指令，生成针对所述目标配置控件的状态变更通知，并将所述状态变更通知发送至所述视图控制器；

所述渲染模块708，进一步被配置为：

所述视图控制器，响应于所述状态变更通知，根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

一个可选的实施例中，所述第一确定模块704，进一步被配置为：

确定配置数据库，其中，所述配置数据库包括多个初始页面配置数据；

确定所述页面配置界面中各配置控件和各个初始页面配置数据的关联关系。

一个可选的实施例中，所述第一确定模块704，进一步被配置为：

根据针对目标配置控件的页面配置指令和所述关联关系，在所述配置数据库中，确定所述目标配置控件关联的页面配置数据。

一个可选的实施例中，所述第二确定模块706，进一步被配置为：

确定所述页面配置界面中各配置控件、和所述页面展示界面中各渲染位置之间的对应关系；

根据所述目标配置控件的控件信息和所述对应关系，在所述页面展示界面中，确定所述目标配置控件对应的目标渲染位置。

一个可选的实施例中，所述生成模块702，进一步被配置为：

响应于页面配置请求，确定所述页面配置请求携带的待配置页面信息；

根据所述待配置页面信息，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面。

一个可选的实施例中，所述生成模块702，进一步被配置为：

根据页面配置任务，创建页面配置模板；

根据所述待配置页面信息，确定所述待配置页面信息对应的页面配置模板；

根据所述页面配置模板，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面。

一个可选的实施例中，所述装置还包括配置模块，被配置为：

根据针对第一配置控件的页面配置指令，确定所述第一配置控件关联的页面配置数据，其中，所述第一配置控件为所述页面配置界面中、除所述目标配置控件之外的其他配置控件；

根据所述第一配置控件的控件信息，在所述页面展示界面中确定第一渲染位置；

根据所述第一配置控件关联的页面配置数据，在所述第一渲染位置渲染并展示所述页面配置数据对应的页面内容；

继续执行所述根据针对第一配置控件的页面配置指令，确定所述第一配置控件关联的页面配置数据的步骤，直至接收针对所述页面配置界面的配置完成指令。

一个可选的实施例中，所述装置还包括测试模块，被配置为：

根据当前时刻的页面展示界面，生成测试页面；

接收页面访问请求，在确定所述页面访问请求为测试请求的情况下，获取所述测试页面；

对所述测试页面进行测试，在根据测试结果确定测试通过的情况下，根据所述测试页面，生成投放页面以及投放地址；

将所述投放页面投放至所述投放地址。

一个可选的实施例中，所述测试模块，进一步被配置为：

在确定所述页面访问请求为操作请求的情况下，获取当前时刻的投放页面，其中，所述当前时刻的投放页面根据所述测试的上一次测试通过的测试页面生成。

一个可选的实施例中，所述测试模块，进一步被配置为：

根据当前时刻的页面展示界面，生成测试页面，并将所述测试页面投放至测试节点；

在所述测试节点对所述测试页面进行测试，在根据测试结果确定测试通过的情况下，将所述测试页面作为投放页面投放至发布节点。

综上所述，上述装置在页面配置过程中，为页面配置人员生成并展示页面配置界面和相应的页面展示界面，当页面配置人员在页面配置界面上点击目标配置控件时，则会在页面展示界面中、相应的位置渲染相应的页面配置数据对应的页面内容，使得页面配置过程可视化的展示给页面配置人员，便于页面配置人员根据页面展示界面展示的页面内容进行修改和调整，避免通过编写代码进行页面配置时，开发完成后再重新去排查错误代码的情况，从而节省人力成本和时间成本，页面配置人员针对页面配置界面的配置控件的点选操作也使得页面配置更加简单化，从而提升页面配置效率。

上述为本实施例的一种页面配置装置的示意性方案。需要说明的是，该页面配置装置的技术方案与上述的页面配置方法的技术方案属于同一构思，页面配置装置的技术方案未详细描述的细节内容，均可以参见上述页面配置方法的技术方案的描述。

图8示出了根据本说明书一个实施例提供的一种计算设备800的结构框图。该计算设备800的部件包括但不限于存储器810和处理器820。处理器820与存储器810通过总线830相连接，数据库850用于保存数据。

计算设备800还包括接入设备840，接入设备840使得计算设备800能够经由一个或多个网络860通信。这些网络的示例包括公用交换电话网(PSTN，Public SwitchedTelephone Network)、局域网(LAN，Local Area Network)、广域网(WAN，Wide AreaNetwork)、个域网(PAN，Personal Area Network)或诸如因特网的通信网络的组合。接入设备840可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC，networkinterface controller))中的一个或多个，诸如IEEE802.11无线局域网(WLAN，WirelessLocal Area Network)无线接口、全球微波互联接入(Wi-MAX，WorldwideInteroperability for Microwave Access)接口、以太网接口、通用串行总线(USB，Universal Serial Bus)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC，Near FieldCommunication)接口，等等。

在本申请的一个实施例中，计算设备800的上述部件以及图8中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图8所示的计算设备结构框图仅仅是出于示例的目的，而不是对本申请范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。

计算设备800可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或个人计算机(PC，Personal Computer)的静止计算设备。计算设备800还可以是移动式或静止式的服务器。

其中，处理器820用于执行如下计算机可执行指令，该计算机可执行指令被处理器执行时实现上述页面配置方法的步骤。

上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的页面配置方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述页面配置方法的技术方案的描述。

本说明书一实施例还提供一种计算机可读存储介质，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时实现上述页面配置方法的步骤。

上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的页面配置方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述页面配置方法的技术方案的描述。

本说明书一实施例还提供一种计算机程序，其中，当所述计算机程序在计算机中执行时，令计算机执行上述页面配置方法的步骤。

上述为本实施例的一种计算机程序的示意性方案。需要说明的是，该计算机程序的技术方案与上述的页面配置方法的技术方案属于同一构思，计算机程序的技术方案未详细描述的细节内容，均可以参见上述页面配置方法的技术方案的描述。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据专利实践的要求进行适当的增减，例如在某些地区，根据专利实践，计算机可读介质不包括电载波信号和电信信号。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本说明书实施例并不受所描述的动作顺序的限制，因为依据本说明书实施例，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本说明书实施例所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上公开的本说明书优选实施例只是用于帮助阐述本说明书。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本说明书实施例的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本说明书实施例的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本说明书。本说明书仅受权利要求书及其全部范围和等效物的限制。

Claims (14)

1.一种页面配置方法，应用于页面配置终端，包括：

响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；

根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；

根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；

根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

2.根据权利要求1所述的方法，所述页面配置终端包括状态控制器和视图控制器；

所述根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据之前，还包括：

所述状态控制器，响应于针对目标配置控件的页面配置指令，生成针对所述目标配置控件的状态变更通知，并将所述状态变更通知发送至所述视图控制器；

所述根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容，包括：

所述视图控制器，响应于所述状态变更通知，根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

3.根据权利要求1所述的方法，所述根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据之前，还包括：

确定配置数据库，其中，所述配置数据库包括多个初始页面配置数据；

确定所述页面配置界面中各配置控件和各个初始页面配置数据的关联关系。

4.根据权利要求3所述的方法，所述根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，包括：

根据针对目标配置控件的页面配置指令和所述关联关系，在所述配置数据库中，确定所述目标配置控件关联的页面配置数据。

5.根据权利要求1所述的方法，所述根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置，包括：

确定所述页面配置界面中各配置控件、和所述页面展示界面中各渲染位置之间的对应关系；

根据所述目标配置控件的控件信息和所述对应关系，在所述页面展示界面中，确定所述目标配置控件对应的目标渲染位置。

6.根据权利要求1所述的方法，所述响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面，包括：

响应于页面配置请求，确定所述页面配置请求携带的待配置页面信息；

根据所述待配置页面信息，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面。

7.根据权利要求6所述的方法，所述响应于页面配置请求之前，还包括：

根据页面配置任务，创建页面配置模板；

相应地，所述根据所述待配置页面信息，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面，包括：

根据所述待配置页面信息，确定所述待配置页面信息对应的页面配置模板；

根据所述页面配置模板，生成并展示所述待配置页面信息对应的页面配置界面、以及所述页面配置界面对应的页面展示界面。

8.根据权利要求1所述的方法，所述在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容之后，还包括：

根据针对第一配置控件的页面配置指令，确定所述第一配置控件关联的页面配置数据，其中，所述第一配置控件为所述页面配置界面中、除所述目标配置控件之外的其他配置控件；

根据所述第一配置控件的控件信息，在所述页面展示界面中确定第一渲染位置；

根据所述第一配置控件关联的页面配置数据，在所述第一渲染位置渲染并展示所述页面配置数据对应的页面内容；

继续执行所述根据针对第一配置控件的页面配置指令，确定所述第一配置控件关联的页面配置数据的步骤，直至接收针对所述页面配置界面的配置完成指令。

9.根据权利要求8所述的方法，所述接收针对所述页面配置界面的配置完成指令之后，还包括：

根据当前时刻的页面展示界面，生成测试页面；

接收页面访问请求，在确定所述页面访问请求为测试请求的情况下，获取所述测试页面；

对所述测试页面进行测试，在根据测试结果确定测试通过的情况下，根据所述测试页面，生成投放页面以及投放地址；

将所述投放页面投放至所述投放地址。

10.根据权利要求9所述的方法，所述接收页面访问请求之后，还包括：

在确定所述页面访问请求为操作请求的情况下，获取当前时刻的投放页面，其中，所述当前时刻的投放页面根据所述测试的上一次测试通过的测试页面生成。

11.根据权利要求8所述的方法，所述接收针对所述页面配置界面的配置完成指令之后，还包括：

根据当前时刻的页面展示界面，生成测试页面，并将所述测试页面投放至测试节点；

在所述测试节点对所述测试页面进行测试，在根据测试结果确定测试通过的情况下，将所述测试页面作为投放页面投放至发布节点。

12.一种页面配置装置，应用于页面配置终端，包括：

生成模块，被配置为响应于页面配置请求，生成并展示页面配置界面和所述页面配置界面对应的页面展示界面；

第一确定模块，被配置为根据针对目标配置控件的页面配置指令，确定所述目标配置控件关联的页面配置数据，其中，所述目标配置控件为所述页面配置界面中的任意一个配置控件；

第二确定模块，被配置为根据所述目标配置控件的控件信息，在所述页面展示界面中确定目标渲染位置；

渲染模块，被配置为根据所述页面配置数据，在所述目标渲染位置渲染并展示所述页面配置数据对应的页面内容。

13.一种计算设备，包括：

存储器和处理器；

所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，该计算机可执行指令被处理器执行时实现权利要求1至11任意一项所述方法的步骤。

14.一种计算机可读存储介质，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时实现权利要求1至11任意一项所述方法的步骤。