CN112019820A - 界面生成方法和装置 - Google Patents

Abstract

本申请提供一种界面生成方法和装置，应用于包括监控终端和服务器的智慧交通系统，监控终端在检测到用于加载视频监控界面的用户操作时生成界面加载请求；基于该请求从服务器获取与视频监控界面对应且包括多个功能控件的控件标识的视频监控功能列表；确定各功能控件归属的功能展示区以将各功能控件的控件标识发送至对应功能展示区的管理实体；各管理实体基于控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；调用初始展示界面中与功能展示区对应且基于用户操作热度划分的多个显示区域；根据各功能展示区的控件展示坐标和控件展示资源对显示区域进行渲染生成视频监控界面展示。本方法可提高界面生成效率。

Description

界面生成方法和装置

技术领域

本申请涉及智慧交通领域，尤其是涉及一种界面生成方法和装置。

背景技术

随着互联网的蓬勃发展，基于C/S（Client/Server，客户机/服务器）架构开发的可视化应用已无处不在，其中就涉及视频监控客户端。

传统的视频监控客户端，其展示界面通常采用控件组合的方式进行控件展示，但由于各个控件之间必须通过接口相互调用，一旦界面中任意一个控件发生变化，必然导致其他控件也发生变动，尤其是在客户端界面中新增或删减控件时，因控件耦合度高可扩展性差，所以需要大量修改原有控件状态来构成新的界面，导致界面生成效率不高。

所以，当前界面生成技术存在界面生成效率不高的技术问题。

发明内容

本申请实施例提供一种界面生成方法和装置，用以解决当前界面生成效率不高的技术问题。

第一方面，本申请实施例提供一种界面生成方法，应用于智慧交通系统，所述智慧交通系统包括监控终端和服务器，所述界面生成方法应用于所述监控终端，所述界面生成方法包括：

在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

展示所述视频监控界面。

第二方面，本申请实施例提供一种界面生成装置，应用于智慧交通系统，所述智慧交通系统包括监控终端和服务器，所述界面生成装置设置于所述监控终端中，所述界面生成装置包括：

请求生成模块，用于在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

标识获取模块，用于基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

区域确定模块，用于确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

标识分析模块，用于各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

界面调用模块，用于调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

界面生成模块，用于根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

界面展示模块，用于展示所述视频监控界面。

第三方面，本申请实施例还提供一种电子设备，包括存储器和处理器；所述存储器存储有应用程序，所述处理器用于运行所述存储器内的应用程序，以执行上述任一项所述的界面生成方法中的操作。

第四方面，本申请实施例还提供一种用于智慧交通系统的计算机可读存储介质，计算机可读存储介质中存储有多条指令，指令适于处理器进行加载，以执行上述界面生成方法中的步骤。

有益效果：本申请实施例提供一种界面生成方法，可应用于智慧交通系统，智慧交通系统包括监控终端和服务器，该界面生成方法应用于监控终端，监控终端可在检测到用于加载视频监控界面的用户操作时，生成界面加载请求，并基于界面加载请求，从服务器获取与视频监控界面对应且包括多个功能控件的控件标识的视频监控功能列表，进而确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体，以使各管理实体基于控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源，进而调用初始展示界面中与功能展示区一一对应，且基于用户操作热度划分的多个显示区域，根据各功能展示区的控件展示坐标和控件展示资源，对初始展示界面内的显示区域进行渲染，生成并展示视频监控界面。本方法采用动态生成区域、区域组合生成界面的方式构建视频监控界面，相较于现有基于控件组合生成界面的方案，控件扩展性更高。同时，由于区域和控件间并不直接捆绑，相互不存在依赖关系，这使得在添加或修改界面时仅需要在其所属区域下动态增加或修改对应控件即可，降低了基于控件组合模式下新增或修改控件时要大量修改原有子控件来适应新需求的复杂度。此外，采用树形结构的控件标识标记各功能控件之间的父子关系，便于区域内的功能控件快速准确加载，有效提高了界面生成效率。

附图说明

下面结合附图，通过对本申请的具体实施方式详细描述，将使本申请的技术方案及其它有益效果显而易见。

图1为本申请实施例提供的界面生成方法的场景示意图。

图2为本申请实施例提供的界面生成方法的流程示意图。

图3为本申请实施例提供的控件标识的树形结构示意图。

图4为本申请实施例提供的功能控件的分组效果示意图。

图5为本申请实施例提供的视频监控界面的界面示意图。

图6为本申请实施例提供的界面生成装置的结构示意图。

图7为本申请实施例提供的电子设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

在本申请实施例中，智慧交通是指在交通领域中充分运用物联网、云计算、人工智能、自动控制、移动互联网等现代电子信息技术面向交通运输的服务系统；智慧交通系统是以国家智能交通系统体系框架为指导，建成“高效、安全、环保、舒适、文明”的智慧交通与运输体系，大幅度提高城市交通运输系统的管理水平和运行效率，为出行者提供全方位的交通信息服务和便利、高效、快捷、经济、安全、人性、智能的交通运输服务。

在本申请实施例中，“例如”一词用来表示“用作例子、例证或说明”。本申请中被描述为“例如”的任何实施例不一定被解释为比其它实施例更优选或更具优势。为了使本领域任何技术人员能够实现和使用本发明，给出了以下描述。在以下描述中，为了解释的目的而列出了细节。应当明白的是，本领域普通技术人员可以认识到，在不使用这些特定细节的情况下也可以实现本发明。在其它实例中，不会对公知的结构和过程进行详细阐述，以避免不必要的细节使本发明的描述变得晦涩。因此，本发明并非旨在限于所示的实施例，而是与符合本申请所公开的原理和特征的最广范围相一致。

此外，本申请实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序，不代表按先后次序顺序进行的会话。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。

需要说明的是，本申请实施例方法由于是在监控终端中执行，各监控终端的处理对象均以数据或信息的形式存在，例如时间，实质为时间信息，可以理解的是，后续实施例中若提及尺寸、数量、位置等，均为对应的数据存在，以便监控终端进行处理，具体此处不作赘述。

本申请实施例提供一种界面生成方法和装置，该界面生成方法可应用于智慧交通系统，智慧交通系统包括监控终端和服务器，界面生成方法应用于监控终端，以下分别进行详细说明。

请参阅图1，图1为本申请实施例提供的界面生成方法的场景示意图，该系统可以包括监控终端11和服务器12，监控终端11和服务器12之间可以通过各种网关组成的互联网等方式连接通信，如广域网、局域网等，在此不再赘述。可以理解的是，监控终端11是指经智慧交通系统注册并授权的、对系统内的数据和设备有操作需求的客户端设备，具体可包括交警用客户端和开发人员用客户端等，监控终端11可以是既包括接收和发射硬件的设备，即具有能够在双向通信链路上，执行双向通信的接收和发射硬件的设备。这种设备可以包括：蜂窝或其他通信设备，其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备，具体可以是台式终端或移动终端，如手机、平板电脑、笔记本电脑等中的一种。服务器12可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN（Content Delivery Network）、以及大数据和人工智能平台等基础云计算服务的云服务器，具体本申请在此不做限制。

还需说明的是，图1所示的智慧交通系统的场景示意图仅仅是一个示例，本发明实施例描述的智慧交通系统以及场景是为了更加清楚的说明本发明实施例的技术方案，并不构成对于本发明实施例提供的技术方案的限定，本领域普通技术人员可知，随着智慧交通系统的演变和新业务场景的出现，本发明实施例提供的技术方案对于类似的技术问题，同样适用。以下分别进行详细说明。需说明的是，以下实施例的描述顺序不作为对实施例优选顺序的限定。

请参阅图2，在一个实施例中，提供了一种界面生成方法。本实施例主要以该方法应用于上述图1中的监控终端11来举例说明。参照图2，该界面生成方法具体包括步骤S201~步骤S207，具体如下：

S201，在检测到用于加载视频监控界面的用户操作时，生成界面加载请求。

具体地，视频监控是安全防范系统的重要组成部分，随着计算机、网络以及图像处理、传输技术的飞速发展，视频监控技术也有了长足的发展。视频监控界面可以是用于展示视频监控数据的UI界面，视频监控数据可以是由前端摄像头针对指定对象（如高速路、普通街道）采集到的视频监控数据，前端摄像头包括但不局限于是嵌入式高清摄像机、工控机、高清相机等与监控终端11建立有网络连接的摄像头。用户操作可以是作用于监控终端11的任意操作，用户操作的触发媒介可以是手指、鼠标、激光、感应笔等，用户操作的触发方式可以是点击、双击、长按、滑动等。界面加载请求可以是用于请求服务器12反馈视频监控功能列表来加载视频监控界面的请求。

更具体地，监控终端11检测到用于加载视频监控界面的用户操作之前，可以首先通过其交互界面或显示屏展示用于引导用户触发视频监控界面展示的标识，如图标、弹窗、链接等，该标识可以是视频监控应用的落地标识，即用户触发标识即可指示监控终端11启动视频监控应用，视频监控应用启动后可通过视频监控界面展示视频监控数据，则用户通过触发媒介触发该标识之后，监控终端11即可检测到用于加载视频监控界面的用户操作，进而生成界面加载请求，以使服务器12反馈该视频监控界面对应的视频监控功能列表。

S202，基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识。

具体地，控件是指具有用户界面的组件（可视化组件），如按钮、列表框、编辑框或者某个对话框中的静态文本等；功能控件是指具有指定效用的控件。界面加载请求可以是包括视频监控应用标识的请求，即服务器12预存有多个功能列表，不同功能列表与不同应用标识关联，各个功能列表记录的控件标识可供终端在启动应用时构建界面用，则服务器12接收到包含有视频监控应用标识的界面加载请求之后，可响应该请求，利用请求中包括的视频监控应用标识与预存的多个应用标识进行逐一匹配，直至匹配出与视频监控应用标识一致的目标应用标识，即可将目标应用标识对应的功能列表作为视频监控界面对应的视频监控功能列表，发送至监控终端11，以使监控终端11基于该视频监控功能列表包括的控件标识，生成视频监控界面用于向用户展示。

更具体地，视频监控功能列表中各功能控件的控件标识，可以是具有父子关系的控件标识，各功能控件之间的父子关系可通过组成控件标识的指定位字符标记，例如，视频监控应用对应预置的视频监控功能列表包括多个功能控件（如以“实时视频”作为父功能控件的控件族群、以“设备管理”作为父功能控件的控件族群等），针对于以“实时视频”作为父功能控件的控件族群，由于各控件标识是全局唯一的，因此“实时视频”的子控件标识中的指定位n个字符可以是记录了“实时视频”控件标识唯一性的字符。

例如，可参阅图3，“实时视频”的控件标识为“1XX”，“实时视频”子控件“摄像头A”的控件标识为“11X”、子控件“摄像头B”的控件标识为“12X”，则“实时视频”控件标识中的第一位字符“1”是关联其二级控件的字符关键，二级控件“摄像头A”控件标识中的第二位字符“1”是关联其三级控件的字符关键，以此类推不再赘述。“设备管理”的控件标识为“2XX”，“设备管理”子控件“新增功能”的控件标识为“21X”、子控件“删除功能”的控件标识为“22X”，则可参照“实时视频”的解释以此类推，各个控件族群的控件标识可构成树形结构，记录有父子关系的控件标识可供监控终端11提高其界面加载效率。可以理解的是，若某级控件的控件数量大于九需要用两位数标记，则可用罗马字符或大小写英文字母替代，避免控件标识重复而造成功能控件选取冲突的情况，影响界面生成效率。

S203，确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体。

具体地，功能展示区可以是承载功能控件的区域容器，各个功能展示区配置有对应的管理实体，管理实体是用于处理对应功能展示区内相关指令的计算机程序。功能展示区的来源以及性质将在下文进行描述。

在一种实施例中，本步骤包括：根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区，所述操作需求度是根据各功能控件的历史使用频率数据确定的；基于各功能控件与所述功能展示区之间的归属关系，将各功能控件的控件标识发送至对应功能展示区的管理实体。

具体地，上文已说明了各个功能控件的控件标识可以是具有父子关系的控件标识，则各功能控件的父子关系可通过分析各控件标识来确定。功能控件的操作需求度是由各功能控件的历史使用频率数据确定的，历史使用频率数据是指功能控件在预设时长内被使用的频率数，如过去24小时内使用次数为5，操作需求度是指功能控件需要被操作的程度，不同功能控件的操作需求度可按单位时间内被操作的触发次数计算，也可按触发次数占比计算，如20%、80%等。

更具体地，监控终端11要确定各功能控件归属的功能展示区，可通过分析各功能控件的父子关系和操作需求度来实现，而对于父子关系和操作需求度两者之间的分析顺序，可依据实际应用需求确定。例如，首先分析各功能控件的父子关系来对各功能控件进行分组，即同组功能控件可能是属于不同控件族群的同级功能控件，如上文所涉及一级功能控件“实时视频”和“设备管理”分为一组、二级功能控件“摄像头A”、“摄像头B”、“新增功能”、“删除功能”分为一组，以此类推，则后续可基于各组操作需求度的数值大小来确定以组为单位的功能控件归属于哪个功能展示区；又例如，首先分析各功能控件的操作需求度来对各功能控件进行分组，即同组功能控件可能是属于同一操作需求度（或区间范围）的功能控件，对于按照操作需求度完成分组的功能控件，可再分析各功能控件的父子关系来调整功能控件归属的功能展示区，也可不再分析各功能控件的父子关系，直接由操作需求度确定各功能控件归属的功能展示区。本实施例涉及确定各功能控件所属功能展示区的步骤将在下文进行详细描述。

进一步地，基于各功能控件与功能展示区之间的归属关系，将各功能控件的控件标识发送至对应功能展示区的管理实体，即可由各个管理实体利用控件标识首先加载其对应功能展示区的功能控件，进而由监控终端11将各功能展示区进行动态组合，构建最终可展示的视频监控界面。

需要说明的是，虽然上述示例给出的分组方式是以各控件族群在树形结构中的级别为依据，但不排除在其他实施例中是以控件族群为依据分组，或是以控件类别为依据分组，又或是以加载控件所需的素材类别为依据分组，具体本申请不做限制。

在一种实施例中，所述根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区的步骤，包括：根据各功能控件的父子关系对各功能控件进行同级分组，得到功能控件组；若所述功能控件组的第一数量大于所述功能展示区的第二数量，则根据所述父子关系对所述功能控件组进行子级合并处理，直至所述第一数量等于所述第二数量；在所述第一数量小于或等于所述第二数量时，获取并根据各功能控件的历史使用频率数据，确定各功能控件组的平均操作需求度，所述平均操作需求度是根据所述功能控件组中各功能控件的操作需求度确定的；根据所述平均操作需求度与所述用户操作热度之间的对应关系，确定各功能控件归属的功能展示区。

具体地，本实施例描述的方案即对应于上述实施例所提：监控终端11首先分析各功能控件的父子关系来对各功能控件进行分组，再基于各组操作需求度的数值大小来确定以组为单位的功能控件归属于哪个功能展示区。具体可参阅图4，图4所示为各功能控件的分组示意图。如图4可知，处于同组的功能控件是属于不同控件族群的同级功能控件，即“实时视频”、“设备管理”分别作为其对应控件族群的根节点-一级控件，可被分在一个功能控件组内；“摄像头A”、“摄像头B”、“新增功能”、“删除功能”分别作为其一级控件的叶子节点-二级控件，可被分在一个功能控件组内，以此类推可得到功能控件组。

更具体地，由于划分好的功能控件组可能需要不同功能展示区展示，因此功能控件组的组数会受到功能展示区的区数限制，即功能控件组的第一数量应该小于或等于功能展示区的第二数量，否则多余的功能控件组无处安放，极易导致最后加载的视频监控界面展示功能控件不全。而当功能控件组的第一数量应大于功能展示区的第二数量时，本实施例可提供至少一个处理方案，即根据各功能控件的父子关系对功能控件组进行子级合并处理，如同将图4所示的第二个功能控件组与其后续一个（或多个）功能控件组合并，直至第一数量等于第二数量。需要说明的是，这里提供的子级合并处理方案，是从界面操作便捷性角度考虑的，即一级控件所在的界面仅需展示各个控件族群的一级控件，无需按照后续所提供控件展示前的分析方案分析该如何展示控件、展示哪些控件等，减少界面分析数量同样可提高界面加载效率。最后，在得到功能控件组数量不超过功能展示区数量的结果后，即可分析各功能控件组的平均操作需求度，基于平均操作需求度的大小数值，以及平均操作需求度与用户操作热度之间的对应关系，确定各功能控件归属的功能展示区。其中，操作需求度的计算可参阅上文实施例提供的方案，用户操作热度将在下文进行描述。可以理解的是，虽然本实施例提供的方案分析依据是平均操作需求度，但不排除在其他实施例中采用总操作需求度或其他基于操作需求度计算的值来进行分析，具体本申请不做限制。

进一步地，操作热度和操作需求度的对应关系可以是通过预设表格的形式，设置两者之间的对应关系，而为了将具有高操作需求度的功能控件分配至高操作热度的功能展示区展示，用以解决因控件布局不合理导致界面加载后操作效率不高的问题，因此本申请实施例提出该操作热度和操作需求度的对应关系是高对高、低对低的对应关系。各个功能展示区以其操作热度作为候选因素、各功能控件以其操作需求度作为候选因素，利用操作热度和操作需求度之间预设的关系表格，即可确定各个功能控件归属的功能展示区。

更进一步地，本申请实施例所涉及的用户操作热度是由预设时长内区域的历史触发数据确定的。预设时长是指采集历史触发数据所用的时长，例如，30分钟、2小时等。可以理解的是，本实施例中的预设时长，可以是以当前计算机时间为起始时刻累计的时长，也可以是预设起止时刻所限定的时长。操作热度是指显示区域被操作的程度，不同显示区域的操作热度可按单位时间内被操作的触发次数计算，也可按触发次数占比计算，例如，20%、80%等。这里提及的区域可以是与下文所提初始展示界面的显示区域。

S204，各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源。

具体地，功能展示区的区域大小可以由下文所提初始展示界面的显示区域确定，该区域大小可以是相对于视频监控界面的大小，也可以是相对于监控终端11的大小。控件展示坐标是指功能控件可填充位置坐标，该坐标是相对于视频监控界面的位置坐标而非监控终端11的显示屏坐标。控件展示资源是指加载功能控件所需的素材资源，包括但不限于颜色、尺寸、贴图样式、边框样式等。

在一种实施例中，本步骤包括：各管理实体基于所述控件标识，确定对应功能控件在当前数据状态下是否需要加载；若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标；基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识。

具体地，当前数据状态可以是触发加载视频监控界面的用户权限状态，即部分视频监控功能的使用权限与用户身份存在直接关系，可能由用户的职位等级划分权限，也可能由用户的职位类型划分，具体本申请不做限制。需要说明的是，监控终端11确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体之后，各管理实体并非直接基于当前接收到的控件标识来加载功能控件，而是首先判断对应功能控件在当前数据状态下是否被允许加载，即用户后续可操作对应功能控件，若是则可基于该功能控件的控件标识以及功能展示区在视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标，此时各管理实体即已确定对应功能展示区需要加载哪些功能控件，以及功能控件的填充位置。

更具体地，各管理实体确定对应功能展示区内的控件展示坐标之后，还需进一步确定加载这些功能控件所需的资源，即可基于这些功能控件的控件标识读取预存的资源列表，进而利用资源列表中记录的各类资源标识与控件标识进行绑定，此时的功能控件即具备了初步显示能力，可被管理实体加载并辅助视频监控界面展示。本实施例涉及的控件展示坐标和控件展示资源的确定步骤将在下文进行描述。

在一种实施例中，所述若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标的步骤，包括：若是，则基于所述控件标识的数量确定对应功能展示区内的控件数量；确定对应功能展示区在所述视频监控界面中的区域大小；根据所述区域大小和所述控件数量，确定对应功能展示区内的控件展示坐标。

具体地，各管理实体确定对应功能展示区内的控件展示坐标之前，首先需确定对应功能展示区需要加载的控件数量，以及对应功能展示区在视频监控界面中的区域大小。其中，控件数量可分析已分配控件标识的数量来确定，区域大小在上文提及过，可依据视频监控应用的初始展示界面的显示区域确定，即显示区域在初始展示界面中的区域大小与功能展示区在视频监控界面中的区域大小一致。初始展示界面中显示区域的大小可由生成该初始展示界面的有效操作区域和/或无效操作区域确定，具体将在下文进行描述。

在一种实施例中，所述基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源的步骤，包括：在确定对应功能展示区内的控件展示坐标之后，生成资源读取请求；基于所述资源读取请求，从所述服务器获取所述视频监控界面对应的资源列表，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识；基于所述资源列表确定对应功能展示区中所述控件标识的资源标识，得到对应功能展示区内的控件展示资源。

具体地，各管理实体确定对应功能展示区内的控件展示坐标之后，可生成资源读取请求，该资源读取请求是用于从服务器12获取视频监控界面对应的资源列表的请求，资源列表的获取依据可以是视频监控应用的应用标识，资源列表中记录有至少一个与控件标识关联的资源标识，资源标识包括但不限于颜色标识、贴图标识、边框标识、尺寸标识，资源标识与控件标识之间的关联关系可以是一对一，也可以是多对一，具体可根据实际应用需求确定。各管理实体获取到对应的资源列表之后，即可利用其当前接收到的控件标识与资源列表中包括的控件标识进行匹配，确定资源列表中的目标控件标识，则该目标控件标识对应的资源标识即为对应功能展示区内的控件展示资源。

S205，调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应。

具体地，初始展示界面的显示区域是基于用户操作热度划分的，获取该显示区域的步骤可以包括：获取预设时长内测试界面中各单位区域被触发的历史触发数据，其中，测试界面为监控终端屏幕上显示的测试界面；根据历史触发数据，将测试界面对应的显示界面划分为至少两个操作热度不同的显示区域。由此，可得基于用户操作热度划分的显示区域，而未填充任何功能控件的显示区域组合即可得到初始展示界面。可以理解的是，本申请实施例针对功能展示区提供的处理方式，实际是针对已划分好的显示区域，则各显示区域的区域大小可等同于功能展示区的区域大小，各显示区域在初始展示界面中的区域展示坐标等同于功能展示区在视频监控界面中的区域展示坐标。各功能展示区在视频监控界面中的区域展示坐标可根据实际应用需求确定，也可沿用显示区域在初始展示界面中的区域展示坐标。

更具体地，上述测试界面可以是用于开发视频监控应用的空白界面，也可以是均匀分布有相同单位操作区域的测试界面，单位区域是指测试界面中可以被操作的最小区域。

S206，根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面。

具体地，渲染是从模型到图像的生成过程，模型是用严格定义的语言或者数据结构对于三维物体的描述，它包括几何、视点、纹理等信息。

更具体地，生成视频监控界面的过程，实际是渲染各功能展示区再由功能展示区组合构成视频监控界面的过程。针对于功能展示区的渲染，实际是基于功能展示区内的控件展示坐标和控件展示资源，首先加载待展示的功能控件并完成布局渲染，得到渲染完成的功能展示区，进而组合所有功能展示区即可生成视频监控界面。本实施例涉及的视频监控界面生成步骤将在下文描述。

在一种实施例中，本步骤包括：确定目标功能展示区内待展示的第一目标功能控件，所述目标功能展示区为各功能展示区中预置关联有父功能控件的控件标识的功能展示区；根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件；当所述其他功能展示区内待展示的第二目标功能控件包括多个时，根据各第二目标功能控件的父子关系和操作需求度，对各第二目标功能控件进行排序处理；根据所述其他功能展示区内排序后待展示的第二目标功能控件、所述第二目标功能控件的控件展示坐标和控件展示资源，以及所述目标功能展示区内待展示的第一目标功能控件、所述第一目标功能控件的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染；基于所述显示区域渲染后的初始展示界面，生成所述视频监控界面。

具体地，生成视频监控界面之前，监控终端11首先需确定目标功能展示区，该目标功能展示区是所有功能展示区中预置关联有父功能控件的控件标识的功能展示区，即配置有上文所提及视频监控功能列表中根节点-一级控件的控件标识的功能展示区。如图5所示，生成视频监控界面所需的功能展示区分别为：待展示一级控件的功能展示区①、待展示二级控件的功能展示区②、待展示三级控件的功能展示区③以及待展示四级控件的功能展示区④。其中，功能展示区①即为所有功能展示区中的目标功能展示区，监控终端11确定了目标功能展示区之后，将进一步确定目标功能展示区①中的第一目标功能控件，进而确定第一目标功能控件中的默认触发控件，该默认触发控件可以预设为目标功能展示区①中从左至右的第一目标功能控件，也可以预设为目标功能展示区①中从左至右任意一个指定位的第一目标功能控件，默认触发控件决定了其他功能展示区需要展示的第二目标功能控件。

由于目标功能展示区①所需加载展示的功能控件是固定不变的，而其他功能展示区需要根据第一目标功能控件来确定各自所需加载展示的第二目标功能控件，因此在确定目标功能展示区内的第一目标功能控件之后，即可分析该第一目标功能控件与其他功能展示区各自所关联功能控件的控件标识关系，确定预置归属于其他功能展示区的子控件，作为其他功能展示区待展示的第二目标功能控件，监控终端11确定了各功能展示区待展示的功能控件之后，即可指示各功能展示区的管理实体对所需加载的功能控件，按照预置已确定的控件展示坐标和控件展示资源，分别渲染各自对应的功能展示区，最后渲染完成的功能展示区可参阅图5，由于当前确定目标功能展示区①中的第一目标功能控件为“实时视频”，因此其他功能展示区②、③、④所展示的功能控件均为“实时视频”的子控件，各功能控件设置在功能展示区中的位置由控件展示坐标确定，各功能控件的展示样式由控件展示资源确定。

需要说明的是，若其他功能展示区待展示的第二目标功能控件包括多个，则需根据各第二目标功能控件的父子关系和操作需求度，首先对各第二目标功能控件进行排序处理，再基于排序后的第二目标功能控件进行绘制渲染。其中，对各个第二目标功能控件进行排序的处理方式可以是：若对应功能展示区内待展示的功能控件为同级控件，如图5区域②中待展示的是二级控件“摄像头A”和“摄像头B”，则可直接根据各功能控件的操作需求度升序排列或降序排列；若对应功能展示区内待展示的功能控件为非同级控件，如图5区域②中待展示的可能是合并处理后的二级控件“摄像头A”、“摄像头B”、“新增功能”、“删除功能”以及三级控件“摄像头A-1”、“摄像头B-1”以及“新增功能名称”，则首先基于各待展示功能控件的父子关系进行分组排列处理，即将“摄像头A”、“摄像头B”、“摄像头A-1”和“摄像头B-1”分为一组，这一组中有两个子组，排列顺序依次为“摄像头A”、“摄像头A-1”和“摄像头B”、“摄像头B-1”，此时需判定这两个子组中功能控件的操作需求度，如平均操作需求度或总操作需求度，若选取平均操作需求度，则当功能控件组1（“摄像头A”、“摄像头A-1”）的平均操作需求度大于功能控件组2（“摄像头B”、“摄像头B-1”）的平均操作需求度时，将区域②中的功能控件组1排列在功能控件组2之前进行展示，总排列顺序依次为：“摄像头A”、“摄像头A-1”、“摄像头B”、“摄像头B-1”。其中，“摄像头A-1”和“摄像头B-1”分别作为“摄像头A”和“摄像头B”的子控件，在区域②种渲染出的效果可区别于其父控件。

在一种实施例中，所述第一目标功能控件包括至少两个第一目标功能控件，所述根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件的步骤，包括：根据所述至少两个第一目标功能控件的操作需求度，对各个第一目标功能控件进行排序处理；基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件。

具体地，上述实施例描述的是第一目标功能控件仅有一个的情况，若目标功能展示区①中的第一目标功能控件包括多个，则还需进一步分析多个第一目标功能控件中的哪一个第一目标功能控件，是决定其他功能展示区确定待展示功能控件的依据。由于在上述实施例中已说明了第一目标功能控件中的默认触发控件决定了其他功能展示区需要展示的功能控件，默认触发控件可以预设为目标功能展示区①中从左至右的第一目标功能控件，也可以预设为目标功能展示区①中从左至右任意一个指定位的第一目标功能控件。因此，若当前的默认触发控件设定为目标功能展示区①中从左至右任意一个指定位的第一目标功能控件，则首先需对多个第一目标功能控件进行排序处理，排序依据可按照各第一目标功能控件的操作需求度升序或降序排列，具体依据实际应用需求设定，得到排序后的第一目标功能控件之后，即可按照预设指定位确定目标功能展示区①中的默认触发控件，进而确定其他功能展示区需要展示的第二目标功能控件。

在一种实施例中，所述基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件的步骤，包括：基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区对应的目标功能控件，作为所述待展示的第二目标功能控件，其中，所述目标功能控件为与所述第一目标功能控件具有父子关系的功能控件。

具体地，本实施例所涉及确定除目标功能展示区之外其他功能展示区内待展示的第二目标功能控件的步骤，其技术思路已在上述实施例中辅助说明，在此不再赘述。

S207，展示所述视频监控界面。

具体地，监控终端11的处理器技术上述步骤记载的方案得到视频监控界面之后，即可通过其显示屏展示该视频监控界面。

上述实施例提供了一种界面生成方法，通过采用动态生成区域、区域组合生成界面的方式构建视频监控界面，相较于现有基于控件组合生成界面的方案，控件扩展性更高。同时，由于区域和控件间并不直接捆绑，相互不存在依赖关系，这使得在添加或修改界面时仅需要在其所属区域下动态增加或修改对应控件即可，降低了基于控件组合模式下新增或修改控件时要大量修改原有子控件来适应新需求的复杂度。此外，采用树形结构的控件标识标记各功能控件之间的父子关系，便于区域内的功能控件快速准确加载，有效提高了界面生成效率。

在上述实施例所述方法的基础上，本实施例将从界面生成装置的角度进一步进行描述，请参阅图6，图6具体描述了本申请实施例提供的界面生成装置，其可以包括：

请求生成模块610，用于在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

标识获取模块620，用于基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

区域确定模块630，用于确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

标识分析模块640，用于各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

界面调用模块650，用于调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

界面生成模块660，用于根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

界面展示模块670，用于展示所述视频监控界面。

在一种实施例中，区域确定模块630还用于根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区，所述操作需求度是根据各功能控件的历史使用频率数据确定的；基于各功能控件与所述功能展示区之间的归属关系，将各功能控件的控件标识发送至对应功能展示区的管理实体。

在一种实施例中，区域确定模块630还用于根据各功能控件的父子关系对各功能控件进行同级分组，得到功能控件组；若所述功能控件组的第一数量大于所述功能展示区的第二数量，则根据所述父子关系对所述功能控件组进行子级合并处理，直至所述第一数量等于所述第二数量；在所述第一数量小于或等于所述第二数量时，获取并根据各功能控件的历史使用频率数据，确定各功能控件组的平均操作需求度，所述平均操作需求度是根据所述功能控件组中各功能控件的操作需求度确定的；根据所述平均操作需求度与所述用户操作热度之间的对应关系，确定各功能控件归属的功能展示区。

在一种实施例中，标识分析模块640还用于各管理实体基于所述控件标识，确定对应功能控件在当前数据状态下是否需要加载；若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标；基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识。

在一种实施例中，标识分析模块640还用于基于所述控件标识的数量确定对应功能展示区内的控件数量；确定对应功能展示区在所述视频监控界面中的区域大小；根据所述区域大小和所述控件数量，确定对应功能展示区内的控件展示坐标。

在一种实施例中，标识分析模块640还用于在确定对应功能展示区内的控件展示坐标之后，生成资源读取请求；基于所述资源读取请求，从所述服务器获取所述视频监控界面对应的资源列表，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识；基于所述资源列表确定对应功能展示区中所述控件标识的资源标识，得到对应功能展示区内的控件展示资源。

在一种实施例中，界面生成模块660还用于确定目标功能展示区内待展示的第一目标功能控件，所述目标功能展示区为各功能展示区中预置关联有父功能控件的控件标识的功能展示区；根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件；当所述其他功能展示区内待展示的第二目标功能控件包括多个时，根据各第二目标功能控件的父子关系和操作需求度，对各第二目标功能控件进行排序处理；根据所述其他功能展示区内排序后待展示的第二目标功能控件、所述第二目标功能控件的控件展示坐标和控件展示资源，以及所述目标功能展示区内待展示的第一目标功能控件、所述第一目标功能控件的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染；基于所述显示区域渲染后的初始展示界面，生成所述视频监控界面。

在一种实施例中，所述第一目标功能控件包括至少两个第一目标功能控件，界面生成模块660还用于根据所述至少两个第一目标功能控件的操作需求度，对各个第一目标功能控件进行排序处理；基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件。

在一种实施例中，界面生成模块660还用于基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区对应的目标功能控件，作为所述待展示的第二目标功能控件，其中，所述目标功能控件为与所述第一目标功能控件具有父子关系的功能控件。

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

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

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

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

在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

展示所述视频监控界面。

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

根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区，所述操作需求度是根据各功能控件的历史使用频率数据确定的；基于各功能控件与所述功能展示区之间的归属关系，将各功能控件的控件标识发送至对应功能展示区的管理实体。

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

根据各功能控件的父子关系对各功能控件进行同级分组，得到功能控件组；若所述功能控件组的第一数量大于所述功能展示区的第二数量，则根据所述父子关系对所述功能控件组进行子级合并处理，直至所述第一数量等于所述第二数量；在所述第一数量小于或等于所述第二数量时，获取并根据各功能控件的历史使用频率数据，确定各功能控件组的平均操作需求度，所述平均操作需求度是根据所述功能控件组中各功能控件的操作需求度确定的；根据所述平均操作需求度与所述用户操作热度之间的对应关系，确定各功能控件归属的功能展示区。

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

各管理实体基于所述控件标识，确定对应功能控件在当前数据状态下是否需要加载；若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标；基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识。

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

若是，则基于所述控件标识的数量确定对应功能展示区内的控件数量；确定对应功能展示区在所述视频监控界面中的区域大小；根据所述区域大小和所述控件数量，确定对应功能展示区内的控件展示坐标。

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

在确定对应功能展示区内的控件展示坐标之后，生成资源读取请求；基于所述资源读取请求，从所述服务器获取所述视频监控界面对应的资源列表，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识；基于所述资源列表确定对应功能展示区中所述控件标识的资源标识，得到对应功能展示区内的控件展示资源。

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

确定目标功能展示区内待展示的第一目标功能控件，所述目标功能展示区为各功能展示区中预置关联有父功能控件的控件标识的功能展示区；根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件；当所述其他功能展示区内待展示的第二目标功能控件包括多个时，根据各第二目标功能控件的父子关系和操作需求度，对各第二目标功能控件进行排序处理；根据所述其他功能展示区内排序后待展示的第二目标功能控件、所述第二目标功能控件的控件展示坐标和控件展示资源，以及所述目标功能展示区内待展示的第一目标功能控件、所述第一目标功能控件的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染；基于所述显示区域渲染后的初始展示界面，生成所述视频监控界面。

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

根据所述至少两个第一目标功能控件的操作需求度，对各个第一目标功能控件进行排序处理；基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件。

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

基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区对应的目标功能控件，作为所述待展示的第二目标功能控件，其中，所述目标功能控件为与所述第一目标功能控件具有父子关系的功能控件。

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

在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

展示所述视频监控界面。

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

根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区，所述操作需求度是根据各功能控件的历史使用频率数据确定的；基于各功能控件与所述功能展示区之间的归属关系，将各功能控件的控件标识发送至对应功能展示区的管理实体。

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

根据各功能控件的父子关系对各功能控件进行同级分组，得到功能控件组；若所述功能控件组的第一数量大于所述功能展示区的第二数量，则根据所述父子关系对所述功能控件组进行子级合并处理，直至所述第一数量等于所述第二数量；在所述第一数量小于或等于所述第二数量时，获取并根据各功能控件的历史使用频率数据，确定各功能控件组的平均操作需求度，所述平均操作需求度是根据所述功能控件组中各功能控件的操作需求度确定的；根据所述平均操作需求度与所述用户操作热度之间的对应关系，确定各功能控件归属的功能展示区。

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

各管理实体基于所述控件标识，确定对应功能控件在当前数据状态下是否需要加载；若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标；基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识。

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

若是，则基于所述控件标识的数量确定对应功能展示区内的控件数量；确定对应功能展示区在所述视频监控界面中的区域大小；根据所述区域大小和所述控件数量，确定对应功能展示区内的控件展示坐标。

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

在确定对应功能展示区内的控件展示坐标之后，生成资源读取请求；基于所述资源读取请求，从所述服务器获取所述视频监控界面对应的资源列表，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识；基于所述资源列表确定对应功能展示区中所述控件标识的资源标识，得到对应功能展示区内的控件展示资源。

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

确定目标功能展示区内待展示的第一目标功能控件，所述目标功能展示区为各功能展示区中预置关联有父功能控件的控件标识的功能展示区；根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件；当所述其他功能展示区内待展示的第二目标功能控件包括多个时，根据各第二目标功能控件的父子关系和操作需求度，对各第二目标功能控件进行排序处理；根据所述其他功能展示区内排序后待展示的第二目标功能控件、所述第二目标功能控件的控件展示坐标和控件展示资源，以及所述目标功能展示区内待展示的第一目标功能控件、所述第一目标功能控件的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染；基于所述显示区域渲染后的初始展示界面，生成所述视频监控界面。

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

根据所述至少两个第一目标功能控件的操作需求度，对各个第一目标功能控件进行排序处理；基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件。

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

基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区对应的目标功能控件，作为所述待展示的第二目标功能控件，其中，所述目标功能控件为与所述第一目标功能控件具有父子关系的功能控件。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器（Read-Only Memory，ROM）、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器（Random Access Memory，RAM）或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器（Static Random Access Memory，SRAM）或动态随机存取存储器（Dynamic Random Access Memory，DRAM）等。

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

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

Claims (10)

1.一种界面生成方法，其特征在于，应用于智慧交通系统，所述智慧交通系统包括监控终端和服务器，所述界面生成方法应用于所述监控终端，所述界面生成方法包括：

在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

展示所述视频监控界面。

2.如权利要求1所述的界面生成方法，其特征在于，所述确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体的步骤，包括：

根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区，所述操作需求度是根据各功能控件的历史使用频率数据确定的；

基于各功能控件与所述功能展示区之间的归属关系，将各功能控件的控件标识发送至对应功能展示区的管理实体。

3.如权利要求2所述的界面生成方法，其特征在于，所述根据各功能控件的父子关系和操作需求度，确定各功能控件归属的功能展示区的步骤，包括：

根据各功能控件的父子关系对各功能控件进行同级分组，得到功能控件组；

若所述功能控件组的第一数量大于所述功能展示区的第二数量，则根据所述父子关系对所述功能控件组进行子级合并处理，直至所述第一数量等于所述第二数量；

在所述第一数量小于或等于所述第二数量时，获取并根据各功能控件的历史使用频率数据，确定各功能控件组的平均操作需求度，所述平均操作需求度是根据所述功能控件组中各功能控件的操作需求度确定的；

根据所述平均操作需求度与所述用户操作热度之间的对应关系，确定各功能控件归属的功能展示区。

4.如权利要求1-3中任一项所述的界面生成方法，其特征在于，所述各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源的步骤，包括：

各管理实体基于所述控件标识，确定对应功能控件在当前数据状态下是否需要加载；

若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标；

基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识。

5.如权利要求4所述的界面生成方法，其特征在于，所述若是，则基于所述控件标识和对应功能展示区在所述视频监控界面中的区域大小，确定对应功能展示区内的控件展示坐标的步骤，包括：

若是，则基于所述控件标识的数量确定对应功能展示区内的控件数量；

确定对应功能展示区在所述视频监控界面中的区域大小；

根据所述区域大小和所述控件数量，确定对应功能展示区内的控件展示坐标。

6.如权利要求4所述的界面生成方法，其特征在于，所述基于所述控件标识和预存的资源列表，确定对应功能展示区内的控件展示资源的步骤，包括：

在确定对应功能展示区内的控件展示坐标之后，生成资源读取请求；

基于所述资源读取请求，从所述服务器获取所述视频监控界面对应的资源列表，所述资源列表包括与所述控件标识对应的资源标识，所述资源标识至少包括以下之一：颜色标识、贴图标识、边框标识、尺寸标识；

基于所述资源列表确定对应功能展示区中所述控件标识的资源标识，得到对应功能展示区内的控件展示资源。

7.如权利要求1-6中任一项所述的界面生成方法，其特征在于，所述根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面的步骤，包括：

确定目标功能展示区内待展示的第一目标功能控件，所述目标功能展示区为各功能展示区中预置关联有父功能控件的控件标识的功能展示区；

根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件；

当所述其他功能展示区内待展示的第二目标功能控件包括多个时，根据各第二目标功能控件的父子关系和操作需求度，对各第二目标功能控件进行排序处理；

根据所述其他功能展示区内排序后待展示的第二目标功能控件、所述第二目标功能控件的控件展示坐标和控件展示资源，以及所述目标功能展示区内待展示的第一目标功能控件、所述第一目标功能控件的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染；

基于所述显示区域渲染后的初始展示界面，生成所述视频监控界面。

8.如权利要求7所述的界面生成方法，其特征在于，所述第一目标功能控件包括至少两个第一目标功能控件，所述根据所述第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件的步骤，包括：

根据所述至少两个第一目标功能控件的操作需求度，对各个第一目标功能控件进行排序处理；

基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件。

9.如权利要求8所述的界面生成方法，其特征在于，所述基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区内待展示的第二目标功能控件的步骤，包括：

基于排序后的第一目标功能控件，确定除所述目标功能展示区之外其他功能展示区对应的目标功能控件，作为所述待展示的第二目标功能控件，其中，

所述目标功能控件为与所述第一目标功能控件具有父子关系的功能控件。

10.一种界面生成装置，其特征在于，应用于智慧交通系统，所述智慧交通系统包括监控终端和服务器，所述界面生成装置设置于所述监控终端中，所述界面生成装置包括：

请求生成模块，用于在检测到用于加载视频监控界面的用户操作时，生成界面加载请求；

标识获取模块，用于基于所述界面加载请求，从所述服务器获取所述视频监控界面对应的视频监控功能列表，所述视频监控功能列表包括多个功能控件的控件标识；

区域确定模块，用于确定各功能控件归属的功能展示区，并将各功能控件的控件标识发送至对应功能展示区的管理实体；

标识分析模块，用于各管理实体基于所述控件标识和对应功能展示区的区域大小，确定对应功能展示区内的控件展示坐标和控件展示资源；

界面调用模块，用于调用初始展示界面，所述初始展示界面包括多个基于用户操作热度划分的显示区域，所述显示区域与所述功能展示区一一对应；

界面生成模块，用于根据各功能展示区的控件展示坐标和控件展示资源，对所述初始展示界面内的显示区域进行渲染生成视频监控界面；

界面展示模块，用于展示所述视频监控界面。

Images