CN117271046B - 一种用户界面渲染系统、方法、装置及介质 - Google Patents

Abstract

本说明书实施例提供一种用户界面渲染系统、方法、装置及介质，该系统基于用户终端实现，包括：第一转化模块，被配置为从服务器获取第一渲染数据；第二转化模块，被配置为从用户终端调取第二渲染数据；渲染模块，被配置为基于第一渲染数据和第二渲染数据，确定渲染数据序列；终端存储模块，被配置为存储第二渲染数据；缓存模块，被配置为暂存缓存数据；表单设计模块，被配置为基于渲染数据序列生成表单数据；处理模块，被配置为基于用户请求、缓存数据和表单数据中的至少一种，更新第一渲染数据,以及发出界面渲染的执行指令。该方法可以通过用户界面渲染装置实现。该方法还可以通过计算机可读存储介质存储的计算机指令被读取后运行。

Description

一种用户界面渲染系统、方法、装置及介质

技术领域

本说明书涉及界面渲染技术领域，特别涉及一种用户界面渲染系统、方法、装置及介质。

背景技术

随着科学技术的发展，各种各样的应用程序为人们的日常生活带来极大的便利。用户界面渲染是否可以灵活调整和更新，不仅关系到用户的使用体验，也是企业增强产品竞争力的重要指标。目前的用户界面渲染系统是从客户端或服务器调取需要进行渲染的数据。可能存在卡顿、单位时间调取量大、无法实现界面渲染的动态调控等问题。

因此，有必要提出一种用户界面渲染系统、方法、装置及介质，可以结合客户端和服务器进行渲染，减少卡顿，实现界面渲染的动态调控，提升用户体验。

发明内容

本说明书一个或多个实施例提供一种用户界面渲染系统。所述系统基于用户终端实现。所述系统包括：第一转化模块，被配置为与服务器通信连接及从所述服务器获取第一渲染数据；第二转化模块，被配置为从所述用户终端调取第二渲染数据；渲染模块，被配置为基于所述第一渲染数据和所述第二渲染数据，确定渲染数据序列，其中，所述渲染数据序列包括当前渲染序列和预估渲染序列中的至少一种；终端存储模块，被配置为存储所述第二渲染数据；缓存模块，被配置为暂存缓存数据，其中，所述缓存数据包括部分或全部所述第一渲染数据；表单设计模块，被配置为基于所述渲染数据序列，生成与用户界面的展现内容相关的表单数据；处理模块，被配置为基于用户请求、所述缓存数据和所述表单数据中的至少一种，更新所述第一渲染数据，以及发出界面渲染的执行指令。

本说明书一个或多个实施例提供一种用户界面渲染方法。所述方法包括：从服务器获取第一渲染数据；调取第二渲染数据；基于所述第一渲染数据和所述第二渲染数据，确定渲染数据序列，其中，所述渲染数据序列包括当前渲染序列和预估渲染序列中的至少一种；基于所述渲染数据序列，生成与用户界面的展现内容相关的表单数据；基于用户请求、缓存数据和所述表单数据中的至少一种，更新所述第一渲染数据，以及进行界面渲染。

本说明书一个或多个实施例提供一种用户界面渲染装置，所述装置包括至少一个存储器以及至少一个处理器；所述至少一个存储器用于存储计算机指令；所述至少一个处理器用于执行所述计算机指令中的至少部分指令以实现所述的用户界面渲染方法。

本说明书一个或多个实施例提供一种计算机可读存储介质，所述存储介质存储计算机指令，当计算机读取存储介质中的计算机指令后，计算机执行所述的用户界面渲染方法。

附图说明

本说明书将以示例性实施例的方式进一步说明，这些示例性实施例将通过附图进行详细描述。这些实施例并非限制性的，在这些实施例中，相同的编号表示相同的结构，其中：

图1是根据本说明书一些实施例所示的用户界面渲染系统的示例性模块图；

图2是根据本说明书一些实施例所示的用户界面渲染方法的示例性流程图；

图3是根据本说明书一些实施例所示的渲染数据模型的示例性示意图；

图4是根据本说明书一些实施例所示的确定表单调整数据的示例性示意图。

具体实施方式

为了更清楚地说明本说明书实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单的介绍。显而易见地，下面描述中的附图仅仅是本说明书的一些示例或实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图将本说明书应用于其它类似情景。除非从语言环境中显而易见或另做说明，图中相同标号代表相同结构或操作。

应当理解，本文使用的“系统”、“装置”、“单元”和/或“模块”是用于区分不同级别的不同组件、元件、部件、部分或装配的一种方法。然而，如果其他词语可实现相同的目的，则可通过其他表达来替换所述词语。

除非上下文明确提示例外情形，“一”、“一个”、“一种”和/或“该”等词并非特指单数，也可包括复数。一般说来，术语“包括”与“包含”仅提示包括已明确标识的步骤和元素，而这些步骤和元素不构成一个排它性的罗列，方法或者设备也可能包含其它的步骤或元素。

本说明书中使用了流程图用来说明根据本说明书的实施例的系统所执行的操作。应当理解的是，前面或后面操作不一定按照顺序来精确地执行。相反，可以按照倒序或同时处理各个步骤。同时，也可以将其他操作添加到这些过程中，或从这些过程移除某一步或数步操作。

目前的用户界面渲染系统是从客户端或服务器调取需要进行渲染的数据。可能存在卡顿、单位时间调取量大、无法实现界面渲染的动态调控等问题。更新用户界面渲染往往需要停机或重启客户端。因此，本说明书的一些实施例提出一种用户界面渲染系统、方法、装置及介质，结合客户端和服务器进行渲染，实现界面渲染的动态调控，在减少卡顿的同时，实现不停机就能修改用户界面的功能，提升用户体验。

图1是根据本说明书一些实施例所示的用户界面渲染系统的示例性模块图。如图1所示，用户界面渲染系统100可以包括第一转化模块110、第二转化模块120、渲染模块130、终端存储模块140、缓存模块150、表单设计模块160和处理模块170。

在一些实施例中，第一转化模块110可以被配置为与服务器通信连接及从服务器获取第一渲染数据。

在一些实施例中，服务器可以是与用户终端界面渲染的渲染需求有关的数据来源。例如，服务器可以是远程终端、线上平台等。在一些实施例中，第一转化模块110可以与服务器通信连接。第一转化模块110可以从服务器获取第一渲染数据。

在一些实施例中，用户界面渲染系统100可以包括网络和/或其他连接系统与外部资源的组成部分。第一转化模块110可以通过网络与服务器通信连接，获取与用户界面渲染系统100相关的数据和/或信息（如第一渲染数据等）。

在一些实施例中，第二转化模块120可以被配置为从用户终端调取第二渲染数据。

在一些实施例中，用户界面渲染系统100可以基于用户终端实现。用户终端可以指用户使用的一个或多个终端设备或软件。在一些实施例中，使用用户终端的可以是任意用户，例如，个人、企业等。在一些实施例中，用户可以指用户界面渲染系统100的请求用户界面渲染的请求者等。在一些实施例中，用户可以指用户界面渲染系统100的管理者或操作者等。在一些实施例中，用户终端可以是移动装置、平板计算机、膝上型计算机、台式计算机等其他具有输入和/或输出功能的设备中的一种或其任意组合。上述示例仅用于说明所述用户终端设备范围的广泛性而非对其范围的限制。

在一些实施例中，渲染模块130可以被配置为基于第一渲染数据和第二渲染数据，确定渲染数据序列，其中，渲染数据序列包括当前渲染序列和预估渲染序列中的至少一种。

在一些实施例中，渲染模块130可以进一步被配置为获取用户终端的预设渲染参数和用户渲染记录；基于预设渲染参数、用户渲染记录、第一渲染数据和第二渲染数据，预估多个未来时间点的预估渲染序列。

在一些实施例中，渲染模块130可以进一步被配置为基于预估渲染序列，确定缓存模块150在多个未来时间点的未来缓存数据。

在一些实施例中，终端存储模块140可以被配置为存储第二渲染数据。

在一些实施例中，缓存模块150可以被配置为暂存缓存数据，其中，缓存数据包括部分或全部第一渲染数据。

在一些实施例中，表单设计模块160可以被配置为基于渲染数据序列，生成与用户界面的展现内容相关的表单数据。

在一些实施例中，表单设计模块160可以基于处理模块的控制指令，基于渲染数据序列，生成与用户界面的展现内容相关的表单数据。

控制指令是指控制表单设计模块160进行各种操作的指令。在一些实施例中，所述操作可以包括生成与当前界面渲染相关的表单数据等。

在一些实施例中，处理模块170可以被配置为基于用户请求、缓存数据和表单数据中的至少一种，更新第一渲染数据，以及发出界面渲染的执行指令。

执行指令是指执行界面渲染操作的指令。在一些实施例中，执行指令可以包括使前述模块执行相关动作的指令。例如，执行指令可以包括让第一转化模块110获取第一渲染数据。在一些实施例中，处理模块170可以基于预设规则、用户请求、缓存数据和表单数据等中的至少一种发出执行指令。

在一些实施例中，处理模块170可以进一步被配置为基于第一转化模块110获取未来时间段内的第一渲染总量；基于第一渲染总量和表单数据，确定表单调整数据。

关于上述的用户界面渲染系统100的更多说明可以参见图2至图4的相关描述。

应当理解，图1所示的系统及其模块可以利用各种方式来实现。

需要注意的是，以上对于用户界面渲染系统100及其模块的描述，仅为描述方便，并不能把本说明书限制在所举实施例范围之内。可以理解，对于本领域的技术人员来说，在了解该系统的原理后，可能在不背离这一原理的情况下，对各个模块进行任意组合，或者构成子系统与其他模块连接。在一些实施例中，图1中披露的第一转化模块110、第二转化模块120、渲染模块130、终端存储模块140、缓存模块150、表单设计模块160和处理模块170可以是一个系统中的不同模块，也可以是一个模块实现上述的两个或两个以上模块的功能。例如，各个模块可以共用一个存储模块，各个模块也可以分别具有各自的存储模块。诸如此类的变形，均在本说明书的保护范围之内。

图2是根据本说明书一些实施例所示的用户界面渲染方法的示例性流程图。如图2所示，流程200包括下述步骤。在一些实施例中，流程200可以由用户界面渲染系统100执行。

步骤210，从服务器获取第一渲染数据。

第一渲染数据是指用户终端的界面渲染所需的数据中，需要从服务器下载的数据。例如，第一渲染数据为需要通过服务器实时或间断更新的数值。其中，界面渲染所需的数据可以包括界面中的图片、视频或交互界面等。第一转化模块110可以从服务器中获取不同的界面渲染所需的数据。关于服务器和用户终端的具体内容可以参见图1及其相关说明。

在一些实施例中，第一转化模块110可以连续或间断地基于预设规则和/或用户输入等从服务器下载第一渲染数据（界面渲染所需的数据）。预设规则可以指规定的预设时间等。例如，第一转化模块110可以按照预设的时间间隔，连续或间断地从服务器下载不同时间点的第一渲染数据（不同时间点界面渲染所需的数据）。又例如，第一转化模块110可以在预设时间段内，连续从服务器获取界面渲染所需的数据。用户输入可以包括用户与用户终端的交互，例如，点触屏幕或键入信息等。第一转化模块110可以基于用户输入的内容，与服务器通信连接，通过服务器获取相应的第一渲染数据。

步骤220，调取第二渲染数据。

第二渲染数据是指用户终端的界面渲染所需的数据中，不需要从服务器下载的数据。例如，用户终端中本地存储的网站常用的或固定的界面或背景图片等。在一些实施例中，第二渲染数据是用户终端中本地存储的数据、历史时间从服务器下载的部分数据等。

在一些实施例中，第二渲染数据可以包括第一静态数据和缓存数据等。第一静态数据是指第一渲染数据中的某次界面渲染后存储到用户终端的终端存储模块140的数据。在一些实施例中，第二转化模块120可以通过历史时间的界面渲染后存储到终端存储模块140中的部分或全部数据获取第一静态数据。

缓存数据是指第一渲染数据中需要进行缓存，缓存至缓存模块150的部分或全部数据。在一些实施例中，第二转化模块120可以将第一渲染数据中需要进行缓存的数据存储到缓存模块150中。

在一些实施例中，第二转化模块120可以从用户终端中，按照预设规则调取不同时间点的第二渲染数据。预设规则可以包括按照预设的时间间隔或在预设时间段内连续调取等。

步骤230，基于第一渲染数据和第二渲染数据，确定渲染数据序列。

渲染数据序列是指用户终端在多个连续时间点上的需要新下载的界面渲染所需的数据的数据分布。渲染数据序列可以通过每个时间点对应的第一渲染数据，与该时间点之前的多个连续时间点的第二渲染数据的差异数据进行表示。不同时间点上的第二渲染数据可以是实时更新的。例如，时间点a和时间点b，时间点b位于时间点a之后，是时间点a的未来时间。在确定时间点b对应的差异数据时，可能时间点a的某个第一渲染数据已存储至终端存储模块，变成第二渲染数据。差异数据是指第一渲染数据中去除第二渲染数据中已包括的部分数据后剩余的数据。例如，时间点A对应的第一渲染数据包括数据1、数据2和数据3。时间点A之前的多个连续时间点的第二渲染数据中包括数据2。时间点A对应的差异数据为数据1和数据3。渲染模块130可以通过上述方法确定不同时间点上的差异数据，进而确定渲染数据序列。

在一些实施例中，渲染数据序列可以包括当前渲染序列和预估渲染序列中的至少一种。

当前渲染序列是指用户终端在多个过去和现在的连续时间点上的第一渲染数据的数据分布。

预估渲染序列是指用户终端在多个未来连续时间点上的第一渲染数据的数据分布。

在一些实施例中，渲染模块130可以通过数据统计的方式，确定渲染数据序列。例如，渲染模块130可以分别统计不同时间点上的第一渲染数据和第二渲染数据，将多个连续时间点的第一渲染数据和第二渲染数据的差异数据构建成渲染数据序列。多个连续时间点可以包括过去、现在或未来的多个连续时间点。

在一些实施例中，渲染模块130可以获取用户终端的预设渲染参数和用户渲染记录。渲染模块130可以基于预设渲染参数、用户渲染记录、第一渲染数据和第二渲染数据，预估多个未来时间点的预估渲染序列。

预设渲染参数是指预设的与界面渲染相关的参数。例如，预设渲染参数可以包括分辨率、渲染引擎、材质、渲染风格等。渲染模块130可以基于人工设定，确定预设渲染参数。

用户渲染记录是指与用户操作习惯有关的历史和当前的数据序列。例如，用户渲染记录包括不同界面的切换刷新频次等。用户操作习惯可以是用户与用户终端的交互记录等。例如，用户操作习惯可以是用户的界面点击记录、界面切换记录等数据。

在一些实施例中，渲染模块130可以通过频繁项算法确定用户终端的用户渲染记录。频繁项算法是用于在数据集中寻找“出现次数足够多”的算法，例如，关联规则算法（Apriori Algorithm）等。

在一些实施例中，渲染模块130可以基于预设渲染参数、用户渲染记录、第一渲染数据和第二渲染数据，通过查询预设表的方式确定预估渲染序列。预设表包含预设渲染参数、用户渲染记录、第一渲染数据和第二渲染数据与预估渲染序列的各种对应关系。渲染模块130可以提前预设预设表。

在一些实施例中，渲染模块130可以基于渲染数据模型确定预估渲染序列，关于这部分的内容可以参见图3及其相关说明。

本说明书的一些实施例，通过预设渲染参数、用户渲染记录、第一渲染数据和第二渲染数据，确定预估渲染序列，通过分析用户的操作习惯，提前预估渲染操作，以便及时根据存储空间、加载速率、网络传输速率等参数，确定后续的合理的界面渲染参数，保证界面渲染质量和渲染加载速率，提升用户体验，提高用户终端的效率。

在一些实施例中，渲染模块130可以基于预估渲染序列，确定在多个未来时间点的未来缓存数据。

未来缓存数据是指在未来时间点里的缓存模块150的缓存数据。在一些实施例中，渲染模块130可以基于预估渲染序列，通过统计确定某个未来时间点的未来缓存数据。例如，渲染模块130可以统计预估渲染序列中未来时间点B之前的可能存在重复使用的部分数据。未来时间点B之前的可能存在重复使用的部分数据即为第一渲染数据中未来时间点B需要缓存的数据。渲染模块可以将原先的缓存数据和该未来时间点B之前的可能存在重复使用的部分数据一起作为未来时间点B的未来缓存数据。可能存在重复使用的部分数据可以是该未来时间点之前的至少2个时间点出现过，但原先的缓存数据中不包括的数据。

在一些实施例中，渲染模块130可以基于预估渲染序列和多个未来时间点的未来静态数据，确定未来缓存数据。

未来静态数据是指预估的未来时间点对应的至少一组第一静态数据。在一些实施例中，渲染模块130可以统计某一未来时间点之前的历史界面渲染中多次被下载或被重复使用的历史第一渲染数据和/或历史第二渲染数据，判断为未来时间点中可能会被使用到的数据，将被重复使用次数大于重复阈值的至少一组历史第一渲染数据和/或历史第二渲染数据作为该未来时间点的未来静态数据。重复阈值是指渲染模块130将历史第一渲染数据和/或历史第二渲染数据判断为未来可能会被使用到的数据时，该组数据对应的历史中被重复下载或使用的次数的最小值。重复阈值可以基于人工设定。

在一些实施例中，渲染模块130可以基于预估渲染序列，确定多个未来时间点分别对应的至少一组第一渲染数据中需要缓存的数据，再去除用户终端中已经存储的多个未来时间点分别对应的未来静态数据，将剩下部分的数据分别确定为多个未来时间点中的每个未来时间点的未来缓存数据。

本说明书的一些实施例，基于预估渲染序列，确定多个未来时间点的未来静态数据，能较好地判断未来缓存数据的数据量，以提前合理分配未来缓存数据对应的存储空间，有利于提高后续界面渲染的效率。

在一些实施例中，渲染模块130可以基于预估渲染序列，确定终端存储模块140中至少一组未来静态数据的调取次数。

调取次数是指渲染模块130基于表单数据，从用户终端的终端存储模块中调取未来静态数据的次数。渲染模块130可以基于调取次数构建调取向量，调取向量中的每个元素可以表示每组未来静态数据的调取次数。

在一些实施例中，渲染模块130可以基于预估渲染序列，确定未来时间点上至少一组未来静态数据对应的调取间隔时间，基于调取间隔时间进行加权计算，确定至少一组未来静态数据的调取次数。例如，调取次数可以通过下式确定：该组未来静态数据的调取次数=（a1+a2+……+an）*1。其中a1、a2……an表示该组未来静态数据每次被调取时的权重。权重表征该组未来静态数据的利用率。调取间隔时间是指该组未来静态数据在距离最近一次被调取时的间隔时间。调取间隔时间越长，表示该组未来静态数据的利用率越低，其对应的权重越低。其中，权重的范围为0-1之间的自然数，当调取间隔时间小于间隔阈值时，权重为1。间隔阈值是指未来静态数据利用率较高时，相邻两次被调取的间隔时间需要满足的最大值。当调取间隔时间小于间隔阈值时，表示该组未来静态数据的利用率较高。

本说明书的一些实施例，通过确定每组未来静态数据的调取次数，可以确定不同组未来静态数据的资源利用率，进而为优化存储分配提供数据支撑。

本说明书的一些实施例，基于预估渲染序列，能够比较合理地预估缓存模块在多个未来时间点的未来缓存数据，有利于根据缓存模块的数据容量，对存储空间进行合理的安排分配，以保证界面渲染的加载速率。

步骤240，基于渲染数据序列，生成与用户界面的展现内容相关的表单数据。

表单数据是指与用户界面的可视化展现内容相关的多组渲染数据的集合。例如，表单数据的每组渲染数据可以包括第一渲染数据和第二渲染数据。用户界面的可视化展现内容是指用户界面的渲染内容。表单数据可以通过表的方式进行表示。例如，哈希表等。哈希表中的表格形式可以提前预设。

在一些实施例中，表单设计模块160可以基于用户终端的界面渲染所需的数据和第二渲染数据生成初始表单数据。表单设计模块160可以基于渲染数据序列补充初始表单数据构建生成哈希表。界面渲染所需的数据是指完成该界面渲染所需要的数据。例如，如需渲染有视频的界面，则其渲染所需的数据可以包括某个视频等。界面渲染所需的数据还可以包括与交互界面相关的数据等。哈希表中可以包括不同界面渲染所需的数据对应的第一渲染数据（通过渲染数据序列确定）和/或第二渲染数据的各种对应关系。例如，界面渲染所需的数据为需渲染有视频的界面，对应的第一渲染数据包括服务器实时下载的视频内容等。对应的第二渲染数据包括可能需要调取的缓存模块150的固定界面数据或该数据对应的链接等。

在一些实施例中，表单设计模块160可以基于处理模块170的控制指令，基于渲染数据序列，生成与用户界面的展现内容相关的表单数据。关于控制指令的更多内容可以参见图1的相关描述。

在一些实施例中，处理模块170还可以获取未来时间段内的第一渲染总量；并基于第一渲染总量和表单数据，确定表单调整数据，更多内容可以参见图4及其相关说明。

步骤250，基于用户请求、缓存数据和表单数据中的至少一种，更新第一渲染数据，以及进行界面渲染。

用户请求可以指用户与用户终端的交互。用户请求可以包括用户可能向用户终端发送的交互请求，例如，是否切换界面、更新界面、刷新数值等。处理模块170可以基于用户与用户终端的屏幕进行的点触交互或输入的信息等确定用户请求。

在一些实施例中，处理模块170可以获取预设时间段内的用户请求。预设时间段是指提前预设的一段时间，例如，5分钟、10分钟等。处理模块170可以实时或间隔获取每个预设时间段的用户请求。处理模块170可以基于预设时间段内的用户请求、缓存数据和表单数据中的至少一种，经过统计更新第一渲染数据。例如，处理模块170可以基于预设时间段内的用户请求，确定当前界面渲染所需的第一渲染数据（如为数据M）。处理模块170可以确定缓存数据和表单数据中存在的当前界面渲染所需的渲染数据（如为数据N）。在缓存数据和表单数据中，若存在当前界面渲染所需的渲染数据，则不需要再次下载这部分数据，避免了重复数据占据存储空间，导致数据传输及处理的效率低下的问题。处理模块170可以基于数据M与数据N之间的差值更新第一渲染数据。处理模块170可以根据上述方法实时或间断更新第一渲染数据，并将更新的第一渲染数据发送给第一转化模块110。第一转化模块110可以通过服务器下载更新的第一渲染数据。

在一些实施例中，处理模块170可以基于界面渲染的执行指令，进行界面渲染。例如，处理模块170可以基于执行指令，检索哈希表获取执行指令对应的表单数据（如，第一渲染数据和第二渲染数据等）。处理模块170可以基于表单数据进行界面渲染。关于执行指令的更多内容可以参见图1的相关描述。

本说明书的一些实施例，通过用户界面渲染系统和方法，可以减少单位时间数据的处理量，避免临时调取大量数据造成的用户终端卡顿等问题，实现界面渲染的动态调控，能及时更新和调整渲染界面，提升用户的使用体验。

应当注意的是，上述有关流程200的描述仅仅是为了示例和说明，而不限定本说明书的适用范围。对于本领域技术人员来说，在本说明书的指导下可以对流程200进行各种修正和改变。然而，这些修正和改变仍在本说明书的范围之内。

图3是根据本说明书一些实施例所示的渲染数据模型的示例性示意图。

在一些实施例中，渲染模块130可以基于用户渲染记录311、第二渲染数据312、预设渲染参数313和候选渲染序列314，通过渲染数据模型320，确定预估渲染序列340。关于用户渲染记录、预设渲染参数、第二渲染数据和预估渲染序列的更多内容参见图2相应描述。

候选渲染序列314是指预先估测的多个未来时间点需要下载的渲染相关数据序列。候选渲染序列可以包括多组。在一些实施例中，渲染模块130可以通过查询预设表，将与预设渲染参数、用户渲染记录、第一渲染数据和第二渲染数据中的至少一个对应的预估渲染序列确定为多组候选渲染序列。在一些实施例中，渲染模块130可以随机或人为确定多组候选渲染序列。

渲染数据模型320是指用于评估用户渲染向量与候选渲染序列的匹配度的模型。在一些实施例中，渲染数据模型可以为机器学习模型，例如，渲染数据模型可以为神经网络模型（Neural Network，NN），示例性的，深度神经网络模型（Deep Neural Network，DNN）、卷积神经网络模型等中的一种或任意组合。在一些实施例中，渲染数据模型可以包括特征提取层321和评估层322。

特征提取层321是指用于将用户渲染记录向量化的模型。在一些实施例中，特征提取层可以为长短期记忆神经网络模型（Long Short-Term Memory，LSTM）等。特征提取层的输入可以为用户渲染记录311。用户渲染记录可以通过用户渲染记录序列表示。用户渲染记录序列是指由历史和当前的用户渲染记录组成的序列。特征提取层的输出可以为用户渲染向量331。用户渲染向量是指用来表征当前和未来的用户渲染需求的相关特征的向量。

评估层322是指用于评估用户渲染向量与候选预设渲染序列的匹配度的模型。在一些实施例中，评估层可以为神经网络模型（Neural Network，NN）等。在一些实施例中，评估层的输入可以包括用户渲染向量331、预设渲染参数313、第二渲染数据312以及候选渲染序列314。评估层的输出可以为用户渲染向量与候选渲染序列的匹配度330。

匹配度是指多组候选渲染序列中的每一组，与用户渲染向量的匹配程度。该匹配度可以反馈预设的候选渲染序列是否满足预估/预测的多个未来时间点的界面渲染需求。

在一些实施例中，渲染模块130可以通过渲染数据模型确定每组候选渲染序列与用户渲染向量的匹配度。渲染模块130可以将匹配度最高对应的候选渲染序列确定为预估渲染序列340。

在一些实施例中，渲染数据模型可以基于大量带有标签和训练样本训练获得。训练样本的每组训练样本包括样本用户渲染记录、样本预设渲染参数、样本第二渲染数据以及样本候选渲染序列。训练样本可以通过历史数据获取。训练样本对应的标签可以是用户渲染向量与样本候选渲染序列的样本匹配度。在一些实施例中，训练样本对应的标签基于用户历史反馈，通过人工或自动标注获取。

用户历史反馈是指用户在历史渲染过程或模拟渲染过程中，在某个条件下（用户渲染记录、预设渲染参数、第二渲染数据）针对用户界面渲染结果、多次渲染的渲染加载时间的反馈。用户反馈为正面评价的历史数据或模拟数据（用户渲染记录、预设渲染参数、第二渲染数据）对应的标签为1，表示用户渲染向量与候选渲染序列的匹配度高。用户反馈为负面评价的历史数据或模拟数据（用户渲染记录、预设渲染参数、第二渲染数据）对应的标签为0，表示用户渲染向量与候选渲染序列的匹配度低。

在一些实施例中，特征提取层的输出可以为评估层的输入，特征提取层、评估层可以通过联合训练得到。

将样本用户渲染记录输入初始特征提取层，得到初始特征提取层输出的样本用户渲染向量；将样本用户渲染向量作为样本数据，和样本预设渲染参数、样本第二渲染数据、样本候选渲染序列输入初始评估层，得到初始评估层输出的样本用户渲染向量与样本候选渲染序列的匹配度。基于样本匹配度和初始评估层输出的匹配度构建损失函数，基于损失函数通过各种方法迭代更新更新初始特征提取层和初始评估层的参数。例如，可以基于梯度下降法等。在一些实施例中，当训练的初始特征提取层和初始评估层满足预设条件时，训练结束，得到训练好的渲染数据模型（即特征提取层和评估层）。其中，预设条件可以是损失函数结果收敛或小于预设结果阈值、迭代的次数达到次数阈值等。预设结果阈值、次数阈值用于判断是否结束模型训练，可以由人工预设。

本说明书一些实施例中，通过使用训练好的渲染数据模型，可以比较快速地确定合理地预估渲染序列，以便为后续确定合理的界面渲染参数提供数据支撑，能够及时针对存储空间、加载速率、网络传输速率等参数，确定合理的界面渲染参数，保证界面渲染质量和渲染加载速率，提升用户的使用体验。

图4是根据本说明书一些实施例所示的确定表单调整数据的示例性示意图。

在一些实施例中，处理模块170可以获取未来时间段内的第一渲染总量410，基于第一渲染总量和表单数据420，确定表单调整数据430。

第一渲染总量是指未来时间段内的第一渲染数据的总的数据量。未来时间段可以指人工预设的未来的时间段。

例如，第一渲染总量可以包括预设未来时间段内多个时间点的第一渲染数据的数据量之和。

关于表单数据和第一渲染数据的具体内容可以参见图2及其相关说明。

在一些实施例中，处理模块170可以将预设未来时间段内的多个时间点的第一渲染数据的数据量作为第一渲染总量。

在一些实施例中，处理模块170可以基于预估渲染序列对应的第一渲染数据、未来静态数据和未来缓存数据通过加权计算确定第一渲染总量。预估渲染序列确定的未来静态数据的权重系数正相关于调取次数。关于预估渲染序列、第一渲染数据、未来静态数据、未来缓存数据和调取次数的具体内容可以参见图2及其相关说明。

在一些实施例中，处理模块170可以通过预设规则确定第一渲染总量。预设规则可以包括加权计算等。例如，处理模块170可以根据下述公式确定第一渲染总量：第一渲染总量=k1*预估渲染序列对应的第一渲染数据-k2*预估渲染序列对应的未来静态数据-k3*未来缓存数据。其中，k1、k2和k3分别是第一渲染数据、第一静态数据和未来缓存数据对应的权重系数。在一些实施例中，权重系数可以基于人工预设。未来缓存数据是指预估渲染序列中，当前用户终端已存储了的缓存数据，无需再次向服务器下载。

在一些实施例中，k1与k3的大小可以与重复渲染的次数、终端存储模块或缓存模块的容量相关。例如，k1与重复渲染的次数、终端存储模块或缓存模块的容量存在正相关关系。k3与重复渲染的次数、终端存储模块或缓存模块的容量存在负相关关系。示例性的，当重复渲染的次数较多或终端缓存模块或缓存模块的容量较大时，能存储的数据量更大，预估渲染序列对应的第一渲染数据对应的权重k1更大。当重复渲染的次数较多或终端缓存模块或缓存模块的容量较大时，未来缓存数据对应的权重k3更小，第一渲染总量较大。

在一些实施例中，k2可以与调取次数有正相关关系。当通过预估渲染序列确定的未来静态数据的调取次数较多时，表明该未来静态数据的利用率较高，对应的权重系数k2越大，则在新的界面渲染的任务中，需要新下载的数据越少，第一渲染总量越小。

本说明书的一些实施例，基于预估渲染序列对应的第一渲染数据、未来静态数据和未来缓存数据，进行加权计算确定第一渲染总量，可以将未来静态数据和未来缓存数据考虑进去，判断需要新下载的第一渲染总量的数据量大小，能够较少由于重复下载相同数据造成的用户终端的卡顿或数据传输的拥堵，提高界面渲染的效率。通过结合重复渲染的次数、终端存储模块和缓存模块的容量，可以进一步减少由于重复下载相同数据造成的用户终端的卡顿或数据传输的拥堵，进一步提高界面渲染的效率。

表单调整数据是指对当前的表单数据进行调整更新后的表单数据。

在一些实施例中，处理模块170可以响应于第一渲染总量大于总量阈值，按照一定的预设规则对当前的表单数据进行调整，确定表单调整数据。总量阈值是指用户终端顺畅运行下第一渲染数据的数据量的最大值。其中，预设规则是指预先设置的对表单数据进行调整的标准。例如，预设规则可以包括按照渲染内容的重要程度，将渲染内容的渲染顺序排序，将较为不重要的渲染内容延后进行渲染。渲染内容的重要程度可以基于用户输入确定，例如，对于播放视频的界面，用户可以选择先加载网站界面或先加载视频内容。又例如，预设规则可以包括将其渲染分辨率和渲染范围进行适当降低等。

在一些实施例中，第一渲染总量和/或表单调整数据相关于预估渲染序列和第二渲染数据。

在一些实施例中，由于第一渲染数据来源于预估渲染序列，而处理模块170可以根据预估渲染序列中的第一渲染数据的数据量获取第一渲染总量，进而确定表单调整数据。

在一些实施例中，第二渲染数据包括第一静态数据和缓存数据。第一静态数据随着历史多次界面渲染而变化。当第一静态数据较多时，意味着需要从服务器新下载的第一渲染数据较少，处理模块170可以根据第一静态数据，确定表单调整数据。

本说明书的一些实施例，考虑到预估渲染序列和第二渲染数据对第一渲染总量和表单调整数据的影响，将界面渲染中数据的动态变化考虑进去，将不需要重复下载的数据剔除，及时更新表单数据，提高数据处理和界面渲染的速度。

在一些实施例中，处理模块170可以响应于第一渲染总量超过总量阈值时，基于向量数据库检索确定至少一组候选调整数据。处理模块170可以基于至少一组候选调整数据、至少一组候选调整数据对应的调整后的当前界面渲染所需的第一候选渲染数据和第二候选渲染数据以及其他数据，确定第一更新总量；响应于第一更新总量低于总量阈值时，则将候选调整数据确定为后续执行的表单调整数据。

候选调整数据是指可能确定为表单调整数据的相关数据。处理模块170可以基于预估渲染序列，第一渲染总量，第一静态数据构建向量数据库，通过查询向量数据库的方式，确定至少一组候选调整数据。向量数据库可以基于历史数据构建，也可以人为对向量数据库进行修改和补充。向量数据库中包括基于历史预估渲染序列，历史第一渲染总量，历史第一静态数据构建的参考向量，以及参考向量所对应的参考表单调整数据。在一些实施例中，处理模块170可以基于预估渲染序列，第一渲染总量，第一静态数据构建待匹配向量，通过查询向量数据库，将与待匹配向量相似度大于相似度阈值的参考向量对应的参考表单调整数据作为待匹配向量对应的至少一组候选调整数据。其中，相似度的计算可以是计算欧式距离、余弦相似度等。相似度阈值可以提前预设。

第一候选渲染数据是指至少一组候选调整数据对应的界面渲染所需的数据中需要下载的部分数据。

第二候选渲染数据是指至少一组候选调整数据对应的界面渲染所需的数据中不需要下载的部分数据。

第一候选渲染数据和第二候选渲染数据可以基于候选调整数据对应的更新后的表单数据获取。

其他数据可以包括至少一种与第一渲染数据相关的数据。例如，第一静态数据、缓存数据等。其他数据可以基于至少一组候选调整数据对应的表单数据获取。

第一更新总量是指候选调整数据对应的第一渲染总量。

在一些实施例中，处理模块170可以根据多种方式确定第一更新总量。例如，处理模块170可以根据候选调整数据，基于第一候选渲染数据和第二候选渲染数据以及其他数据，确定候选调整数据对应的预估渲染序列，进而确定预估渲染序列对应的第一渲染数据、未来静态数据和未来缓存数据，根据公式计算候选调整数据对应的第一渲染总量，即第一更新总量。关于计算第一更新总量的具体公式可以参见图4前文第一渲染总量的相关内容。

在一些实施例中，响应于第一更新总量大于或等于总量阈值时，处理模块170可以再次进行向量数据库检索，按照待匹配向量与参考向量的相似度对参考向量进行由高到低的排序，根据未选择过的与待匹配向量相似度大于相似度阈值的参考向量对应的参考表单调整数据作为待匹配向量对应的至少一组候选调整数据。处理模块170可以基于对应的候选调整数据，重复以上步骤，计算对应的第一更新总量，直至候选调整数据对应的第一更新总量低于总量阈值。

在一些实施例中，响应于第一更新总量低于总量阈值时，将该第一更新总量对应的候选调整数据确定为后续执行的表单调整数据。

本说明书的一些实施例，通过检索向量数据库，确定至少一组候选调整数据，以及计算候选调整数据对应的第一更新总量，不断调整预估渲染序列、未来静态数据等，使第一更新总量小于总量阈值，保证用户终端的流畅运行，提高网络传输速率。

本说明书的一些实施例，基于用户请求、用户操作、网络传输速率、终端存储模块和缓存模块的剩余容量的变化，实时动态地确定表单数据，根据实时更新的表单数据确定合理的第一渲染总量，保证良好的界面渲染情况。本说明书的一些实施例基于第一渲染总量等数据，综合考虑网络传输情况和不同渲染内容的重要程度，在用户终端在不停机、不重启的情况下完成对用户终端的界面渲染相关的表单数据的调整与更新，同时保证界面渲染质量和渲染速度，提升用户的体验感。

本说明书一些实施例提供了一种用户界面渲染装置，包括至少一个存储器以及至少一个处理器，存储器用于存储计算机指令；处理器用于执行本说明书实施例中任一项所述的用户界面渲染方法。

本说明书一些实施例提供了一种计算机可读存储介质，存储介质存储计算机指令，当计算机读取存储介质中的计算机指令后，计算机执行本说明书实施例中任一项所述的用户界面渲染方法。

上文已对基本概念做了描述，显然，对于本领域技术人员来说，上述详细披露仅仅作为示例，而并不构成对本说明书的限定。虽然此处并没有明确说明，本领域技术人员可能会对本说明书进行各种修改、改进和修正。该类修改、改进和修正在本说明书中被建议，所以该类修改、改进、修正仍属于本说明书示范实施例的精神和范围。

同时，本说明书使用了特定词语来描述本说明书的实施例。如“一个实施例”、“一实施例”、和/或“一些实施例”意指与本说明书至少一个实施例相关的某一特征、结构或特点。因此，应强调并注意的是，本说明书中在不同位置两次或多次提及的“一实施例”或“一个实施例”或“一个替代性实施例”并不一定是指同一实施例。此外，本说明书的一个或多个实施例中的某些特征、结构或特点可以进行适当的组合。

此外，除非权利要求中明确说明，本说明书所述处理元素和序列的顺序、数字字母的使用、或其他名称的使用，并非用于限定本说明书流程和方法的顺序。尽管上述披露中通过各种示例讨论了一些目前认为有用的发明实施例，但应当理解的是，该类细节仅起到说明的目的，附加的权利要求并不仅限于披露的实施例，相反，权利要求旨在覆盖所有符合本说明书实施例实质和范围的修正和等价组合。例如，虽然以上所描述的系统组件可以通过硬件设备实现，但是也可以只通过软件的解决方案得以实现，如在现有的服务器或移动设备上安装所描述的系统。

同理，应当注意的是，为了简化本说明书披露的表述，从而帮助对一个或多个发明实施例的理解，前文对本说明书实施例的描述中，有时会将多种特征归并至一个实施例、附图或对其的描述中。但是，这种披露方法并不意味着本说明书对象所需要的特征比权利要求中提及的特征多。实际上，实施例的特征要少于上述披露的单个实施例的全部特征。

一些实施例中使用了描述成分、属性数量的数字，应当理解的是，此类用于实施例描述的数字，在一些示例中使用了修饰词“大约”、“近似”或“大体上”来修饰。除非另外说明，“大约”、“近似”或“大体上”表明所述数字允许有±20%的变化。相应地，在一些实施例中，说明书和权利要求中使用的数值参数均为近似值，该近似值根据个别实施例所需特点可以发生改变。在一些实施例中，数值参数应考虑规定的有效数位并采用一般位数保留的方法。尽管本说明书一些实施例中用于确认其范围广度的数值域和参数为近似值，在具体实施例中，此类数值的设定在可行范围内尽可能精确。

针对本说明书引用的每个专利、专利申请、专利申请公开物和其他材料，如文章、书籍、说明书、出版物、文档等，特此将其全部内容并入本说明书作为参考。与本说明书内容不一致或产生冲突的申请历史文件除外，对本说明书权利要求最广范围有限制的文件（当前或之后附加于本说明书中的）也除外。需要说明的是，如果本说明书附属材料中的描述、定义、和/或术语的使用与本说明书所述内容有不一致或冲突的地方，以本说明书的描述、定义和/或术语的使用为准。

最后，应当理解的是，本说明书中所述实施例仅用以说明本说明书实施例的原则。其他的变形也可能属于本说明书的范围。因此，作为示例而非限制，本说明书实施例的替代配置可视为与本说明书的教导一致。相应地，本说明书的实施例不仅限于本说明书明确介绍和描述的实施例。

Claims (10)

1.一种用户界面渲染系统，其特征在于，所述系统基于用户终端实现，包括：

第一转化模块，被配置为与服务器通信连接及从所述服务器获取第一渲染数据；

第二转化模块，被配置为从所述用户终端调取第二渲染数据，所述第二渲染数据是指所述用户终端的界面渲染所需的数据中，不需要从所述服务器下载的数据；

渲染模块，被配置为分别统计不同时间点上的所述第一渲染数据和所述第二渲染数据，将多个连续时间点的所述第一渲染数据和所述第二渲染数据的差异数据构建成渲染数据序列，所述差异数据是指所述第一渲染数据中去除所述第二渲染数据中已包括的部分数据后剩余的数据，所述渲染数据序列是指所述用户终端在多个连续时间点上的需要新下载的界面渲染所需的数据的数据分布，包括当前渲染序列和预估渲染序列中的至少一种，所述当前渲染序列是指所述用户终端在多个过去和现在的连续时间点上的所述第一渲染数据的数据分布，所述预估渲染序列是指所述用户终端在多个未来连续时间点上的所述第一渲染数据的数据分布；

终端存储模块，被配置为存储所述第二渲染数据；

缓存模块，被配置为暂存缓存数据，所述缓存数据是指所述第一渲染数据中需要进行缓存，缓存至所述缓存模块的部分或全部数据，包括部分或全部所述第一渲染数据；

表单设计模块，被配置为基于所述渲染数据序列，生成与用户界面的展现内容相关的表单数据，所述表单数据是指与所述用户界面的可视化展现内容相关的多组渲染数据的集合；

处理模块，被配置为基于用户请求、所述缓存数据和所述表单数据中的至少一种，更新所述第一渲染数据，以及发出界面渲染的执行指令。

2.根据权利要求1所述的系统，其特征在于，所述渲染模块进一步被配置为：

获取所述用户终端的预设渲染参数和用户渲染记录；

基于所述预设渲染参数、所述用户渲染记录、所述第一渲染数据和所述第二渲染数据，预估多个未来时间点的所述预估渲染序列。

3.根据权利要求2所述的系统，其特征在于，所述渲染模块进一步被配置为：

基于所述预估渲染序列，确定所述缓存模块在所述多个未来时间点的未来缓存数据。

4.根据权利要求1所述的系统，其特征在于，所述处理模块进一步被配置为：

基于所述第一转化模块获取未来时间段内的第一渲染总量；

基于所述第一渲染总量和所述表单数据，确定表单调整数据。

5.一种用户界面渲染方法，其特征在于，包括：

从服务器获取第一渲染数据；

调取第二渲染数据，所述第二渲染数据是指用户终端的界面渲染所需的数据中，不需要从所述服务器下载的数据；

分别统计不同时间点上的所述第一渲染数据和所述第二渲染数据，将多个连续时间点的所述第一渲染数据和所述第二渲染数据的差异数据构建成渲染数据序列，所述差异数据是指所述第一渲染数据中去除所述第二渲染数据中已包括的部分数据后剩余的数据，所述渲染数据序列是指所述用户终端在多个连续时间点上的需要新下载的界面渲染所需的数据的数据分布，包括当前渲染序列和预估渲染序列中的至少一种，所述当前渲染序列是指所述用户终端在多个过去和现在的连续时间点上的所述第一渲染数据的数据分布，所述预估渲染序列是指所述用户终端在多个未来连续时间点上的所述第一渲染数据的数据分布；

基于所述渲染数据序列，生成与用户界面的展现内容相关的表单数据，所述表单数据是指与所述用户界面的可视化展现内容相关的多组渲染数据的集合；

基于用户请求、缓存数据和所述表单数据中的至少一种，更新所述第一渲染数据，以及进行界面渲染，所述缓存数据是指所述第一渲染数据中需要进行缓存，缓存至缓存模块的部分或全部数据。

6.根据权利要求5所述的方法，其特征在于，所述基于所述第一渲染数据和所述第二渲染数据，确定渲染数据序列包括：

获取预设渲染参数和用户渲染记录；

基于所述预设渲染参数、所述用户渲染记录、所述第一渲染数据和所述第二渲染数据，预估多个未来时间点的所述预估渲染序列。

7.根据权利要求6所述的方法，其特征在于，还包括：

基于所述预估渲染序列，确定在所述多个未来时间点的未来缓存数据。

8.根据权利要求5所述的方法，其特征在于，还包括：

获取未来时间段内的第一渲染总量；

基于所述第一渲染总量和所述表单数据，确定表单调整数据。

9.一种用户界面渲染装置，其特征在于，所述装置包括至少一个存储器以及至少一个处理器；

所述至少一个存储器用于存储计算机指令；

所述至少一个处理器用于执行所述计算机指令中的至少部分指令以实现权利要求5~8中任意一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述存储介质存储计算机指令，当计算机读取存储介质中的计算机指令后，计算机执行如权利要求5~8中任一项所述的方法。