CN115543310A - 界面配置方法和系统、电子设备及存储介质 - Google Patents

Abstract

本申请实施例提供了一种界面配置方法和系统、电子设备及存储介质，属于人工智能技术领域。该方法包括：服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；服务端响应于对模板内容数据的填充操作，得到界面信息数据；服务端响应于对自定义内容数据的填充操作，得到界面配置数据；服务端根据界面配置数据、界面信息数据、模板内容数据的模板字段得到目标配置数据；服务端将目标配置数据存储至预设数据库；服务端将界面信息数据发送给客户端；客户端根据界面信息数据从预设数据库中查找到目标配置数据；客户端根据目标配置数据对预设界面进行配置，得到目标界面。本申请实施例能够提高界面配置的灵活性。

Description

界面配置方法和系统、电子设备及存储介质

技术领域

本申请涉及人工智能技术领域，尤其涉及一种界面配置方法和系统、电子设备及存储介质。

背景技术

目前，界面为根据前端工程师设置的固定配置数据进行渲染得到，从而约束了用户对界面配置的可能性，即影响了界面配置的灵活性。

发明内容

本申请实施例的主要目的在于提出一种界面配置方法和系统、电子设备及存储介质，旨在提高界面配置的灵活性。

为实现上述目的，本申请实施例的第一方面提出了一种界面配置方法，所述方法包括：

服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；其中，所述目标配置模板包括模板内容数据和自定义内容数据；

所述服务端响应于对所述模板内容数据的填充操作，得到界面信息数据；

所述服务端响应于对所述自定义内容数据的填充操作，得到界面配置数据；其中，所述界面配置数据包括配置字段、所述配置字段的配置内容数据；

所述服务端根据所述界面配置数据、所述界面信息数据、所述模板内容数据的模板字段得到目标配置数据；

所述服务端将所述目标配置数据存储至预设数据库；

所述服务端将所述界面信息数据发送给客户端；

所述客户端根据所述界面信息数据从所述预设数据库中查找到所述目标配置数据；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面。

在一些实施例，所述配置字段包括第一多选字段，所述配置内容数据包括第一标题数据和至少两个选项标识；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面，包括：

所述客户端根据所述第一多选字段在所述预设界面配置至少两个第一选择控件；

所述客户端将每一个所述第一选择控件与一个所述选项标识进行匹配，得到至少两个选项数据；

所述客户端根据所述第一标题数据在所述预设界面配置菜单栏，并将所述菜单栏与所有所述选项数据匹配，得到所述目标界面。

在一些实施例，每一个所述选项数据包括原始权限标识，所述配置字段还包括全选字段，所述配置内容数据还包括目标权限标识，所述方法还包括：

所述客户端根据所述全选字段在所述目标界面配置全选控件，并将所述全选控件与所有所述选项数据关联；

所述客户端响应于对所述全选控件的触控操作，将所有所述选项数据的原始权限标识更新为所述目标权限标识。

在一些实施例，所述配置字段包括多选搜索字段和第二多选字段，所述配置内容数据包括查询字段和多选接口数据；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面，包括：

所述客户端根据所述多选搜索字段和所述多选接口数据获取业务数据；其中，所述业务数据包括业务字段、所述业务字段的业务内容数据；

所述客户端将与所述查询字段匹配的业务字段作为目标字段，将与所述目标字段匹配的所述业务内容数据作为目标内容数据，并获取所述目标字段的字段数量；

所述客户端根据所述字段数量和所述第二多选字段在所述预设界面配置第二选择控件，并将所述第二选择控件与所述目标内容数据匹配，得到所述目标界面。

在一些实施例，所述配置字段包括树形搜索字段，所述配置内容数据包括树形接口数据和搜索字段；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面，包括：

所述客户端根据所述树形搜索字段、所述树形接口数据、所述搜索字段获取标签数据；

所述客户端根据所述标签数据对所述预设界面上的树形结构数据进行填充操作，得到所述目标界面。

在一些实施例，所述方法还包括：

所述客户端响应于对预设导出控件的触控操作，根据所述目标配置数据生成更新模板，并将所述更新模板发送给用户终端；

所述客户端响应于对预设导入控件的触控操作，获取所述用户终端根据所述更新模板返回的目标文件；

所述客户端根据所述目标文件更新所述目标界面。

在一些实施例，所述界面信息数据包括推送地址数据，所述方法还包括：

所述客户端响应于所述目标界面的界面更新操作，生成提示数据；

所述客户端根据所述提示数据和所述推送地址数据进行推送操作。

为实现上述目的，本申请实施例的第二方面提出了一种界面配置系统，所述系统包括：

服务端，所述服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；其中，所述目标配置模板包括模板内容数据和自定义内容数据；所述服务端响应于对所述模板内容数据的填充操作，得到界面信息数据；所述服务端响应于对所述自定义内容数据的填充操作，得到界面配置数据；其中，所述界面配置数据包括配置字段、与所述配置字段匹配的配置内容数据；所述服务端根据所述界面配置数据、所述界面信息数据、与所述模板内容数据匹配的预设字段得到目标配置数据；所述服务端将所述目标配置数据存储至预设数据库；所述服务端将所述界面信息数据发送给客户端；

客户端，所述客户端根据所述界面信息数据从所述数据库中查找到所述目标配置数据；所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面。

为实现上述目的，本申请实施例的第三方面提出了一种电子设备，所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的方法。

为实现上述目的，本申请实施例的第四方面提出了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面所述的方法。

本申请提出的界面配置方法和系统、电子设备及存储介质,服务端通过响应预设请求控件的触发操作得到目标配置模板，并通过响应用户对目标配置模板的填充操作得到目标配置数据。客户端通过界面信息数据从预设数据库中查找得到该目标配置数据，从而能够根据该目标配置数据对预设界面进行配置，得到目标界面。其中，目标配置模板包括用于对目标界面中固定的内容进行描述的模板内容数据，以及对目标界面中用户可自定义的内容进行描述的自定义内容数据。由此可知，本申请实施例提供的界面配置方法能够通过自定义内容数据对目标界面进行自定义配置，实现了用户对界面配置的可能性，提高了界面配置的灵活性。并且，当用户需求发生改变时，本申请实施例提供的界面配置方法只需对自定义内容数据进行更新，或选择对应的目标配置模板即可，从而避免了相关技术中由于界面的配置数据为固定的，因此需对所有配置数据进行更改的情况，进而提高了界面配置的配置效率。

附图说明

图1是本申请实施例界面配置方法的一流程图；

图2是本申请实施例目标配置模板的一示意图；

图3是本申请实施例第一预设字段、第二预设字段的一示意图；

图4是本申请实施例第一预设字段、第二预设字段的另一示意图；

图5是本申请实施例目标界面的一示意图；

图6是本申请实施例对目标配置模板进行填充操作后的示意图；

图7是本申请实施例界面配置方法的另一流程图；

图8是本申请实施例界面配置方法的另一流程图；

图9是本申请实施例界面配置方法的另一流程图；

图10是本申请实施例界面配置方法的另一流程图；

图11是本申请实施例预设界面的一示意图；

图12是本申请实施例目标界面的另一示意图；

图13是本申请实施例界面配置方法的另一流程图；

图14是本申请实施例更新模板的一示意图；

图15是本申请实施例目标文件的一示意图；

图16是本申请实施例目标界面的另一示意图；

图17是本申请实施例界面配置方法的另一流程图；

图18是本申请实施例界面配置系统的一示意图；

图19是本申请实施例电子设备的硬件结构示意图。

具体实施方式

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

需要说明的是，虽然在系统示意图中进行了功能模块划分，在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于系统中的模块划分，或流程图中的顺序执行所示出或描述的步骤。说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的，不是旨在限制本申请。

首先，对本申请中涉及的若干名词进行解析：

人工智能(artificial intelligence，AI)：是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学；人工智能是计算机科学的一个分支，人工智能企图了解智能的实质，并生产出一种新的能以人类智能相似的方式做出反应的智能机器，该领域的研究包括机器人、语言识别、图像识别、自然语言处理和专家系统等。人工智能可以对人的意识、思维的信息过程的模拟。人工智能还是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。

微服务：是分布式架构的一种，其提倡将单一应用程序划分为一组小的服务，服务之间互相协调、互相配合，为用户提供最终价值。在单体结构中，将所有的服务都集成在一起，随着业务的复杂，代码的耦合度会越来越高，从而影响代码的升级和维护。微服务是根据业务功能模块，把一个单体的应用拆分成许多个独立的项目，每个项目完成一部分的业务功能。例如，对于一个商场系统，包括订单服务、用户功能、商品服务、支付服务等，这些功能模块如果都使用单体架构来实现，将会增大耦合度和开发难度。当使用微服务进行开发时，把每一个服务都当成一个单体应用，即订单服务、用户服务、支付服务等模块等均为一个微服务。由上述微服务构成整个商城系统，每个微服务可以根据业务需求进行集群部署，从而降低了服务间的耦合，并有利于服务的维护升级。

目前，界面为根据前端工程师设置的固定配置数据进行渲染得到，从而约束了用户对界面配置的可能性，即影响了界面配置的灵活性。

基于此，本申请实施例提供了一种界面配置方法和系统、电子设备及存储介质，旨在提高界面配置的灵活性。

本申请实施例提供的界面配置方法和系统、电子设备及存储介质，具体通过如下实施例进行说明，首先描述本申请实施例中的界面配置方法。

本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(Artificial Intelligence，AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。

人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。

本申请实施例提供的界面配置方法，涉及人工智能技术领域。本申请实施例提供的界面配置方法可应用于终端中，也可应用于服务器端中，还可以是运行于终端或服务器端中的软件。在一些实施例中，终端可以是智能手机、平板电脑、笔记本电脑、台式计算机等；服务器端可以配置成独立的物理服务器，也可以配置成多个物理服务器构成的服务器集群或者分布式系统，还可以配置成提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN以及大数据和人工智能平台等基础云计算服务的云服务器；软件可以是实现界面配置方法的应用等，但并不局限于以上形式。

本申请可用于众多通用或专用的计算机系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

需要说明的是，在本申请的各个具体实施方式中，当涉及到需要根据用户信息、用户行为数据，用户历史数据以及用户位置信息等与用户身份或特性相关的数据进行相关处理时，都会先获得用户的许可或者同意，而且，对这些数据的收集、使用和处理等，都会遵守相关国家和地区的相关法律法规和标准。此外，当本申请实施例需要获取用户的敏感个人信息时，会通过弹窗或者跳转到确认页面等方式获得用户的单独许可或者单独同意，在明确获得用户的单独许可或者单独同意之后，再获取用于使本申请实施例能够正常运行的必要的用户相关数据。

图1是本申请实施例提供的界面配置方法的一个可选的流程图，图1中的方法可以包括但不限于包括步骤S101至步骤S108。

步骤S101、服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；其中，目标配置模板包括模板内容数据和自定义内容数据；

步骤S102、服务端响应于对模板内容数据的填充操作，得到界面信息数据；

步骤S103、服务端响应于对自定义内容数据的填充操作，得到界面配置数据；其中，界面配置数据包括配置字段、配置字段的配置内容数据；

步骤S104、服务端根据界面配置数据、界面信息数据、模板内容数据的预设字段得到目标配置数据；

步骤S105、服务端将目标配置数据存储至预设数据库；

步骤S106、服务端将界面信息数据发送给客户端；

步骤S107、客户端根据界面信息数据从预设数据库中查找到目标配置数据；

步骤S108、客户端根据目标配置数据对预设界面进行配置，得到目标界面。

本申请实施例所示意的步骤S101至步骤S108，服务端通过响应预设请求控件的触发操作得到目标配置模板，并通过响应用户对目标配置模板的填充操作得到目标配置数据。客户端通过界面信息数据从预设数据库中查找得到该目标配置数据，从而能够根据该目标配置数据对预设界面进行配置，得到目标界面。其中，目标配置模板包括用于对目标界面中固定的内容进行描述的模板内容数据，以及对目标界面中用户可自定义的内容进行描述的自定义内容数据。由此可知，本申请实施例提供的界面配置方法能够通过自定义内容数据对目标界面进行自定义配置，实现了用户对界面配置的可能性，提高了界面配置的灵活性。并且，当用户需求发生改变时，本申请实施例提供的界面配置方法只需对自定义内容数据进行更新，或选择对应的目标配置模板即可，从而避免了相关技术中由于界面的配置数据为固定的，因此需对所有配置数据进行更改的情况，进而提高了界面配置的配置效率。

需要说明的是，本申请实施例提供的界面配置方法应用于包括服务端、客户端的界面配置系统中。其中，服务端为能够响应用户的相关触控操作，并获取用户在相关界面上输入的配置数据的后端；客户端为能够通过相关接口调取服务端生成的目标配置数据，并根据该目标配置数据在预设界面上进行界面渲染，进而得到目标界面的前端。

在一些实施例的步骤S101中，服务端能够显示预设的配置界面，该配置界面配置有用于生成配置请求的请求控件。当该请求控件被触发时，服务端根据配置请求从预设配置模板中获取对应的目标配置模板。如图2所示，该目标配置模板包括模板内容数据和自定义内容数据，其中，模板内容数据用于对目标界面中固定的内容进行描述，例如图2所示的“表ID”、“标题”、“菜单分类”、“数据库名”。表ID指期望生成的目标界面的界面标识，其可以由字母、数字等形式组成。标题指期望生成的目标界面的标题名称。菜单分类指期望生成的目标界面归属的父级菜单名称。菜单名称指期望生成的目标界面的界面名称。数据库名指期望用户在目标界面操作时，用于存储所生成的业务数据的数据库名称，或用于存储目标配置数据的预设数据库的名称。自定义内容数据用于对目标界面中用户可自定义的内容进行描述，例如图2所示的“表配置”。可以理解的是，“需要推送的微服务”属于模板内容数据，但其可根据用户的实际需求设置为选填项，对应地，模板内容数据中的“表ID”、“标题”、“菜单分类”、“数据库名”为必填项。

可以理解的是，服务端中可预设多个预设配置模板，多个预设配置模板包括不同的模板内容数据，以适应不同的应用场景。例如，对于无交互的目标界面，无需设置“数据库名”和“需要推送的微服务”。服务端根据配置请求从多个预设配置模板中查找得到对应的目标配置模板。

在一些实施例的步骤S102中，服务端根据用户对模板内容数据的填充操作得到界面信息数据。

在一些实施例的步骤S103中，服务端根据用户对自定义内容数据的填充操作得到界面配置数据。可以理解的是，如图3和图4所示，服务端预先定义了多个第一预设字段和第二预设字段，将用于对自定义内容数据进行填充的第一预设字段作为配置字段，将该配置字段定义范围内的第二预设字段、内容数据作为配置内容数据。具体地，如图3和图4所示，第一预设字段包括“text”、“textarea”、“textarray”、“number”、“time”、“data”、“select”、“multiSelect”、“multiSelectTree”、“json”、“file”，第二预设字段包括“hint”、“default”、“require”、“format”、“fileType”、“maxlmageSize”、“minlength”、“maxlength”、“toLowerCase”。可以理解的是，第二字段用于对内容数据的属性进行限定。

其中，“含义”用于描述对应第一字段的作用示意，例如当将“multiSelect”作为配置字段时，表示用户期望在预设界面上配置“multiSelect”定义范围内的配置内容数据，并且将该配置内容数据以多选项的形式展示。“hint”用于描述对应第一预设字段的填写提示，例如当将“text”作为配置字段时，“text”对应的配置内容数据包括“hint”，以及与“hint”对应的内容数据(如“请输入”)，此时在目标界面将展示如图5所示的文本框101，并在文本框101内显示“请输入”。可以理解的是，“请输入”作为提示用户操作的数据，可对其字体、字号、颜色等区别设置，以将其与其他内容数据进行区分。“default”用于描述第一预设字段对应的内容数据的默认值。“require”用于描述第一预设字段对应的内容数据是否为必填项，当“require”等于true时表示为必填项，当“require”等于false时表示为选填项。“form at”用于描述对应第一预设字段对应的内容数据的文本格式，该文本格式包括html、text等格式。“fileType”用于描述第一预设字段对应的内容数据的文件类型，该文件类型包括图像image、视频video和文档doc。“maxlmageSize”用于描述第一预设字段对应的内容数据的最大图像像素。“minlength”用于描述第一预设字段对应的内容数据的最大字符长度。“maxlength”用于描述第一预设字段对应的内容数据的最小字符长度。“toLowerCase”用于将第一预设字段对应的内容数据进行字母转小写操作。可以理解的是，上述第一预设字段和第二预设字段仅为示例性的，可以实际需要可对上述第一预设字段和第二预设字段进行增减，本申请实施例对此不作具体限定。

在一些实施例的步骤S104中，如图6所示，为对图2所示的目标配置模板进行填充操作后的界面示意图。服务端根据该界面示意图中的界面配置数据、界面信息数据、模板内容数据的模板字段得到目标配置数据。其中，目标配置数据包括模板内容数据中对“表ID”预设的模板字段“_id”、模板内容数据中对“数据库名”预设的模板字段“collection”、模板内容数据中对“标题”预设的模板字段“title”、模板内容数据中对“菜单名称”预设的模板字段“menuName”、模板内容数据中对“菜单分类”预设的模板字段“menuCategory_name”，以及“表配置”中内容。

在一些实施例中的步骤S105中，服务端将根据上述步骤得到的目标配置数据发送给预设数据库，该预设数据库可以为服务端的内部数据库，或区别于服务端和客户端的外部数据库(如MongoDB等)。

在一些实施例的步骤S106中，服务端通过API(Application ProgrammingInterface，应用程序编程接口)接口等方式将界面信息数据发送给客户端。

在一些实施例中的步骤S107中，客户端根据界面信息数据从预设数据库中查找得到对应的目标配置数据。可以理解的是，服务端将界面信息数据作为目标配置数据的索引数据，并对界面信息数据中负责主要索引任务的数据进行查重操作。例如，当将与模板内容数据中“表ID”对应的界面内容数据作为负责主要索引任务的数据时，需要与“表ID”对应的界面内容数据进行查重操作，以保证客户端根据界面信息数据能够获取得到唯一的目标配置数据。

在一些实施例的步骤S108中，客户端根据获取得到的目标配置数据对预设界面进行渲染，以配置得到对应的目标界面。

参照图7，在一些实施例中，步骤S108包括但不限于有步骤S701至步骤S703。

步骤S701、客户端根据第一多选字段在预设界面配置至少两个第一选择控件；

步骤S702、客户端将每一个第一选择控件与一个选项标识进行匹配，得到至少两个选项数据；

步骤S703、客户端根据第一标题数据在预设界面配置菜单栏，并将菜单栏与所有选项数据匹配，得到目标界面。

在一些实施例的步骤S701中，配置字段包括第一多选字段multiSelect，配置内容数据包括第一标题数据至少两个选项标识。可以理解的是，第一多选字段multiSelect用于表示多选项，因此，客户端将根据配置内容数据在预设界面上配置能够进行多项选择的内容数据。具体地，客户端用于根据第一多选字段multiSelect和选项标识的数量在预设界面上配置相同数量的第一选择控件。例如，目标配置数据包括＂name＂:＂银保＂和＂name＂:＂个险＂两个选项标识、以及第一标题数据＂name＂:＂渠道＂，则客户端将在预设界面上配置如图5所示的两个第一选择控件(包括选择控件102和选择控件103)。可以理解的是，图5所示的第一选择控件的形式仅为示例性的，根据实际应用需求，还可以设置用于对第一选择控件的形式进行限定的第一预设字段或第二预设字段，如限定为图5所示的平铺选择式，或下拉框选择式等，对此本申请实施例不作具体限定。

在一些实施例的步骤S702中，客户端将每一个第一选择控件与一个选项标识进行映射匹配，以得到至少两个选择数据，如得到如图5所示的选择数据104和选择数据105。

在一些实施例的步骤S703中，客户端根据第一标题数据在预设界面配置菜单栏，并将该第一标题数据作为该菜单栏的标题名称，将根据上述步骤得到的选择数据与该菜单栏进行映射匹配，以将所有的选项数据作为菜单栏的内容数据。如图5所示，客户端根据第一标题数据＂name＂:＂渠道＂在预设界面中配置以“渠道”作为标题名称的菜单栏106，并将选择数据104和选择数据105作为菜单栏106的内容数据，以得到目标界面。

本申请实施例提供的界面配置方法，通过设置用于表示多选项的第一多选字段multiSelect，使得客户端能够根据该第一多选字段在预设界面上配置用于多项选择的菜单栏，从而丰富了目标界面的操作方式和适用场景。

参照图8，在一些实施例中，本申请实施例提供的界面配置方法还包括步骤S801至步骤S802。

步骤S801、客户端根据全选字段在目标界面配置全选控件，并将全选控件与所有选项数据关联；

步骤S802、客户端响应于对全选控件的触控操作，将所有选项数据的原始权限标识更新为目标权限标识。

在一些实施例的步骤S801中，在目标配置数据中，配置字段包括全选字段allSelectName，客户端根据该全选字段allSelectName在目标界面配置全选控件，并将该全选控件与所有选项数据关联，以当该全选控件被触控时，能够对所有选项数据进行选中操作。可以理解的是，全选控件可以设置于对应的菜单栏中，或设置于目标界面上的其他位置，对此本申请实施例不作具体限定。

在一些实施例的步骤S802中，配置内容数据还包括目标权限标识＂allSelectValue＂:＂00＂。当目标界面上的全选控件被触控时，客户端将根据目标权限标识对选项数据的原始权限标识进行更新，以实现一键替换的效果。可以理解的是，权限标识(包括目标权限标识和原始权限标识)用于对与对应选项数据关联的内容数据的权限进行示意。例如，目标配置数据还包括标题数据＂name＂:＂二级机构信息＂、选项标识＂name＂:＂A市＂和＂name＂:＂B市＂、原始权限标识＂key＂:＂01＂和＂key＂:＂02＂。如图5所示，客户端根据上述目标配置数据在预设界面上配置标题为二级机构信息的菜单栏107，其中，选项数据108的原始权限标识为01，选项数据109的原始权限标识为02。选项标识“A市”和选项标识“B市”都属于对应保险业务下的总部城市。当与选项数据109、选项数据108关联的全选控件被触控时，客户端将选项数据109、选项数据108的原始权限标识都更新为“00”。可以理解的是，目标权限标识“00”表示A市、B市具有权限标识为“00”的权限，该权限可设置为购买某类保险的权限、对业务数据的操作权限等，对此本申请实施例不作具体限定。以目标权限标识“00”为购买某类保险的权限为例，当将“A市”、“B市”的原始权限标识都更新为目标权限标识“00”时，表示与“A市”关联的用户和与“B市”关联的用户可购买与目标权限标识“00”对应的A类保险、B类保险和C类保险。而原始权限标识“01”表示只能购买A类保险，原始权限标识“02”表示只能购买B类保险。

本申请实施例提供的界面配置方法，通过设置表示全选操作的全选字段allSelectName，使得客户端能够对与该全选字段关联的选项数据的原始权限标识更新为目标权限标识，实现了“一键替换”的效果，从而丰富了目标界面的操作方式和适用场景，并避免了相关技术中当对权限进行更新时，需要将目标配置数据进行整体修改的情况。

参照图9，在一些实施例中，步骤S108包括但不限于有步骤S901至步骤S903。

步骤S901、客户端根据多选搜索字段和多选接口数据获取业务数据；其中，业务数据包括业务字段、业务字段的业务内容数据；

步骤S902、客户端将与查询字段匹配的业务字段作为目标字段，将与目标字段匹配的业务内容数据作为目标内容数据，并获取目标字段的字段数量；

步骤S903、客户端根据字段数量和第二多选字段在预设界面配置第二选择控件，并将第二选择控件与目标内容数据匹配，得到目标界面。

在一些实施例的步骤S901中，在目标配置数据中，配置字段包括多选搜索字段optionsSource和第二多选字段multiSelect，配置内容数据包括查询字段nickName和多选接口数据lookup。客户端用于从多选搜索字段optionsSource定义范围内的多选接口数据lookup获取业务数据，该业务数据可以为用户在其他客户端的目标界面上操作时所产生的数据；或为预先导入预设数据库的数据，对此本申请实施例不作具体限定。其中，该预设数据库，或其他客户端与当前进行目标界面配置操作的客户端的数据传输接口为lookup。可以理解的是，业务字段用于对对应用户的业务操作进行描述，业务内容数据包括该用户的用户信息等数据。例如，当应用于投保业务时，业务字段包括nickName，该字段为X类险种的代称。业务内容数据包括目标用户的用户信息等，其中，目标用户为投保了X类险种的用户。

在一些实施例的步骤S902中，客户端根据查询字段对业务数据内的多个业务字段进行查找，以得到与查询字段匹配的业务字段，将该匹配的业务字段作为目标字段，并将该目标字段的业务内容数据作为目标内容数据。例如在上述举例中，客户端将为nickName的业务字段作为目标字段，从而能够筛选得到投保了X类险种的所有用户的业务内容数据。客户端还用于对筛选出的目标字段进行统计，得到字段数量。

在一些实施例的步骤S903中，客户端根据第二多选字段在预设界面配置与字段数量相同的第二选择控件，并将每一个第二选择控件与一个目标内容数据进行匹配，得到目标界面，从而实现了对目标内容数据的关联展示。例如在上述举例中，能够实现对所有投保了X类险种的用户信息进行关联展示。

本申请实施例提供的界面配置方法，通过查询字段和多选接口数据得到目标字段，从而能够实现对目标字段的目标内容数据进行关联显示。当存在新增的业务数据时，客户端能够通过查询字段和多选接口确定该新增的业务数据是否与查询字段匹配，若匹配，客户端可直接通过多选接口数据获取对应的业务内容数据，并根据该新获取的业务内容数据更新之前已关联展示的业务内容数据，从而实现了对目标界面展示内容的更新，避免了相关技术中当出现上述情形时，需手动对所有目标配置数据进行更改的情况，进而提高了界面配置效率。

参照图10，在一些实施例中，步骤S108包括但不限于有步骤S1001至步骤S1002。

步骤S1001、客户端根据树形搜索字段、树形接口数据、搜索字段获取标签数据；

步骤S1002、客户端根据标签数据对预设界面上的树形结构数据进行填充操作，得到目标界面。

在一些实施例的步骤S1001中，在目标配置数据中，配置字段包括树形搜索字段multiSelectTree，配置内容数据包括树形接口数据getLabelTree和搜索字段searchFields。具体地，客户端根据树形搜索字段multiSelectTree定义范围内的配置内容数据得到树形接口数据getLabelTree和搜索字段searchFields，并根据搜索字段searchFields定义范围内的内容数据得到搜索条件，从而根据该搜索条件对树形接口数据getLabelTree能够调取的数据进行筛选，得到符合该搜索条件的标签数据。例如，搜索字段multiSelectTree定义范围内的搜索条件为＂type＂:＂content＂，客户端根据该搜索条件从getLabelTree接口获取得到标签数据：标签1、标签2、标签3。可以理解的是，标签1、标签2、标签3是类型为目录的数据，即为符合搜索条件的数据。

在一些实施例的步骤S1002中，可以理解的是，预设界面上设有树形结构数据，该树形结构数据包括多个呈树形排布的内容填充框，使得填入该内容填充框中的内容数据能够相互关联，并形成固定的分类排序。例如，预设界面上设有如图11所示的树形结构数据110，其包括三个内容填充框。客户端用于将根据上述步骤得到的标签数据依次填充所有的内容填充框，从而得到如图12所示的目标界面。可以理解的是，树形结构数据中内容填充框的数量可以是根据从getLabelTree接口获取得到标签数据的数量确定的，也可以是客户端预先设置的。当树形结构数据中内容填充框的数量为客户端预先设置时，客户端可根据获取到的标签数据的数量对多余的内容填充框进行隐藏处理，以避免引导用户进行无用操作。

本申请实施例提供的界面配置方法，通过在预设界面上设置树形结构数据，使得客户端能够对从树形接口数据获取的多个标签数据进行树形排布，从而实现了对多个标签数据的关联和分类排序，进而能够在一定程度上提升用户对目标界面的操作体验。

参照图13，在一些实施例中，本申请实施例提供的界面配置方法还包括步骤S1301至步骤S1303。

步骤S1301、客户端响应于对预设导出控件的触控操作，根据目标配置数据生成更新模板，并将更新模板发送给用户终端；

步骤S1302、客户端响应于对预设导入控件的触控操作，获取用户终端根据更新模板返回的目标文件；

步骤S1303、客户端根据目标文件更新目标界面。

在一些实施例的步骤S1301中，目标界面上预设有用于导出更新模板的导出控件，当该导出控件被触控时，客户端根据用于配置当前目标界面的目标配置数据得到更新模板。具体地，更新模板用于对当前目标界面的配置进行更新，因此更新模板包括目标配置数据中用于对固定的内容进行描述的界面信息数据、模板字段，以及用于对自定义的内容进行描述的配置内容数据、配置字段。例如，如图14所示更新模板为excel表格形式，更新模板的第一行用于填充界面配属数据中字段的存储标识，以及用于填充模板字段，即对于模板内容数据，可直接根据模板字段对更新模板的第一行进行填充，对于自定义内容数据，应根据字段对应的存储标识对第一行进行填充。例如，更新模板的第一行包括模板字段menuName，以及用于对自定义内容进行描述的字段option的存储标识＂key＂:＂channels＂。其中，字段option定义范围内的内容数据包括字段name，因此，更新模板还可以包括字段name的存储标识，即channels_name。更新模板的第二行作为填写提示，其用于填充存储标识或模板字段对应的数据，例如，与模板字段menuName对应的数据为“核保体检攻略”；与存储标识“channels”对应的数据为“agent”；与channels_name对应的数据为“个险”等。客户端将该更新模板发送给用户终端，以使得用户能够根据该更新模板填充用于更新目标界面的数据。

在一些实施例的步骤S1302中，目标界面上还预设有用于对更新模板进行导入操作的导入控件，当导入控件被触控时，客户端通过API接口等方式从用户终端获取目标文件。例如，获取得到如图15所示的目标文件。

在一些实施例的步骤S1303中，客户端根据目标文件对当前目标界面进行更新操作，以得到新的目标界面。例如，根据如图15所示的目标文件，将如图5所示的当前目标界面更新为如图16所示的新的目标界面。

可以理解的是，客户端还可以根据目标文件生成另一个目标界面，即不对当前界面进行更新，而是保留当前目标界面，并根据目标文件生成与当前目标界面配置结构相同，但内容数据不同的另一个目标界面。

本申请实施例提供的界面配置方法，客户端通过用户终端根据更新模板生成的目标文件对目标界面进行更新，避免了相关技术中需重新设置目标配置数据对目标界面进行更新的方法，进而提高了界面配置效率。

参照图17，在一些实施例中，本申请实施例提供的界面配置方法还包括步骤S1701至步骤S1702。

步骤S1701、客户端响应于目标界面的界面更新操作，生成提示数据；

步骤S1702、客户端根据提示数据和推送地址数据进行推送操作。

在一些实施例的步骤S1701中，参照图6，当界面信息数据包括用于填充模板内容数据“需要推送的微服务”的数据(即推送地址数据)时，客户端还用于响应于目标界面的界面更新操作，并根据该界面更新操作生成提示数据，以提示用户当前目标界面已更新。可以理解的是，该提示数据可以包括更新后的目标界面示意图、与更新后的目标界面对应的目标配置数据等，或仅包括“目标界面已更新”的提示内容，对此本申请实施例不作具体限定。

在一些实施例的步骤S1702中，客户端根据推送地址数据将提示数据推送至对应的微服务，以提示用户当前目标界面已更新。可以理解的是，该微服务可以是加载于用户终端的应用程序，或加载于其他形式终端的应用程序，对此本申请实施例不作具体限定。

本申请实施例提供的界面配置方法，服务端通过响应预设请求控件的触发操作得到目标配置模板，并通过响应用户对目标配置模板的填充操作得到目标配置数据。客户端通过界面信息数据从预设数据库中查找得到该目标配置数据，从而能够根据该目标配置数据对预设界面进行配置，得到目标界面。其中，目标配置模板包括用于对目标界面中固定的内容进行描述的模板内容数据，以及对目标界面中用户可自定义的内容进行描述的自定义内容数据。由此可知，本申请实施例提供的界面配置方法能够通过自定义内容数据对目标界面进行自定义配置，实现了用户对界面配置的可能性，提高了界面配置的灵活性。并且，当用户需求发生改变时，本申请实施例提供的界面配置方法只需对自定义内容数据进行更新，或选择对应的目标配置模板即可，从而避免了相关技术中由于界面的配置数据为固定的，因此需对所有配置数据进行更改的情况，进而提高了界面配置的配置效率。通过设置用于表示多选项的第一多选字段multiSelect，使得客户端能够根据该第一多选字段在预设界面上配置用于多项选择的菜单栏，从而丰富了目标界面的操作方式和适用场景。通过设置表示全选操作的全选字段allSelectName，使得客户端能够对与该全选字段关联的选项数据的原始权限标识更新为目标权限标识，实现了“一键替换”的效果，从而丰富了目标界面的操作方式和适用场景，并避免了相关技术中当对权限进行更新时，需要将目标配置数据进行整体修改的情况。

参照图18，本申请实施例还提供一种界面配置系统，可以实现上述界面配置方法，该系统包括：

服务端1801，服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；其中，目标配置模板包括模板内容数据和自定义内容数据；服务端响应于对模板内容数据的填充操作，得到界面信息数据；服务端响应于对自定义内容数据的填充操作，得到界面配置数据；其中，界面配置数据包括配置字段、与配置字段匹配的配置内容数据；服务端根据界面配置数据、界面信息数据、与模板内容数据匹配的预设字段得到目标配置数据；服务端将目标配置数据存储至预设数据库；服务端将界面信息数据发送给客户端；

客户端1802，客户端根据界面信息数据从数据库中查找到目标配置数据；客户端根据目标配置数据对预设界面进行配置，得到目标界面。

可见，上述界面配置方法实施例中的内容均适用于本界面配置系统的实施例中，本界面配置系统实施例所具体实现的功能与上述界面配置方法实施例相同，并且达到的有益效果与上述界面配置方法实施例所达到的有益效果也相同。

本申请实施例还提供了一种电子设备，电子设备包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现上述界面配置方法。该电子设备可以为包括平板电脑、车载电脑等任意智能终端。

请参阅图19，图19示意了另一实施例的电子设备的硬件结构，电子设备包括：

处理器1901，可以采用通用的CPU(CentralProcessingUnit，中央处理器)、微处理器、应用专用集成电路(ApplicationSpecificIntegratedCircuit，ASIC)、或者一个或多个集成电路等方式实现，用于执行相关程序，以实现本申请实施例所提供的技术方案；

存储器1902，可以采用只读存储器(ReadOnlyMemory，ROM)、静态存储设备、动态存储设备或者随机存取存储器(RandomAccessMemory，RAM)等形式实现。存储器1902可以存储操作系统和其他应用程序，在通过软件或者固件来实现本说明书实施例所提供的技术方案时，相关的程序代码保存在存储器1902中，并由处理器1901来调用执行本申请实施例的界面配置方法；

输入/输出接口1903，用于实现信息输入及输出；

通信接口1904，用于实现本设备与其他设备的通信交互，可以通过有线方式(例如USB、网线等)实现通信，也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信；

总线1905，在设备的各个组件(例如处理器1901、存储器1902、输入/输出接口1903和通信接口1904)之间传输信息；

其中处理器1901、存储器1902、输入/输出接口1903和通信接口1904通过总线1905实现彼此之间在设备内部的通信连接。

本申请实施例还提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现上述界面配置方法。

存储器作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序以及非暂态性计算机可执行程序。此外，存储器可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中，存储器可选包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至该处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

本申请实施例描述的实施例是为了更加清楚的说明本申请实施例的技术方案，并不构成对于本申请实施例提供的技术方案的限定，本领域技术人员可知，随着技术的演变和新应用场景的出现，本申请实施例提供的技术方案对于类似的技术问题，同样适用。

本领域技术人员可以理解的是，图中示出的技术方案并不构成对本申请实施例的限定，可以包括比图示更多或更少的步骤，或者组合某些步骤，或者不同的步骤。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、设备中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。

本申请的说明书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

应当理解，在本申请中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：只存在A，只存在B以及同时存在A和B三种情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统和方法，可以通过其它的方式实现。例如，以上所描述的系统实施例仅仅是示意性的，例如，上述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，系统或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

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

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

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

以上参照附图说明了本申请实施例的优选实施例，并非因此局限本申请实施例的权利范围。本领域技术人员不脱离本申请实施例的范围和实质内所作的任何修改、等同替换和改进，均应在本申请实施例的权利范围之内。

Claims (10)

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

服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；其中，所述目标配置模板包括模板内容数据和自定义内容数据；

所述服务端响应于对所述模板内容数据的填充操作，得到界面信息数据；

所述服务端响应于对所述自定义内容数据的填充操作，得到界面配置数据；其中，所述界面配置数据包括配置字段、所述配置字段的配置内容数据；

所述服务端根据所述界面配置数据、所述界面信息数据、所述模板内容数据的模板字段得到目标配置数据；

所述服务端将所述目标配置数据存储至预设数据库；

所述服务端将所述界面信息数据发送给客户端；

所述客户端根据所述界面信息数据从所述预设数据库中查找到所述目标配置数据；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面。

2.根据权利要求1所述的方法，其特征在于，所述配置字段包括第一多选字段，所述配置内容数据包括第一标题数据和至少两个选项标识；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面，包括：

所述客户端根据所述第一多选字段在所述预设界面配置至少两个第一选择控件；

所述客户端将每一个所述第一选择控件与一个所述选项标识进行匹配，得到至少两个选项数据；

所述客户端根据所述第一标题数据在所述预设界面配置菜单栏，并将所述菜单栏与所有所述选项数据匹配，得到所述目标界面。

3.根据权利要求2所述的方法，其特征在于，每一个所述选项数据包括原始权限标识，所述配置字段还包括全选字段，所述配置内容数据还包括目标权限标识，所述方法还包括：

所述客户端根据所述全选字段在所述目标界面配置全选控件，并将所述全选控件与所有所述选项数据关联；

所述客户端响应于对所述全选控件的触控操作，将所有所述选项数据的原始权限标识更新为所述目标权限标识。

4.根据权利要求1所述的方法，其特征在于，所述配置字段包括多选搜索字段和第二多选字段，所述配置内容数据包括查询字段和多选接口数据；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面，包括：

所述客户端根据所述多选搜索字段和所述多选接口数据获取业务数据；其中，所述业务数据包括业务字段、所述业务字段的业务内容数据；

所述客户端将与所述查询字段匹配的业务字段作为目标字段，将与所述目标字段匹配的所述业务内容数据作为目标内容数据，并获取所述目标字段的字段数量；

所述客户端根据所述字段数量和所述第二多选字段在所述预设界面配置第二选择控件，并将所述第二选择控件与所述目标内容数据匹配，得到所述目标界面。

5.根据权利要求1所述的方法，其特征在于，所述配置字段包括树形搜索字段，所述配置内容数据包括树形接口数据和搜索字段；

所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面，包括：

所述客户端根据所述树形搜索字段、所述树形接口数据、所述搜索字段获取标签数据；

所述客户端根据所述标签数据对所述预设界面上的树形结构数据进行填充操作，得到所述目标界面。

6.根据权利要求1至5任一项所述的方法，其特征在于，所述方法还包括：

所述客户端响应于对预设导出控件的触控操作，根据所述目标配置数据生成更新模板，并将所述更新模板发送给用户终端；

所述客户端响应于对预设导入控件的触控操作，获取所述用户终端根据所述更新模板返回的目标文件；

所述客户端根据所述目标文件更新所述目标界面。

7.根据权利要6所述的方法，其特征在于，所述界面信息数据包括推送地址数据，所述方法还包括：

所述客户端响应于所述目标界面的界面更新操作，生成提示数据；

所述客户端根据所述提示数据和所述推送地址数据进行推送操作。

8.一种界面配置系统，其特征在于，所述系统包括：

服务端，所述服务端响应于对预设请求控件的触发操作，从预设配置模板获取目标配置模板；其中，所述目标配置模板包括模板内容数据和自定义内容数据；所述服务端响应于对所述模板内容数据的填充操作，得到界面信息数据；所述服务端响应于对所述自定义内容数据的填充操作，得到界面配置数据；其中，所述界面配置数据包括配置字段、与所述配置字段匹配的配置内容数据；所述服务端根据所述界面配置数据、所述界面信息数据、与所述模板内容数据匹配的预设字段得到目标配置数据；所述服务端将所述目标配置数据存储至预设数据库；所述服务端将所述界面信息数据发送给客户端；

客户端，所述客户端根据所述界面信息数据从所述数据库中查找到所述目标配置数据；所述客户端根据所述目标配置数据对预设界面进行配置，得到目标界面。

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

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

Images