CN114185632B - 一种页面配置方法、装置、计算机设备、介质及程序产品 - Google Patents

Abstract

本发明实施例公开了一种页面配置方法、装置、计算机设备、介质及程序产品，涉及计算机技术领域。该方法包括：响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对当前模板进行渲染生成配置页面；检测到对配置页面中可配置区域的配置请求，确定与可配置区域对应的配置项，加载配置项到配置页面进行显示；检测到配置项对应的配置内容，加载配置内容到对应的可配置区域进行显示，响应于当前模板的配置保存请求，关联存储当前模板的模板标识和配置内容。本发明实施例可以解决业务流程相关页面的开发过程中，存在的配置数据冗余、配置过程不够直观，且配置动作比较分散复杂的问题，达到了降低配置难度、提高配置效率的效果。

Description

一种页面配置方法、装置、计算机设备、介质及程序产品

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种页面配置方法、装置、计算机设备、介质及程序产品。

背景技术

随着计算机技术的发展和普及，一些事务型的工作会按照基于流程引擎开发的业务流程进行流转处理。

通常的业务流程开发过程中，相关配置是通过人工填写excel模板，然后，通过脚本生成工具将excel模板中的数据生成sql脚本，并将sql脚本拷贝至数据库工具执行，完成配置数据入库。通过实际操作工作流以验证各个任务节点展示的正确性。将验证正确地excel模板通过版本控制***(Subversion，简称SVN)上传后端服务器。

发明人在实现本发明的过程中发现，相关技术中的配置方案基于人工填写excel模板实现，存在配置数据冗余、配置过程不够直观，且配置动作比较分散复杂的问题，导致配置效率较低。

发明内容

本发明实施例提供一种页面配置方法、装置、计算机设备、介质及程序产品，可以解决配置数据冗余、配置过程不够直观，且配置动作比较分散复杂的问题，提高配置效率。

第一方面，本发明实施例提供了一种页面配置方法，包括：

响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面；

检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，其中，所述配置项包含复用配置字段，所述复用配置字段用于标识业务流程中复用相同配置内容的页面；

检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

第二方面，本发明实施例还提供了一种页面配置装置，该装置包括：

配置页面显示模块，用于响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面；

配置项显示模块，用于检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，其中，所述配置项包含复用配置字段，所述复用配置字段用于标识业务流程中复用相同配置内容的页面；

配置内容显示模块，用于检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

第三方面，本发明实施例还提供了一种计算机设备，所述计算机设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任意实施例所述的页面配置方法。

第四方面，本发明实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如本发明任意实施例所述的页面配置方法。

第五方面，本发明实施例还提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据本发明任意实施例所述的页面配置方法。

本发明实施例提供一种页面配置方法、装置、计算机设备、介质及程序产品，通过响应于配置人员对配置页面中可配置区域的配置请求，显示配置项以供配置人员输入配置内容，检测到配置项对应的配置内容，在对应的可配置区域显示配置内容，响应于配置保存请求，关联存储模板标识和配置内容。通过本发明实施例的技术方案，实现可视化配置页面，避免配置过程不够直观的问题；此外，通过配置页面中的配置项实现配置动作，避免配置动作比较分散复杂的问题，此外，通过在配置内容中配置复用配置字段，实现业务流程中的多个页面复用相同的配置内容，避免配置数据冗余的问题，达到了降低配置难度、提高配置效率的效果。

附图说明

图1为本发明实施例提供的一种页面配置方法所适用的一种***的组成架构示意图；

图2a为本发明实施例提供的一种页面配置方法的流程图；

图2b为本发明实施例提供的一种页面配置方法中模板查询页面的示意图；

图2c为本发明实施例提供的一种页面配置方法中展示配置项的示意图；

图2d为本发明实施例提供的一种页面配置方法中编辑配置项的示意图；

图3a为本发明实施例提供的另一种页面配置方法的流程图；

图3b为本发明实施例提供的一种带有预览模板按键的配置页面示意图；

图4a为本发明实施例提供的又一种页面配置方法的流程图；

图4b为本发明实施例提供的一种预览页面的示意图；

图5为本发明实施例提供的又一种页面配置方法的流程图；

图6为本发明实施例提供的一种页面配置装置的结构框图；

图7为本发明实施例提供的一种计算机设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

为了便于理解，对本发明的技术方案所使用的***进行介绍。图1为本发明实施例提供的一种页面配置方法所适用的一种***的组成架构示意图。如图1所示，本***包括客户端110和服务器120，客户端110与服务器120之间通过网络实现通信连接。在客户端110中可以安装有浏览器111，通过浏览器111显示配置页面，并可以支持在配置页面中可视化的配置业务流程审批页面，以及支持审批页面的预览功能等。本发明实施例并不限定客户端110的类型，例如，客户端110可以是移动客户端、或者个人计算机等。

在本发明的一个实施例中，客户端110通过AJAX引擎112与服务器120进行数据交互。其中，AJAX引擎112基于Ajax(Asynchronous JavaScript and XML，异步JavaScript和XML)技术实现。Ajax是一种客户端技术，在浏览器111上有javascript动作(滑动页面、点击一个按键等等)，AJAX引擎112发送HTTP请求给服务器120，服务器120会返回数据交给AJAX引擎112，然后，AJAX引擎112将服务器120返回的数据渲染到浏览器111当前的页面中。

下面结合流程图对本发明实施例中的页面配置方法进行说明。图2a为本发明实施例提供的一种页面配置方法的流程图，本实施例可适用于对业务流程中的各个审批页面进行开发的场景，该方法可以由页面配置装置来执行，该装置可以由软件和/或硬件实现，并通常配置于计算机设备中。如图2a所述，该方法包括：

步骤210、响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面。

其中，配置请求用于标识待配置模板，并触发客户端从配置模板列表中筛选出待配置模板，该待配置模板用于配置业务流程的审批页面。为了从配置模板列表中选择出待配置模板，该配置请求包括配置模板选择参数。例如，配置模板选择参数可以包括配置模板的模板编号、模板名称和业务类型等。

配置模板列表是已创建的配置模板的列表。可选地，在后端服务器中保存配置模板列表，并在接收到客户端发送的模板列表查询请求时，返回配置模板列表给客户端。具体地，后端服务器提供查询模板列表接口，可以通过该查询模板列表接口与客户端交互。可以通过浏览器中的模板查询页面展示配置模板列表。图2b为本发明实施例提供的一种页面配置方法中模板查询页面的示意图。如图2b所示，模板查询页面包括查询条件控件、配置模板列表显示控件和操作控件。其中，查询条件控件包括模板编号、模板名称和业务类型。配置人员可以通过在查询条件控件中输入模板编号、模板名称和业务类型查询目前已有的配置模板。操作控件包括查询控件和新增控件等。配置模板列表显示控件用于显示各个已创建的配置模板的模板编号、模板名称、业务类型以及操作内容等。可选地，配置模板列表显示控件的操作内容包括编辑控件、历史控件和删除控件。其中，编辑控件用于触发对配置模板的编辑事件。历史控件用于触发对配置模板的历史更新记录的查询事件。客户端通过查询模板历史接口发送该查询事件给后端服务器，以指示后端服务器响应该查询事件确定模板历史更新记录，返回模板历史更新记录给客户端。删除控件用于触发对配置模板的删除事件。客户端通过删除模板接口发送该删除事件给后端服务器，以指示后端服务器响应该删除事件，删除配置模板列表中对应的模板。

示例性地，解析配置请求得到模板编号、模板名称和业务类型。根据模板编号、模板名称和业务类型查询配置模板列表，将查询得到的待配置模板作为当前模板。对当前模板进行渲染得到配置页面，该配置页面中的可配置区域包括信息区、表单区、意见区、链接区、操作区和提交区，各个可配置区域分别对应一个子组件。

具体地，客户端封装有一个能够处理模板配置和模板展示的父组件。该父组件能够提供模板配置功能和模板渲染功能。父组件包含上述各个可配置区域对应的子组件。父组件根据模板编号、模板名称和业务类型从配置模板列表中选择待配置模板作为当前模板。获取当前模板的模板数据，通过父组件分别传递给对应的各个子组件，基于模板数据对各个子组件进行实例化，生成配置页面。

步骤220、检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示。

在本发明实施例中，配置项是业务流程页面的配置字段。其中，配置项包含复用配置字段，复用配置字段用于标识业务流程中复用相同配置内容的页面。具体地，该配置项是配置模板中各个子组件对应的配置字段。例如，信息区的配置项可以包括标题、属性、排序和复用配置字段等字段，用于配置信息区中标题的字段数、排序以及业务流程中的哪些页面复用该已配置好的信息区域配置内容等。在实际应用中，可以根据应用需求增加或删除配置项中的字段。

在本发明实施例中，在配置页面中与可配置区域不重叠的其它区域显示当前可配置区域的配置项，以在同一界面下编辑和显示可配置区域的配置项，使配置操作更加集中。

需要说明的是，通过配置项表保存各个可配置区域的配置项，并且，各个配置项表与各个可配置区域对应的子组件的组件标识相关联。客户端可以基于组件标识查询到对应的配置项表。

示例性地，检测到对配置页面中可配置区域的配置请求，获取对应可配置区域的子组件的组件标识；根据组件标识查询到对应的配置项表，获取配置项表中的配置项；加载配置项到配置页面中可配置区域之外的区域进行显示。

在一个具体的实现方式中，配置人员点击配置页面中信息区对应的可配置区域，在配置页面中与该可配置区域不重叠的其它区域显示对应的配置项，配置人员可以编辑配置项。需要说明的是，各个子组件的配置项对应存储在不同的配置项表，以对不同可配置区域的配置字段进行区分。图2c为本发明实施例提供的一种页面配置方法中展示配置项的示意图。如图2c所示，检测到配置人员对配置页面左侧的信息区的点击操作，在配置页面的右侧显示信息区配置区域。在信息区配置区域中显示有配置项字段的名称和取值等选项。例如，一个配置项字段是测试字段1，配置相应的属性值。另一个配置项字段是流程号，配置其相应的属性值。又一个配置项字段是任务号，配置其相应的属性值。又一个配置项字段是产品大类，配置其相应的属性值等等。

需要说明的是，流程号用于标识业务流程。任务号用于标识一个流程的任务节点。流程号与任务号结合可以标识当前配置的配置页面所属的业务流程和在该业务流程中所属的任务节点。例如，如果在某个审批流程中，任务节点1、3和5在信息区和意见区两个可配置区域的差异不大，则可以在配置任务节点1对应的配置页面中的信息区和意见区时，分别将任务节点的属性赋值为上述任务节点的标识(即节点号是1、3、5)，从而，实现多个任务节点复用相同的配置内容，提高了配置数据的复用率。

在本发明实施例中，通过向配置项中添加任务号之外的维度，以提升配置数据的灵活率。即配置项的显示维度可以自定义添加或删减。例如，可以通过向配置项中添加角色号维度，以实现向业务流程中不同角色的审批人差异展示审批页面。

步骤230、检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

其中，配置内容是配置用户针对配置字段输入的用于对可配置区域进行配置的内容。例如，对于信息区的配置项，可以包括标题、属性、排序和复用配置字段等字段。相应地，配置内容可以是标题、属性、排序和复用配置字段的字段内容。

配置保存请求是对配置页面中的确认按键的点击操作触发的，用于触发客户端调用后端服务器提供的接口，传输当前模板的模板编号和配置内容给对应后端服务器。后端服务器在接收到模板编号和配置内容之后，关联存储当前模板编号和配置内容。在实际业务流程中，浏览器引用父组件，将模板编号传入该父组件，通过父组件处理配置内容和渲染逻辑，实现对该配置内容的实例化。

模板标识是用于区别配置模板的标识信息。例如，采用模板编号、模板名称和业务类型中的一项或多项来区别不同的配置模板。可选地，在客户端维护模板编号、模板名称和业务类型与配置模板的对应关系。在后端服务器维护模板编号、模板名称和业务类型与各配置模板的配置内容的关联关系等。

示例性地，检测到配置人员在配置页面中输入的配置项对应的配置内容，根据配置项与组件标识的关联关系，确定对应的目标子组件。通过配置内容实例化目标子组件，以在目标子组件对应的可配置区域显示配置内容。在检测到配置页面中的提交按键被点击时，调用后端服务器的接口，通过接口传输当前模板的模板标识和配置内容给后端服务器，以指示后端服务器关联存储模板标识和配置内容。

在一个具体的实现方式中，配置人员编辑某个可配置区域对应的配置项之后，在配置页面中该可配置区域显示对应的配置内容。图2d为本发明实施例提供的一种页面配置方法中编辑配置项的示意图。如图2d所示，检测到配置人员编辑信息区配置区域中的配置项字段的名称和取值，将对应配置内容在配置页面中该信息区对应的可配置区域进行显示。

在一个可替代的实现方式中，检测到模板导入请求，根据模板导入请求包含的模板标识向后端服务器请求对应的配置内容。加载配置内容和模板标识对应的配置模板到配置页面，以在配置页面中显示模板标识对应的配置模板和配置内容，实现对已有模板数据的复用和微调，避免配置人员对差异较小的页面进行重复配置，提升开发效率。具体地，配置人员输入模板编号、模板名称和业务类型之后，点击引入模板按键。客户端检测到引入模板按键被点击时，将模板编号、模板名称和业务类型作为模板标识，生成模板导入请求。通过查询单个模板配置接口发送模板导入请求给后端服务器。后端服务器基于模板导入请求中的模板编号、模板名称和业务类型确定对应的已配置的配置模板和对应的配置内容，返回已配置的配置模板和配置内容给客户端。客户端加载配置内容和配置模板到配置页面，以在配置页面显示上述已配置好的配置模板的内容。

需要说明的是，在检测配置页面上的提交按键被点击时，通过客户端中封装的父组件调用后端服务器提供的新增模板配置接口，通过该新增模板配置接口传输当前模板标识和配置内容给后端服务器。后端服务器在接收到模板标识和配置内容之后，关联存储模板标识和配置内容。

本实施例的技术方案，通过响应于配置人员对配置页面中可配置区域的配置请求，显示配置项以供配置人员输入配置内容，检测到配置项对应的配置内容，在对应的可配置区域显示配置内容，响应于配置保存请求，关联存储模板标识和配置内容。通过本发明实施例的技术方案，实现可视化配置页面，避免配置过程不够直观的问题；此外，通过配置页面中的配置项实现配置动作，避免配置动作比较分散复杂的问题，此外，通过在配置内容中配置复用配置字段，实现业务流程中的多个页面复用相同的配置内容，避免配置数据冗余的问题，达到了降低配置难度、提高配置效率的效果。

在上述技术方案的基础上，本实施例附加了预览当前配置下的页面展示的步骤。图3a为本发明实施例提供的另一种页面配置方法的流程图，如图3a所示，该方法包括：

步骤310、响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面。

步骤320、检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示。

步骤330、检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

步骤340、检测到第一预览请求，响应于第一预览请求，获取与第一预览请求对应的目标配置模板以及对应目标配置模板中已配置的第一配置内容。

其中，第一预览请求用于请求展示当前配置下的页面内容。第一预览请求中包括模板编号、模板名称和业务类型等参数，将基于第一预览请求中的至少一个参数确定的配置模板作为目标配置模板。

示例性地，在配置人员对配置模板进行配置的过程中，可能需要查看当前配置下的页面展示效果。可以通过点击当前配置模板对应的配置页面中的预览模板按键，触发预览事件。客户端检测到预览事件后，基于当前配置模板对应的模板标识查询暂存数据，获取与目标配置模板对应的所有的第一配置内容。

图3b为本发明实施例提供的一种带有预览模板按键的配置页面示意图。如图3b所示，配置页面中显示有模板编码、模板名称、业务类型和预览模板。可以通过模板编码、模板名称以及业务类型对应的文本框控件中输入的内容，确定模板编码、模板名称和业务类型。还可以通过点击预览模板预览当前配置下的页面展示。

步骤350、对所述第一配置内容和所述目标配置模板进行渲染，生成第一预览页面。

需要说明的是，第一预览页面是显示配置效果的业务流程页面。如果有多个业务流程页面的差异小于预设阈值，则在配置时，可以复用同一配置内容，并通过任务号字段加以区分。此时，基于第一配置内容对目标配置模板进行渲染时，可能生成多个第一预览页面。

示例性地，客户端将第一配置内容传入目标模板配置模板封装的父组件中，通过父组件基于第一配置内容过滤出要展示的数据内容，并基于数据内容渲染目标配置模板，生成至少一个第一预览页面，以供配置人员验证页面配置效果。

本实施例的技术方案，通过获取与第一预览请求对应的目标配置模板以及对应目标配置模板中已配置的第一配置内容，基于第一配置内容对目标配置模板进行渲染，生成第一预览页面，实现配置过程中的页面预览，无需运行实际的工作流就能验证页面展示的正确性。

在上述技术方案的基础上，本实施例附加了数据预览的步骤。图4a为本发明实施例提供的又一种页面配置方法的流程图。如图4a所示，该方法包括：

步骤410、响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面。

步骤420、检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示。

步骤430、检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

步骤440、检测到第二预览请求，响应于所述第二预览请求，获取所述第二预览请求对应的预览页面元素，将各个已保存的配置模板的配置内容传入所述预览页面元素中的预览条件控件，生成第二预览页面。

其中，第二预览请求用于请求展示已配置完成的配置模板对应的页面数据。客户端响应于第二预览请求，获取第二预览请求对应的预览页面元素。具体地，客户端检测到第二预览请求，获取预设的与第二预览请求对应的预览页面元素。同时，客户端基于第二预览请求向后端服务器请求所有已保存的配置模板对应的配置内容，并将各个已保存的配置模板的配置内容传入预览页面元素中的预览条件控件，生成第二预览页面，实现在第二预览页面的预览条件控件中，以下拉菜单栏的形式展示各个已保存的配置模板的配置内容。

需要说明的是，第二预览页面中预览条件控件可以通过下拉菜单的形式显示所有已配置的配置模板的模板编号、流程号、和任务号等字段内容，以供配置人员选择。

图4b为本发明实施例提供的一种预览页面的示意图。如图4b所示，在预览页面中显示有预览条件控件和预览数据控件。配置人员通过对预览条件控件的下拉菜单内容的操作，筛选出想要预览的页面数据。例如，预览条件控件的下拉菜单内容可以包括业务类型、模板、流程号、任务号、产品大类及业务性质等。

步骤450、检测到配置人员对所述预览条件控件的第一操作，根据第一操作内容从所述配置内容中筛选预览内容，加载所述预览内容到所述第二预览页面进行显示。

示例性地，检测到配置人员点击预览条件控件时，通过下拉菜单的形式展示对应的配置内容。配置人员的第一操作内容包括从下拉菜单中选中的配置内容，基于第一操作内容可以从所有已配置的配置内容中选择将要预览的内容，作为预览内容，将预览内容传入父组件，通过父组件将预览内容渲染到第二预览页面上显示。

步骤460、获取所述第一操作涉及的各个预览条件对应的待办数据标识。

其中，待办数据标识用于标识不同的待办数据。该待办数据是与预览条件对应的真实业务数据。在预览条件配置好之后，客户端可以自动查询出对应条件下已存在的待办数据。

示例性地，在配置人员选择完预览条件字段的内容之后，基于选定的预览条件内容筛选出对应预览条件下已经存在的待办数据，将待办数据传入预览数据控件，实现响应于配置人员对预览数据的选择请求，采用下拉菜单的形式展示待办数据。

步骤470、检测到所述配置人员对所述第二预览页面中所述待办数据标识的第二操作，基于第二操作内容获取对应待办数据标识的数据内容。

其中，第二操作可以是从预览数据控件的下拉菜单中选择待办数据标识的操作。相应地，第二操作内容是指从下拉菜单中选中的待办数据标识。

示例性地，发送待办数据标识给后端服务器，以通过后端服务器基于待办数据标识查询真实业务流程数据，得到对应待办数据标识的数据内容，返回待办数据标识对应的数据内容给客户端。

步骤480、加载所述数据内容到所述第二预览页面进行显示。

示例性地，客户端将数据内容传入父组件，以通过父组件将数据内容渲染到第二预览页面进行显示。

本实施例的技术方案，通过对第二预览页面中的预览条件和预览数据的操作，实现预览配置完成后的真实数据，无需运行实际的工作流就能验证页面展示的正确性。此外，还可以通过选择预览条件实现不同维度下的页面预览，提高验证效率。

在上述技术方案的基础上，本实施例附加了导入已有模板数据的步骤。图5为本发明实施例提供的又一种页面配置方法的流程图。如图5所示，该方法包括：

步骤510、响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面。

步骤520、检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示。

步骤530、检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

步骤540、检测到配置更新操作，根据所述配置更新操作对应的模板编号、模板名称和业务类型，请求后端服务器备份对应的所述配置内容作为历史配置记录。

其中，配置更新操作可以是配置人员点击模板查询页面中的编辑按键。该编辑按键与模板编号、模板名称和业务类型具有关联关系。在点击某个配置模板的编辑按键时，获取与被点击编辑按键关联的更新时间最接近当前时间的配置模板进行编辑。

历史配置记录用于记录各个配置模板的历史配置内容。在对配置模板进行编辑之后，形成一个新的配置模板，需要分别保存旧的配置模板和新的配置模板。具体地，可以在对配置模板进行编辑之前，先对配置模板进行备份。

示例性地，客户端检测到配置人员点击编辑按键，基于被点击按键对应的模板编号、模板名称和业务类型生成模板编辑请求。通过编辑模板配置接口发送模板编辑请求给后端服务器。后端服务器接收模板编辑请求，解析模板编辑请求得到模板编号、模板名称和业务类型。基于模板编号、模板名称和业务类型从配置模板列表中选择待编辑配置模板。确定与待编辑配置模板对应的配置内容。服务器响应于模板编辑请求，首先备份该配置内容作为历史配置记录。

步骤550、根据所述配置更新操作修改所述待编辑配置模板的配置内容，得到新的配置内容，关联存储所述待编辑配置模板的模板标识和所述新的配置内容。

其中，配置更新操作包括对已配置完成的配置模板的编辑操作。该编辑操作可以是编辑可配置区域对应的配置项和/或编辑配置项对应的配置内容。

例如，根据配置更新操作的内容增加或删除配置项及对应配置内容，调用后端服务器的编辑模板配置接口，通过该编辑模板配置接口传输修改操作内容给后端服务器。后端服务器根据修改操作内容相应地修改待编辑配置模板的配置项。

又如，根据配置更新操作的内容修改待编辑配置模板的配置内容，得到新的配置内容，调用后端服务器的编辑模板配置接口，通过该编辑模板配置接口传输新的配置内容和待编辑配置模板的模板标识给后端服务器，以指示后端服务器关联存储模板标识和新的配置内容。

需要说明的是，在存储新的配置内容时，还需要更新该配置模板的更新时间、更新人和更新原因。

可选地，在配置人员需要查询历史更新记录时，可以通过点击模板查询页面中的历史按键即可。由于历史按键与模板编号、模板名称和业务类型具有关联关系。客户端检测到历史按键的点击操作，基于被点击按键对应的模板编号、模板名称和业务类型生成查询历史操作请求。通过查询历史操作接口发送查询历史操作请求给后端服务器。后端服务器接收查询历史操作请求，解析历史操作请求得到模板编号、模板名称和业务类型。基于模板编号、模板名称和业务类型筛选出对应的历史配置记录，返回历史配置记录给客户端，以在客户端展示各次编辑的配置模板。若配置人员想查看某次编辑操作，可以通过点击对应时间的配置模板，即可展示该配置模板的配置内容。

本实施例的技术方案，通过在更新待编辑配置模板的配置内容之前，备份待编辑配置模板对应的配置内容作为历史配置记录，根据配置更新操作修改待编辑配置模板的配置内容，得到新的配置内容，关联存储待编辑配置模板的模板编号和新的配置内容，实现保存同一配置模板的多次编辑版本，实现配置历史可追溯效果，为配置排查提供依据。

图6为本发明实施例提供的一种页面配置装置的结构框图，该装置可以执行本发明任意实施例提供的页面配置方法，并通过执行上述方法实现页面可视化配置。该装置可以由软件和/或硬件实现，并被配置于计算机设备中。如图6所示，该装置包括配置页面显示模块610、配置项显示模块620和配置内容显示模块630。

配置页面显示模块610，用于响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面；

配置项显示模块620，用于检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，其中，所述配置项包含复用配置字段，所述复用配置字段用于标识业务流程中复用相同配置内容的页面；

配置内容显示模块630，用于检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

本发明实施例提供一种页面配置装置，通过响应于配置人员对配置页面中可配置区域的配置请求，显示配置项以供配置人员输入配置内容，检测到配置项对应的配置内容，在对应的可配置区域显示配置内容，响应于配置保存请求，关联存储模板标识和配置内容。通过本发明实施例的技术方案，实现可视化配置页面，避免配置过程不够直观的问题；此外，通过配置页面中的配置项实现配置动作，避免配置动作比较分散复杂的问题，此外，通过在配置内容中配置复用配置字段，实现业务流程中的多个页面复用相同的配置内容，避免配置数据冗余的问题，达到了降低配置难度、提高配置效率的效果。

进一步地，该装置还包括：

第一预览模块，用于在检测到第一预览请求之时，响应于所述第一预览请求，获取与所述第一预览请求对应的目标配置模板以及对应目标配置模板中已配置的第一配置内容；

对所述第一配置内容和所述目标配置模板进行渲染，生成第一预览页面。

进一步地，该装置还包括：

第二预览模块，用于在检测到第二预览请求之时，响应于所述第二预览请求，获取所述第二预览请求对应的预览页面元素，将各个已保存的配置模板的配置内容传入所述预览页面元素中的预览条件控件，生成第二预览页面；

检测到配置人员对所述预览条件控件的第一操作，根据第一操作内容从所述配置内容中筛选预览内容，加载所述预览内容到所述第二预览页面进行显示。

可选地，所述第二预览模块具体还用于：

在检测到配置人员对所述预览条件控件的第一操作之后，获取所述第一操作涉及的各个预览条件对应的待办数据标识；

检测到所述配置人员对所述第二预览页面中所述待办数据标识的第二操作，基于第二操作内容获取对应待办数据标识的数据内容；

加载所述数据内容到所述第二预览页面进行显示。

进一步地，配置页面显示模块610具体用于：

解析所述配置请求得到模板编号、模板名称和业务类型；

根据所述模板编号、模板名称和业务类型查询所述配置模板列表，将查询得到的待配置模板作为当前模板；

对所述当前模板进行渲染得到所述配置页面，所述配置页面中的可配置区域包括信息区、表单区、意见区、链接区、操作区和提交区。

进一步地，配置项显示模块620具体用于：

检测到对所述配置页面中可配置区域的配置请求，获取对应可配置区域的子组件的组件标识；

根据所述组件标识查询到对应的配置项表，获取所述配置项表中的配置项；

加载所述配置项到所述配置页面中所述可配置区域之外的区域进行显示。

进一步地，配置内容显示模块630具体用于：

检测到配置人员在所述配置页面中输入的所述配置项对应的配置内容；

根据所述配置项与组件标识的关联关系，确定对应的目标子组件；

通过所述配置内容实例化所述目标子组件，以在所述目标子组件对应的可配置区域显示所述配置内容。

进一步地，配置内容显示模块630具体还用于：

在检测到所述配置页面中的提交按键被点击时，调用后端服务器的接口，通过所述接口传输所述当前模板的模板标识和所述配置内容给所述后端服务器，以指示所述后端服务器关联存储所述模板标识和所述配置内容。

可替换地，配置内容显示模块630具体用于：

检测到模板导入请求，根据所述模板导入请求包含的模板标识向所述后端服务器请求对应的配置内容；

加载所述配置内容和所述模板标识对应的配置模板到所述配置页面，以在所述配置页面中显示所述模板标识对应的配置模板和所述配置内容。

进一步地，该装置还包括：

模板配置更新模块，用于在检测到配置更新操作之时，根据所述配置更新操作对应的模板编号、模板名称和业务类型，请求后端服务器备份对应的所述配置内容作为历史配置记录；根据所述配置更新操作修改所述待编辑配置模板的配置内容，得到新的配置内容，关联存储所述待编辑配置模板的模板标识和所述新的配置内容。

本发明实施例所提供的页面配置装置可执行本发明任意实施例所提供的页面配置方法，具备执行方法相应的功能模块和有益效果。

图7为本发明实施例提供的一种计算机设备的结构示意图，如图7所示，该计算机设备包括处理器70、存储器71、图形处理器72、网络接口73、输入装置74和输出装置75、；计算机设备中处理器70的数量可以是一个或多个，图C中以一个处理器70为例；计算机设备中的处理器70、存储器71、图形处理器72、网络接口73、输入装置74和输出装置75可以通过总线或其他方式连接，图7中以通过总线连接为例。

存储器71作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的页面配置方法对应的程序指令/模块(例如，页面配置装置中的配置页面显示模块610、配置项显示模块620和配置内容显示模块630)。处理器70通过运行存储在存储器71中的软件程序、指令以及模块，从而执行计算机设备的各种功能应用以及数据处理，即实现上述的页面配置方法。

存储器71可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器71可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器71可进一步包括相对于处理器70远程设置的存储器，这些远程存储器可以通过网络连接至计算机设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

图形处理器72用于至少提供显示界面的绘制功能。

网络接口73用于与服务器进行网络通信，如向服务器请求修改配置模板的配置内容或者请求查看配置内容等。

输入装置74可用于接收用户输入的数字或字符信息，以及产生与计算机设备的用户设置以及功能控制有关的键信号输入。输出装置75可包括显示屏等显示设备，用于显示页面。

本发明实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种页面配置方法，该方法包括：

响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面；

检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，其中，所述配置项包含复用配置字段，所述复用配置字段用于标识业务流程中复用相同配置内容的页面；

检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容。

当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的页面配置方法中的相关操作。

本发明实施例还提供一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现根据本发明任意实施例所述的页面配置方法。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

值得注意的是，上述页面配置装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (12)

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

响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面；

检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，其中，所述配置项包含复用配置字段，所述复用配置字段用于标识业务流程中复用相同配置内容的页面；

检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容；

在检测到第二预览请求之时，还包括：

响应于所述第二预览请求，获取所述第二预览请求对应的预览页面元素，将各个已保存的配置模板的配置内容传入所述预览页面元素中的预览条件控件，生成第二预览页面；

检测到配置人员对所述预览条件控件的第一操作，根据第一操作内容从所述配置内容中筛选预览内容，加载所述预览内容到所述第二预览页面进行显示。

2.根据权利要求1所述的方法，其特征在于，在检测到第一预览请求之时，还包括：

响应于所述第一预览请求，获取与所述第一预览请求对应的目标配置模板以及对应目标配置模板中已配置的第一配置内容；

对所述第一配置内容和所述目标配置模板进行渲染，生成第一预览页面。

3.根据权利要求1所述的方法，其特征在于，在检测到配置人员对所述预览条件控件的第一操作之后，还包括：

获取所述第一操作涉及的各个预览条件对应的待办数据标识；

检测到所述配置人员对所述第二预览页面中所述待办数据标识的第二操作，基于第二操作内容获取对应待办数据标识的数据内容；

加载所述数据内容到所述第二预览页面进行显示。

4.根据权利要求1所述的方法，其特征在于，所述响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面，包括：

解析所述配置请求得到模板编号、模板名称和业务类型；

根据所述模板编号、模板名称和业务类型查询所述配置模板列表，将查询得到的待配置模板作为当前模板；

对所述当前模板进行渲染得到所述配置页面，所述配置页面中的可配置区域包括信息区、表单区、意见区、链接区、操作区和提交区。

5.根据权利要求1所述的方法，其特征在于，所述检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，包括：

检测到对所述配置页面中所述可配置区域的配置请求，获取对应可配置区域的子组件的组件标识；

根据所述组件标识查询到对应的配置项表，获取所述配置项表中的配置项；

加载所述配置项到所述配置页面中所述可配置区域之外的区域进行显示。

6.根据权利要求1所述的方法，其特征在于，所述检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，包括：

检测到配置人员在所述配置页面中输入的所述配置项对应的配置内容；

根据所述配置项与组件标识的关联关系，确定对应的目标子组件；

通过所述配置内容实例化所述目标子组件，以在所述目标子组件对应的可配置区域显示所述配置内容。

7.根据权利要求1所述的方法，其特征在于，所述响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容，包括：

在检测到所述配置页面中的提交按键被点击时，调用后端服务器的接口，通过所述接口传输所述当前模板的模板标识和所述配置内容给所述后端服务器，以指示所述后端服务器关联存储所述模板标识和所述配置内容。

8.根据权利要求1所述的方法，其特征在于，检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，包括：

检测到模板导入请求，根据所述模板导入请求包含的模板标识向后端服务器请求对应的配置内容；

加载所述配置内容和所述模板标识对应的配置模板到所述配置页面，以在所述配置页面中显示所述模板标识对应的配置模板和所述配置内容。

9.根据权利要求1所述的方法，其特征在于，在检测到配置更新操作之时，还包括：

根据所述配置更新操作对应的模板编号、模板名称和业务类型，请求后端服务器备份对应的所述配置内容作为历史配置记录；

根据所述配置更新操作修改待编辑配置模板的配置内容，得到新的配置内容，关联存储所述待编辑配置模板的模板标识和所述新的配置内容。

10.一种页面配置装置，其特征在于，包括：

配置页面显示模块，用于响应于配置请求，从配置模板列表中选择对应的待配置模板作为当前模板，对所述当前模板进行渲染生成配置页面；

配置项显示模块，用于检测到对所述配置页面中可配置区域的配置请求，确定与所述可配置区域对应的配置项，加载所述配置项到所述配置页面进行显示，其中，所述配置项包含复用配置字段，所述复用配置字段用于标识业务流程中复用相同配置内容的页面；

配置内容显示模块，用于检测到所述配置项对应的所述配置内容，加载所述配置内容到对应的可配置区域进行显示，响应于所述当前模板的配置保存请求，关联存储所述当前模板的模板标识和所述配置内容；

该装置还包括：

第二预览模块，用于在检测到第二预览请求之时，响应于所述第二预览请求，获取所述第二预览请求对应的预览页面元素，将各个已保存的配置模板的配置内容传入所述预览页面元素中的预览条件控件，生成第二预览页面；

检测到配置人员对所述预览条件控件的第一操作，根据第一操作内容从所述配置内容中筛选预览内容，加载所述预览内容到所述第二预览页面进行显示。

11.一种计算机设备，其特征在于，所述计算机设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-9中任一所述的页面配置方法。

12.一种包含计算机可执行指令的存储介质，其特征在于：所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-9中任一所述的页面配置方法。

Images