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

技术领域

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

背景技术

随着互联网技术的发展，为了满足日益增长和多种多样的业务需求，互联网服务越来越多。互联网服务通常是通过开发页面来实现，为了满足多种多样的业务需求，每种互联网服务需要提供多种页面模式，而多个页面模式之间是有所差别的。在传统方式中，是通过对页面字段的字段顺序、字段类型等信息进行解析，得到对应的组件，将解析得到的组件按照预设顺序排列在页面上。

传统方式生成的页面只能提供一种页面模式的互联网服务，因此，需要针对互联网服务的每种页面模式开发一个新的页面，导致服务成本较高。因此，如何通过减少页面的数量来降低服务成本称为目前需要解决的一个技术问题。

发明内容

基于此，有必要针对上述技术问题，提供一种能够通过减少页面数量来降低服务成本的页面配置方法、装置、计算机设备和存储介质。

一种页面配置方法，所述方法包括：

获取组件拖动指令，根据所述组件拖动指令将组件拖动至对应的配置区域，得到组件列表；

获取所述组件列表中每个组件对应的组件配置信息；

根据所述组件配置信息对相应的组件进行配置，得到页面配置信息；

根据所述页面配置信息生成页面交互信息；

对所述页面交互信息进行解析，得到目标页面；

当接收到所述目标页面中的组件选择操作时，根据所述页面交互信息调用相应的组件，通过调用的组件对所述目标页面进行变更。

在其中一个实施例中，所述根据所述组件配置信息对相应的组件进行配置，得到页面配置信息包括：根据所述组件配置信息中的第一配置信息对相应的组件进行依赖关系配置；根据所述组件配置信息中的第二配置信息对依赖关系配置后的相应组件进行配置，得到页面配置信息。

在其中一个实施例中，所述根据所述页面配置信息生成页面交互信息包括：对所述页面配置信息进行解析，得到配置后的组件列表、校验信息以及依赖关系；根据配置后的组件列表、校验信息以及依赖关系生成页面交互信息。

在其中一个实施例中，所述对所述页面交互信息进行解析，生成目标页面包括：根据所述页面交互信息中的组件列表对页面对象进行初始化处理，得到初始化后的页面对象；对所述初始化后的页面对象进行依赖关系处理；对依赖关系处理后的页面对象对应的校验信息进行格式转换；根据格式转换后的校验信息对所述页面交互信息中的组件列表进行渲染，生成目标页面。

在其中一个实施例中，所述对所述初始化后的页面对象进行依赖关系处理包括：对所述初始化后的页面对象进行监听；当监听到所述初始化后的页面对象发生变更时，遍历所述页面交互信息中的依赖关系，确定变更后的页面对象对应的依赖对象；根据所述变更后的页面对象对所述依赖对象进行更新。

在其中一个实施例中，所述方法还包括：获取产品信息，根据所述产品信息调用预设接口，通过所述预设接口在所述页面交互信息中获取所述产品信息对应的页面交互信息，作为产品交互信息；根据所述目标页面对所述产品信息以及所述产品交互信息进行解析，生成第一业务页面；接收对所述第一业务页面中所有组件的产品设置操作，根据所述产品设置操作对所有组件进行设置，得到设置后的组件；将设置后的组件发送至审核终端，通过所述审核业务终端对所述设置后的组件进行审核；当接收到所述审核终端返回的审核通过信息时，将审核通过后的组件对应的产品标识进行显示。

一种页面配置装置，所述装置包括：

拖动模块，用于获取组件拖动指令，根据所述组件拖动指令将组件拖动至对应的配置区域，得到组件列表；

通信模块，用于获取所述组件列表中每个组件对应的组件配置信息；

配置模块，用于根据所述组件配置信息对相应的组件进行配置，得到页面配置信息；

生成模块，用于根据所述页面配置信息生成页面交互信息；

解析模块，用于对所述页面交互信息进行解析，得到目标页面；

变更模块，用于接收到所述目标页面中的组件选择操作时，根据所述页面交互信息调用相应的组件，通过调用的组件对所述目标页面进行变更。

在其中一个实施例中，所述生成模块还用于对所述页面配置信息进行解析，得到配置后的组件列表、校验信息以及依赖关系；根据配置后的组件列表、校验信息以及依赖关系生成页面交互信息。

在其中一个实施例中，所述解析模块还用于根据所述页面交互信息中的组件列表对页面对象进行初始化处理，得到初始化后的页面对象；对所述初始化后的页面对象进行依赖关系处理；对依赖关系处理后的页面对象对应的校验信息进行格式转换；根据格式转换后的校验信息对所述页面交互信息中的组件列表进行渲染，生成目标页面。

一种计算机设备，包括存储器和处理器，所述存储器存储有可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述各个方法实施例中的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述各个方法实施例中的步骤。

上述页面配置方法、装置、计算机设备和存储介质，根据组件拖动指令将组件拖动至对应的配置区域，得到组件列表，能够得到生成目标页面所需的组件。获取组件列表中每个组件对应的组件配置信息，根据组件配置信息对相应的组件进行配置，得到页面配置信息，有利于后续生成目标页面。根据页面配置信息生成页面交互信息。当接收到目标页面中的组件选择操作时，根据页面交互信息调用相应的组件，通过调用的组件对目标页面进行变更。通过页面交互信息实现在目标页面上实现多个子页面之间的交互，能够在互联网服务的多个页面模式之间进行切换，实现通过一个页面提供多种页面模式，无需开发新的页面，从而减少页面的数量，有效降低了服务成本。

附图说明

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

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

图3为基础组件的示意图；

图4为基础组件的基本配置的示意图；

图5为下拉框配置的示意图；

图6为计数器配置的示意图；

图7为输入框配置的示意图；

图8为滑块配置的示意图；

图9为开关配置的示意图；

图10为页面配置信息的示意图；

图11为一个实施例中根据页面配置信息生成页面交互信息步骤的流程示意图；

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

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

具体实施方式

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

本申请提供的页面配置方法，可以应用于如图1所示的应用环境中。其中，业务终端102通过网络与服务器104进行通信。业务终端102获取组件拖动指令，根据组件拖动指令将组件拖动至对应的配置区域，得到组件列表。业务终端102根据组件列表生成信息获取请求，将信息获取请求发送至服务器104。业务终端102获取服务器104根据信息获取请求返回的组件列表中每个组件对应的组件配置信息。业务终端102根据组件配置信息对相应的组件进行配置，得到页面配置信息。业务终端102在根据页面配置信息生成页面交互信息。业务终端102对页面交互信息进行解析，得到目标页面。当业务终端102接收到目标页面中的组件选择操作时，根据页面交互信息调用相应的组件，通过调用的组件对目标页面进行变更。其中，业务终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

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

步骤202，获取组件拖动指令，根据组件拖动指令将组件拖动至对应的配置区域，得到组件列表。

业务终端获取用户的组件显示指令，根据组件显示指令按照预设配置信息将对应的组件进行显示。组件可以用于对视窗、文本框、按钮等页面元素进行开发。组件可以是产品规则组件，组件可以包括产品规格基础组件以及产品规格业务组件。可以将产品规格基础组件称为基础组件，将产品规格业务组件称为业务组件。业务终端获取用户的组件拖动指令，根据组件拖动指令将组件拖动至对应的配置区域。业务终端根据拖动后的组件得到组件列表。组件列表可以是根据基础组件以及业务组件拖动生成的数组。

步骤204，获取组件列表中每个组件对应的组件配置信息。

业务终端根据组件列表生成信息获取请求，将信息获取请求发送至服务器。服务器对信息获取请求进行解析，得到请求参数。服务器根据请求参数在数据库中获取组件列表中每个组件对应的组件配置信息。其中，组件配置信息可以包括组件参数信息、依赖关系、校验信息等。依赖关系可以是页面上字段与字段之间的关联关系。依赖关系可以包括显示依赖、禁用依赖以及校验依赖等多种依赖关系。显示依赖可以是由其他组件决定该组件是否需要显示。禁用依赖可以是由其他组件决定该组件是否需要禁用。检验依赖可以是由其他组件决定该组件的页面校验结果。校验信息可以包括对页面中字段值进行校验的方式。校验的方式可以有多种，可以是字符串校验，可以是数据校验，可以通过正则表达式进行校验，还可以通过远程接口进行校验。服务器将获取到的组件列表中每个组件对应的组件配置信息发送至业务终端。

步骤206，根据组件配置信息对相应的组件进行配置，得到页面配置信息。

业务终端获取服务器发送的组件配置信息，确定每个组件对应的组件配置信息，根据组件配置信息对相应的组件进行配置，进而得到页面配置信息。具体的，业务终端可以根据组件配置信息的类型将组件配置信息划分为第一配置信息以及第二配置信息。业务终端根据第一配置信息在组件列表中确定对应的第一组件，根据第一配置信息对第一组件进行配置。业务终端根据第二配置信息在组件列表中确定对应的第二组件，根据第二配置信息对第二组件进行配置，从而得到整个页面的页面配置信息。整个页面的页面配置信息的格式可以是json格式。其中，页面配置信息可以包括组件参数信息、组件列表、校验信息以及依赖关系。

步骤208，根据策略配置信息生成页面交互信息。

步骤210，对页面交互信息进行解析，得到目标页面。

业务终端根据页面配置信息中的组件列表、校验信息以及依赖关系进行组合，生成页面交互信息。页面交互信息的格式可以是json格式，页面交互信息用于在当前页面上实现多个子页面之间的交互。其中，子页面可以是表单。

页面交互信息可以包括组件列表、依赖关系以及校验信息。业务终端根据页面交互信息中的组件列表对页面对象进行初始化处理，得到初始化的页面对象。例如，页面对象可以是表单对象。业务终端对初始化后的页面对象进行依赖关系处理，将存在依赖关系的页面对象对应的组件进行绑定。业务终端将绑定后的页面对象对应的校验信息进行格式转换，转换为页面显示脚本能够识别的格式，有利于在页面配置完成后，在目标页面显示变更后的页面。业务终端进而根据格式转换后的校验信息对页面交互信息中的组件列表进行渲染，得到目标页面。

步骤212，当接收到目标页面中的组件选择操作时，根据页面交互信息调用相应的组件，通过调用的组件对目标页面进行变更。

当业务终端接收到用户在目标页面上的组件选择操作时，根据页面交互信息调用相应的组件。调用的组件可以是用户选择的组件。业务终端通过调用的组件对目标页面进行变更，实现页面之间的交互。例如，当业务终端接收到用户在目标页面上的产品规格选择操作时，业务终端根据页面信息调用相应的产品规格组件，通过该产品规则组件对目标页面进行变更，得到该产品规则组件对应的页面。

在本实施例中，业务终端根据组件拖动指令将组件拖动至对应的配置区域，得到组件列表，能够得到生成目标页面所需的组件。业务终端获取组件列表中每个组件对应的组件配置信息，根据组件配置信息对相应的组件进行配置，得到页面配置信息，有利于后续生成目标页面。业务终端根据页面配置信息生成页面交互信息。当业务终端接收到目标页面中的组件选择操作时，根据页面交互信息调用相应的组件，通过调用的组件对目标页面进行变更。通过页面交互信息在目标页面上实现多个子页面之间的交互，能够在互联网服务的多个页面模式之间进行切换，实现通过一个页面提供多种页面模式，无需开发新的页面，从而减少页面的数量，有效降低了服务成本。

在一个实施例中，根据组件配置信息对相应的组件进行配置，得到页面配置信息包括：根据组件配置信息中的第一配置信息对相应的组件进行依赖关系配置；根据组件配置信息中的第二配置信息对依赖关系配置后的相应组件进行配置，得到页面配置信息。

组件配置信息可以包括第一配置信息以及第二配置信息。第一配置信息可以包括基础组件的基本配置。其中，基础组件的组件信息可以如表1所示。

表1基础组件

业务终端可以将基础组件按照预设顺序进行排列，得到的基础组件的示意图可以如图3所示。其中，平铺单选中的所有选项可以是矩形平铺展的。例如，平铺单选中的选项可以包括选项1和选项2。计数器用于输入数字，通过“+”按钮来增大数据，通过“-”按钮来减小数字。例如，单选框可以包括选项1和选项2。复选框可以包括选项1以及选项2。说明文字可以用于进行文字配置，输入历史组件信息。

将基础组件的基础配置中的多个配置项按照预设顺序进行排列得到的基本配置的示意图可以如图4所示。基本配置作为所有的基础组件都具备的配置信息，可以包括名称、标题、单位、依赖关系以及必填等基本配置参数。名称可以是页面字段的名称。名称可以是根据页面配置过程的开始时间生成的，以实现该名称在同一页面内是唯一的。依赖关系可以包括禁用状态以及显示状态。业务终端可以通过依赖关系对相应的组件进行依赖关系配置。禁用状态的值可以包括启用、禁用以及依赖。禁用状态的初始值可以是开启。当禁用状态的值为依赖时，业务终端可以根据依赖字段的值来判断是否禁用。业务终端可以通过设置依赖字段与预设字段值之间的判断条件来实现禁用依赖。判断条件可以是等于、不等于、存在、不存在中的任意一种。显示状态的值可以包括显示、隐藏以及依赖。显示状态的初始值可以是显示。当显示状态的值为依赖时，业务终端可以根据依赖字段的值来判断是否显示。业务终端可以通过设置依赖字段与预设字段值之间的判断条件来实现禁用依赖。判断条件可以是等于、不等于、存在、不存在中的任意一种。必填用于表示该字段是否为必填字段，必填的初始值可以是非必填。

第二配置信息可以包括基础组件的组件配置以及业务组件的业务配置信息。组件配置可以是每个组件所单独具备的配置信息。组件配置可以平铺单选配置、下拉框配置、计数器配置、输入框配置、滑块配置、开关配置、单选框配置、复选框配置、说明文字配置、分割线配置以及选项配置等。平铺单选配置用于配置组件的选项来源。将下拉框配置中的多个配置项按照预设顺序进行排列得到的下拉框配置的示意图可以如图5所示。下拉框配置信息可以如表2所示：

表2下拉框配置信息

将计数器配置中的多个配置项按照预设顺序进行排列得到的计数器配置的示意图可以是如图6所示。其中，默认值、最小值、最大值、步长以及小数位数均为初始值。计数器配置信息可以如表3所示：

表3计数器配置信息

将输入框配置中的多个配置项按照顺序进行排列得到的输入框配置的示意图可以如图7所示。输入框配置信息可以如表4所示：

表4输入框配置信息

输入框配置信息中自动补全的方式可以包括手动添加以及接口添加。手动添加可以是通过获取选项信息，将选项信息逐个添加至选项名称中。接口添加可以是通过获取接口标识以及页面字段，根据接口标识调用对应的接口在页面字段中获取选项内容，添加至对应的选项名称中。接口添加的示意图可以如图7所示。

将滑块配置中的多个配置项按照预设顺序进行排列得到的滑块配置的示意图可以如图8所示。滑块配置信息可以如表5所示：

表5滑块配置信息

将开关配置中的多个配置项按照预设顺序进行排列得到的开关配置的示意图可以如图9所示。开关配置信息可以如表6所示：

表6开关配置信息

单选框配置中的配置项可以包括第一选项。第一选项可以用于配置组件的一个选项来源。复选框配置中的配置项可以包括第二选项。第二选项可以用于配置组件的多个选项来源。说明文字配置的配置项可以包括说明文字以及链接。例如，说明文字的默认值可以是“这是内容，还可以添加链接”。说明文字可以用于添加一行与历史组件相关的说明文字。链接可以用于对说明文字中的内容添加链接，可以先获取链接文字，再根据链接地址对链接文字添加内容。链接文字需要根据说明文字来进行查找。

基础组件中的分割线组件不存在基本配置，只存在一个标题配置项。分割线可以用于插入组件之间，对组件进行分组。选项配置的获取方式可以包括手动添加以及接口获取。手动添加可以是将选项按照预设顺序进行展示，业务终端可以配置某个选项禁用或者默认选中，当获取到复选框的操作指令时，可以选择多个选项。接口获取可以通过获取接口标识以及页面字段，根据接口标识调用对应的接口在页面字段中获取选项内容，添加至对应的选项名称中。接口获取可以支持GET以及POST两种方式。接口获取的示意图可以如图10所示。

业务组件的业务配置信息可以包括业务组件的业务逻辑关系，用于实现自定义的业务组件。业务终端可以根据自定义信息判断业务组件是否需要进行配置，当需要进行配置时，根据业务配置信息对业务组件进行配置。当不需要配置时，业务终端可以根据组件拖动指令直接使用业务组件。业务终端将业务组件以及配置后的组件添加至组件列表中，进而可以得到页面配置信息。页面配置信息的示意图可以如图10所示。

在本实施例中，业务终端通过组件配置信息中的第一配置信息对相应的组件进行依赖关系配置，能够将页面中的多个字段建立依赖关系，实现在字段值发生变化时，根据依赖关系对依赖字段进行相应变更，进而提高了页面对应服务的服务效率。

在一个实施例中，如图11所示，根据页面配置信息生成页面交互信息的步骤包括：

步骤1102，对页面配置信息进行解析，得到配置后的组件列表、校验信息以及依赖关系。

步骤1104，根据配置后的组件列表、校验信息以及依赖关系生成页面交互信息。

页面配置信息中可以包括基础组件以及业务组件。基础组件中存储有依赖关系以及校验信息。依赖关系可以包括显示依赖、禁用依赖以及校验依赖等多种依赖关系。显示依赖可以是由其他组件决定该组件是否需要显示。禁用依赖可以是由其他组件决定该组件是否需要禁用。检验依赖可以是由其他组件决定该组件的页面校验结果。校验信息可以包括不同组件的校验启动方式以及对页面中字段值进行校验的方式。不同组件的校验启动方式可以包括输入框失去焦点启动校验、下拉框的字段值发生改变时启动校验等。校验的方式可以有多种，可以是字符串校验，可以是数据校验，可以通过正则表达式进行校验，还可以通过远程接口进行校验。

业务终端可以将对页面配置信息中基础组件的配置信息进行解析，得到依赖关系以及校验信息，将依赖关系以及校验信息分别生成一个数组，得到依赖关系数组以及校验信息数组。业务终端可以将依赖关系以及校验信息添加至组件列表中，生成页面交互信息。页面交互信息的格式可以是json格式。组件列表中包括业务组件，业务组件中预先设置有依赖关系以及校验信息，不需要进行配置。

在本实施例中，业务终端对页面配置信息进行解析，得到配置后的组件列表、校验信息以及依赖关系，根据配置后的组件列表、校验信息以及依赖关系生成页面交互信息。由于页面配置信息中包括校验信息以及依赖关系，在生成页面交互信息后，能够在页面选择不同组件时，通过页面交互信息直接在当前页面上进行子页面交互，无需在重新生成一个新的页面，进一步降低了页面所提供服务的服务成本。

在一个实施例中，对页面交互信息进行解析，生成目标页面包括：根据页面交互信息中的组件列表对页面对象进行初始化处理，得到初始化后的页面对象；对初始化后的页面对象进行依赖关系处理；对依赖关系处理后的页面对象对应的校验信息进行格式转换；根据格式转换后的校验信息对页面交互信息中的组件列表进行渲染，生成目标页面。

业务终端在得到页面交互信息后，根据页面交互信息中的组件列表对页面对象进行初始化处理，生成显示依赖对象以及禁用依赖对象，进而得到初始化后的页面对象。例如，页面对象可以是表单对象。业务终端通过对页面对象进行初始化处理，实现统一管理所有的页面字段值以及所有组件的依赖信息。

业务终端可以对初始化后的页面对象进行依赖关系处理。在其中一个实施例中，对初始化后的页面对象进行依赖关系处理包括：对初始化后的页面对象进行监听；当监听到初始化后的页面对象发生变更时，遍历页面交互信息中的依赖关系，确定变更后的页面对象对应的依赖对象；根据变更后的页面对象对依赖对象进行更新。具体的，业务终端可以是在初始化后的页面对象上绑定监听器，通过监听器对初始化后的页面对象进行监听，当监听到初始化后的页面对象的字段值发生变更时，对页面交互信息中的依赖关系进行遍历，根据发生变更的页面对象确定对应的依赖对象，业务终端进而根据变更后的页面对象对该依赖对象的字段值进行变更，此时，依赖对象的组件状态也会随之发生相应改变。业务终端通过对初始化后的页面对象进行监听，当监听到初始化后的页面对象发生变更时，遍历页面交互信息中的依赖关系，确定变更后的页面对象对应的依赖对象，进而根据变更后的页面对象对依赖对象进行更新，能够及时获取变更信息，进而根据变更信息通过依赖关系，对相应的依赖对象进行变更，进一步提高了页面的服务效率。

业务终端还可以将依赖处理后的页面对象对应的校验信息转换为页面显示脚本能够识别的格式。页面显示脚本能够识别的格式可以包括不同组件的校验启动方式以及对页面中字段值进行校验的方式。不同组件的校验启动方式可以包括输入框失去焦点启动校验、下拉框的字段值发生改变时启动校验等。校验的方式可以有多种，可以是字符串校验，可以是数据校验，可以通过正则表达式进行校验，还可以通过远程接口进行校验。业务终端根据转换后的校验信息对页面交互信息中的组件列表进行渲染，对组件列表中的每个组件进行渲染，得到目标页面。目标页面可以用于进行多个子页面之间的交互。目标页面也可以用于表单之间的交互。

在本实施例中，业务终端通过对页面对象进行初始化处理，实现统一管理所有的页面字段值以及所有组件的依赖信息。业务终端对初始化后的页面对象进行依赖关系处理，能够在页面对象发生变更时，对相应的依赖也进行相应的变更，提高了页面的服务效率。业务终端对依赖关系处理后的页面对象对应的校验信息进行格式转换，有利于对页面的字段值进行校验，从而提高页面字段的安全性。业务终端根据格式转换后的校验信息对页面交互信息中的组件列表进行渲染，生成目标页面，从而根据依赖关系得到可以子页面交互的目标页面，同时提高了页面字段的安全性。

在一个实施例中，上述方法还包括：获取产品信息，根据产品信息调用预设接口，通过预设接口在页面交互信息中获取产品信息对应的页面交互信息，作为产品交互信息；根据目标页面对产品信息以及产品交互信息进行解析，生成第一业务页面；接收对第一业务页面中所有组件的产品设置操作，根据产品设置操作对所有组件进行设置，得到设置后的组件；将设置后的组件发送至审核终端，通过审核终端对设置后的组件进行审核；当接收到审核终端返回的审核通过信息时，将审核通过后的组件对应的产品标识进行显示。

业务终端可以包括业务终端以及审核终端。业务终端在根据策略配置信息以及组件列表生成页面交互信息之后，还可以对页面交互信息进行编辑，将编辑后的页面交互信息发送至审核终端。通过审核终端对编辑后的页面交互信息进行审核。业务终端登录产品管理系统，发送产品编辑请求至产品管理系统，产品管理系统根据产品编辑请求获取产品信息，将产品信息返回至业务终端。产品信息可以包括产品标识。业务终端根据产品信息调用预设接口。预设接口用于查询页面交互信息。业务终端通过预设接口在页面交互信息中获取产品信息对应的页面交互信息，作为产品交互信息。业务终端根据目标页面对产品信息以及产品交互信息进行解析。解析的方式可以包括对产品信息以及产品交互信息进行初始化处理，对初始化处理后的产品信息以及产品交互信息进行依赖关系处理，对依赖关系处理后的产品信息以及产品交互信息进行校验，进而生成第一业务页面。

业务终端在登录产品管理系统后，还可以发送产品新增请求至产品管理系统，产品管理系统根据产品新增请求显示组件，业务终端获取显示组件的组件拖动指令，根据组件拖动指令将组件拖动至对应的配置区域。

业务终端在生成第一业务页面后或者根据组件拖动指令将组件拖动至对应的配置区域后，接收对第一业务页面中所有组件的产品设置操作。产品设置操作可以包括数据来源设置操作、产品规格设置操作、产品交互信息选择操作以及策略信息选择操作。业务终端根据第一业务页面中所有组件的数据来源设置操作设置组件来源，根据产品规格设置操作设置组件所输出的产品规格，根据产品交互信息设置操作设置产品标识对应的产品交互信息以及根据策略信息选择操作确定产品标识对应的策略信息，进而得到设置后的组件。策略信息可以包括资源计算策略以及编排策略标识。

业务终端接收对设置后的组件的提交操作或者存储操作。业务终端根据提交操作或者存储操作将设置后的组件转换为json策略信息，根据json策略信息调用相应接口，通过该接口将json策略信息存储至数据库中。当业务终端接收到提交操作时，将设置后的组件输入至产品管理系统中的待审核列表。审核终端在登录产品管理系统后，获取待审核列表中设置后的组件，对设置后的组件进行审核。当接收到审核终端返回的审核通过信息时，将审核通过后的组件对应的产品标识进行显示。当接收到审核终端返回的审核失败信息时，业务终端可以根据审核失败信息对设置后的组件进行编辑或者修改。

在本实施例中，业务终端通过调用预设接口，在页面交互信息中获取产品信息对应的页面交互信息，作为产品交互信息。根据目标页面对产品信息以及产品交互信息进行解析，生成第一业务页面。有利于后续对第一业务页面中的组件进行产品设置。业务终端接收对第一业务页面中所有组件的产品设置操作，根据产品设置操作对所有组件进行设置，得到设置后的组件。将设置后的组件发送至审核终端，通过审核终端对设置后的组件进行审核，审核通过后，显示组件对应的产品标识。通过对设置后的组件进行审核，能够提高产品信息的有效性。

在一个实施例中，业务终端还可以将生成的目标页面发送至服务器，以使服务器根据目标页面计算产品资源信息。具体的，当用户终端登录服务器时，发送产品服务获取请求，服务器对产品服务获取请求进行解析，得到产品标识以及操作终端标识。服务器根据产品服务获取请求调用预设接口，通过预设接口获取产品标识对应的策略信息以及页面交互信息。服务器根据目标页面对产品标识对应的策略信息以及页面交互信息进行解析，生成第二业务页面。服务器接收在业务页面上的产品规格选择操作，根据选择的产品规格计算动态产品属性信息。服务器根据动态产品属性信息计算对应的产品资源信息，服务器将动态属性信息中每个字段的字段资源数据相加得到产品资源信息。例如，云主机产品有CPU内存参数字段：flavorValue，当字段值为1C2G时，价格为30元。当字段值为1C4G时，价格45元。磁盘类型字段：dataDiskType，关联字段可以包括local或者gfs字段。其中，local的价格等于local数值*10，gfs的价格等于gfs的数值*15。云主机产品的价格＝flavorValue的价格+dataDiskType的价格。当选择产品规格后，生成的产品动态属性：flavorValue：1C2G，dataDiskType：local,local:45。则云主机的价格为：30+45*10＝480元。

当服务器接收到终端发送的产品资源信息的确认操作时，生成产品消费信息以及产品详细信息。例如，云主机的详细信息可以包括下单时间、操作人、云主机初始化完成时间、价格计算周期、CPU内存、磁盘类型、网络区域信息、实例数量、镜像类型、镜像名称、当前产品所属的系统编码、母主机资源池编码等。服务器将产品消费信息存储至消费信息库中，将产品详细信息存储至消费详情库中。服务器对产品消费信息进行锁定。服务器获取初始化接口列表，根据接口调用顺序在初始化接口列表中调用初始化接口，直至成功调用初始化接口列表中的所有接口，通过所有接口完成产品编排。服务器在完成产品编排之后，将锁定的产品消费信息进行扣除，更新产品消费信息的显示状态。例如，服务器中预先存储有云主机产品的初始化接口列表(A，B，C，D)，预先设置有接口调用顺序，服务器根据调用状态码在初始化接口列表中调用初始化接口，若A调用成功则继续调用B，若失败则接口调用过程中断，直至成功调用ABCD接口。服务器在A接口调用网络区域的初始化分配IP(InternetProtocol，互联网协议)，在B接口调用不同品牌母主机接口的初始化磁盘，在C接口调用不同品牌母主机接口的初始化虚拟机(Virtual Machine，简称VM)并指定磁盘分配IP，在D接口添加VM监控脚本。

在本实施例中，业务终端将目标页面发送至服务器，通过服务器根据目标页面对产品标识对应的策略信息以及页面交互信息进行解析，生成第二业务页面。通过服务器接收在业务页面上的产品规格选择操作，根据选择的产品规格计算动态产品属性信息，根据动态产品属性信息计算对应的产品资源信息。能够在目标页面上进行产品规则页面的交互，及时计算动态产品属性信息以及产品资源信息，提高了页面对应服务的服务效率。

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

在一个实施例中，如图12所示，提供了一种页面配置装置，包括：拖动模块1202、通信模块1204、配置模块1206、生成模块1208、解析模块1210和变更模块1212，其中：

拖动模块1202，用于获取组件拖动指令，根据组件拖动指令将组件拖动至对应的配置区域，得到组件列表。

通信模块1204，用于获取组件列表中每个组件对应的组件配置信息。

配置模块1206，用于根据组件配置信息对相应的组件进行配置，得到页面配置信息。

生成模块1208，用于根据页面配置信息生成页面交互信息。

解析模块1210，用于对页面交互信息进行解析，得到目标页面。

变更模块1212，用于接收到目标页面中的组件选择操作时，根据页面交互信息调用相应的组件，通过调用的组件对目标页面进行变更。

在一个实施例中，配置模块1206还用于根据组件配置信息中的第一配置信息对相应的组件进行依赖关系配置；根据组件配置信息中的第二配置信息对依赖关系配置后的相应组件进行配置，得到页面配置信息。

在一个实施例中，生成模块1208还用于对页面配置信息进行解析，得到配置后的组件列表、校验信息以及依赖关系；根据配置后的组件列表、校验信息以及依赖关系生成页面交互信息。

在一个实施例中，解析模块1210还用于根据页面交互信息中的组件列表对页面对象进行初始化处理，得到初始化后的页面对象；对初始化后的页面对象进行依赖关系处理；对依赖关系处理后的页面对象对应的校验信息进行格式转换；根据格式转换后的校验信息对页面交互信息中的组件列表进行渲染，生成目标页面。

在一个实施例中，解析模块1210还用于对初始化后的页面对象进行监听；当监听到初始化后的页面对象发生变更时，遍历页面交互信息中的依赖关系，确定变更后的页面对象对应的依赖对象；根据变更后的页面对象对依赖对象进行更新。

在一个实施例中，上述装置还包括：

获取模块，用于获取产品信息，根据产品信息调用预设接口，通过预设接口在页面交互信息中获取产品信息对应的页面交互信息，作为产品交互信息。

解析模块1210，还用于根据目标页面对产品信息以及产品交互信息进行解析，生成第一业务页面。

设置模块，用于接收对第一业务页面中所有组件的产品设置操作，根据产品设置操作对所有组件进行设置，得到设置后的组件。

发送模块，用于将设置后的组件发送至审核终端，通过审核业务终端对设置后的组件进行审核。

显示模块，用于当接收到审核终端返回的审核通过信息时，将审核通过后的组件对应的产品标识进行显示。

关于页面配置装置的具体限定可以参见上文中对于页面配置方法的限定，在此不再赘述。上述页面配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图13所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面配置方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

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

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，该存储器存储有计算机程序，该处理器执行计算机程序时实现上述各个方法实施例中的步骤。

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

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

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

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