CN115794265A - 用户界面的组件更新方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请公开了一种用户界面的组件更新方法、装置、电子设备及存储介质，涉及显示技术领域，终端设备通过用户账号登录系时，当用户账号为第一用户账号时，从非关系型数据库中获取第一组件，或当用户账号为第二用户账号时，从关系型数据库中获取第二组件，获取终端设备的设备信息，从用户账号对应的多个组件中，获取设备信息对应的多个组件，控制终端设备更新显示设备信息对应的多个组件，根据设备信息从而自适应匹配与终端设备匹配度高的组件，控制终端设备将该组件更新显示，更新后的组件可以在用户界面上显示良好，为不同的用户账号对应的组件提供不同的数据库进行存储，便于对不同用户账号对应的组件进行维护。

Description

用户界面的组件更新方法、装置、电子设备及存储介质

技术领域

本申请涉及显示技术领域，更具体地，涉及一种用户界面的组件更新方法、装置、电子设备及存储介质。

背景技术

随着互联网技术的兴起，可供用户使用的系统功能繁多，与系统功能匹配的用户界面组件也随之增长。越来越多的用户界面组件可以为用户提供更多的产品主题，丰富了产品的显示效果。然而，在繁多的用户界面组件中，难以获得显示效果良好的组件。

发明内容

鉴于上述问题，本申请提出了一种用户界面的组件更新方法、装置、电子设备及存储介质，能够解决上述问题。

第一方面，本申请实施例提供了一种用户界面的组件更新方法，所述方法包括：当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能；获取所述终端设备的设备信息；从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

第二方面，本申请实施例提供了一种用户界面的组件更新装置，所述装置包括：登录模块，用于当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能；获取模块，用于获取所述终端设备的设备信息；更新模块，用于从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

第三方面，本申请实施例提供了一种电子设备，包括：一个或多个处理器；存储器；一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行上述方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有程序代码，所述程序代码可被处理器调用执行上述方法。

本申请提供的用户界面的组件更新方法、装置、电子设备及存储介质，当终端设备通过用户账号登录系统时，当用户账号为第一用户账号时，从非关系型数据库中获取第一用户账号对应的第一组件，或者当用户账号为第二用户账号时，从关系型数据库中获取第二用户账号对应的第二组件，其中，非关系型数据库的性能优于关系型数据库的性能，再获取终端设备的设备信息，从用户账号对应的多个组件中，获取设备信息对应的多个组件，控制终端设备更新显示设备信息对应的多个组件，根据设备信息从而自适应匹配与终端设备匹配度高的组件，控制终端设备将该组件更新显示，更新后的组件可以在终端设备的用户界面上获得的良好的显示效果，特别是能够根据用户账号在用户界面上自适应地更新分辨率，并且为不同的用户账号对应的组件提供不同的数据库进行存储，便于对不同用户账号对应的组件进行维护，在获取组件时，从各自对应的数据库中进行获取，提升了组件获取的效率，继而提升了组件更新的效率。

本申请的这些方面或其他方面在以下实施例的描述中会更加简明易懂。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了本申请实施例提供的用户界面的组件更新系统示意图；

图2示出了本申请实施例提供的服务器的逻辑框图；

图3示出了本申请一个实施例提供的用户界面的组件更新方法的流程示意图；

图4示出了本申请又一个实施例提供的用户界面的组件更新方法的流程示意图；

图5示出了本申请另一个实施例提供的用户界面的组件更新方法的流程示意图；

图6示出了本申请的图5所示的用户界面的组件更新方法的步骤S340的一种流程示意图；

图7示出了本申请再一个实施例提供的用户界面的组件更新方法的流程示意图；

图8示出了本申请一实施例提供的用户界面的组件更新装置的框图；

图9是本申请实施例的用于执行根据本申请实施例的用户界面的组件更新方法的电子设备的框图；

图10示出了本申请实施例的用于保存或者携带实现根据本申请实施例的用户界面的组件更新方法的程序代码的存储单元。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

随着硬件设备性能的提升，各大平台对全球广域网(World Wide Web，简称WEB)中超文本标记语言(Hyper Text Markup Language，简称HTML)的文件对象模型(DocumentObject Model，简称DOM)结构渲染效率的提升以及对js的解析速度的加快使得WEB技术在各大平台的使用率大幅提升。在硬件性能提升的基础上，WEB(html，css，js)的跨平台性很大程度的降低了开发和维护成本，结合国内云服务的普及以及成熟，将WEB技术推向互联网领域的重要位置。

随着上述技术的发展，可供用户使用的系统功能繁多，与系统功能匹配的用户界面组件也随之增长。越来越多的用户界面组件可以为用户提供更多的产品主题，丰富了产品的显示效果。然而，在繁多的用户界面组件中，难以获得显示效果良好的组件。

针对上述技术问题，发明人经过长期的研究发现并提出了一种用户界面的组件更新方法、装置、电子设备及存储介质，当终端设备通过用户账号登录系统时，获取该用户账号对应的多个组件，并且获取终端设备的设备信息，再从用户账号对应的多个组件中获取设备信息对应的多个组件，并控制终端设备更新显示设备信息对应的组件，根据设备信息从而自适应匹配与终端设备匹配度高的组件，以确保更新后的组件的显示效果良好。其中，具体的用户界面的组件更新方法在后续的实施例中具体说明。

为了便于理解该方法，本实施例先示出了一种用户界面的组件更新系统，图1示出了本申请实施例提供的用户界面的组件更新系统示意图，请参阅图1，用户界面的组件更新系统100包括服务器110和终端设备120，服务器110与终端设备120连接，服务器110根据终端设备120的设备信息，获取设备信息对应的多个组件，可以理解的是，该组件与设备信息匹配度高，该组件可以在终端设备120上有较好的显示效果。

可选地，终端设备120可以为手机、平板电脑、台式电脑、笔记本电脑、智能手表、智能手环、投影设备、电视机等，在此不做限定。

可选地，服务器110可以为物理服务器、云服务器等，在此不做限定。本实施例提供了一种服务器110可能的实现方式，图2示出了本申请实施例提供的服务器的逻辑框图，请参阅图2，服务器110包括如下模块：Server模块(即Server为服务器)和操作系统。

其中，Server模块可以包括如下子模块：数据存储、网络代理nginx(nginx是一个高性能的HTTP和反向代理服务器)、内存配置和http socket(即超文本传输协议数据包)。

数据存储用于存数据，包括服务器自身的数据以及与接收的终端设备的数据。可选地，数据存储可以为内存条。

网络代理nginx用于分配网络资源。

内存配置用于分配服务器内部的存储资源，例如可以分配数据存储中的存储空间，还可以分配程序的运行内存。

http socket用于确定服务器与终端设备之间的通信协议。可选地，可以根据终端设备与服务器之间通信的类型确定通信协议，例如，当终端设备与服务器之间传输视频直播的数据时，可以确定服务器与终端设备之间的通信协议为传输控制协议。

另外，操作系统可以包括如下子模块：组件库、组件库管理系统和消息推送分布式部署。

组件库用于存储所有组件。

组件库管理系统用于管理组件库中的组件、控制终端设备组件的更新等。

消息推送分布式部署用于管理数据库，当服务器中存在多个相同的数据库时，消息推送分布式部署用于控制多个数据库中访问资源的分配。以数据库为组件库为例，当组件库包括第一组件库、第二组件库和第三组件库时，当6个终端设备同时访问组件库时，为了避免拥堵，影响访问效率和用户体验，可以将6个终端设备分配至三个组件库中进行访问，如2个终端设备访问第一组件库，2个终端设备访问第二组件库，以及2个终端设备访问第三组件库。

图3示出了本申请一个实施例提供的用户界面的组件更新方法的流程示意图，根据设备信息从而自适应匹配与终端设备匹配度高的组件。在具体的实施例中，所述用户界面的组件更新方法应用于如图1和图2所述的服务器110、图8所示的用户界面的组件更新装置200以及配置有用户界面的组件更新装置200的电子设备300(图9)。本实施例将以用户界面的组件更新方法应用于服务器110为例说明本实施例的具体流程。下面将针对图3所示的流程进行详细的阐述，所述用户界面的组件更新方法具体可以包括如下步骤：

步骤S110、当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能。

用户在移动终端显示的系统的登录界面上输入用户账号以及账号密码，基于用户账号以及账号密码生成登录请求并发送至服务器，服务器响应登录请求，当校验用户账号和账号密码通过时，则确认用户通过用户账号成功登录系统，再获取用户账号对应的多个组件。具体为，对于多种类型的用户账号，每种类型的用户账号对应的组件不同，为了对不同类型的用户提供不同服务，以及便于管理不同类型的用户账号对应的组件，将不同类型的用户账号的组件存储于不同的数据库。如当用户账号为第一用户账号时，例如，第一用户账号为会员账号，服务器为会员账号提供的组件的个数较多，并且提供性能较好的非关系型数据库，从非关系型数据库中获取第一用户账号对应的第一组件，其中，第一组件的数量为多个。当用户账号为第二用户账号时，例如第二用户账号为非会员账号，服务器为非会员账号提供的组件的个数较少，第一用户的资费比第二用户的资费多，服务器为第二用户账号提供性能稍劣的关系型数据库，从关系型数据库中获取第二用户账号对应的第二组件，其中，第二组件的数量为多个。其中，性能可以包括存储方式的灵活性、响应速度、安全性、可扩展性等。

在一种实施方式中，为了满足用户个性化需求，不同的用户账号对应不同的组件，例如，用户账号A对应组件1，组件2和组件3，用户账号B对应组件A、组件B和组件C。如，组件包括不同的形状的界面组件，例如移动设备形状的组件、电脑形状的组件、放映机形状的组件。

在另一种实施方式中，为了便于不同用户权限的用户对组件的管理和使用，对不同用户分配不同的用户权限，获取用户账号对应的用户权限，根据用户权限确定多个组件。可以理解的是，不同的用户权限可能对应不同的组件，而用户权限相同的用户账号对应相同的组件。

可选地，为了便于管理多个组件，用户账号对应的多个组件可以以列表的形式保存于图1所示的“数据存储”模块中。例如以一级组件列表的形式保存，如表1所示，一级组件列表可以包括组件1、组件2、组件3......组件n，在本例子中，n为大于等于3的整数。

表1

一级组件列表
	组件1
组件2
	......
组件n

可选地，由于一级组件列表并非在终端设备上最终的显示结果，即一级组件列表中的组件并非全部用于更新用户界面，因此可以隐藏一级组件列表，即一级组件列表不在终端设备上显示。

步骤S120、获取所述终端设备的设备信息。

可选地，所述设备信息至少包括设备型号和显示屏的分辨率中的至少一个。

在一种实施方式中，终端设备生成的登录请求携带终端设备的设备信息，当登录成功时，服务器获取登录请求中携带的设备信息，以便于服务器能够快速获取设备信息，减少更新耗时。

在另一种实施方式中，当终端设备通过用户账号成功登录系统时，服务器获取终端设备的设备信息，而当终端设备通过用户账号登录失败时，服务器不获取设备信息，以减少带宽资源的浪费。

步骤S130、从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

与用户账号对应的多个组件，类似地，设备信息对应的多个组件也可以以列表的形式保存，如以二级组件列表的形式保存。从用户账号对应的多个组件中获取设备信息对应的多个组件，可以理解为，从一级组件列表中获取二级组件列表，则一级组件列表中组件的个数大于等于二级组件列表中组件的个数。结合上述例子，一级组件列表中获取设备信息对应的二级组件列表，例如，二级组件列表包括组件2、组件3......组件n-3。可选地，二级组件列表中的组件可以包括视窗、文本框、按钮、下拉式菜单等多种界面元素。

当设备信息包括设备型号时，可以获取设备型号对应的多个组件。在一些可能的实施方式中，不同的终端设备可能支持不同的操作系统，不同的操作系统支持不同的组件。根据设备型号确定终端设备支持的操作系统，获取该操作系统对应的多个组件。例如，根据设备型号确定该终端设备支持的操作系统为安卓系统，获取安卓系统对应的多个组件，如一级组件列表包括组件1、组件2、组件3......组件100，安卓系统对应的二级组件列表包括组件1、组件2、组件3......组件50。再例如，根据设备型号确定该终端设备支持的操作系统为IOS系统，获取IOS系统对应的多个组件，如IOS系统对应的二级组件列表包括组件51、组件52、组件53......组件100。

当设备信息包括显示屏的分辨率时，获取分辨率对应的多个组件，可以理解的是，根据分辨率匹配对应的组件，可以保证组件在终端设备上有良好的显示效果。具体地，当分辨率较高时，匹配的组件的图案可能较复杂，例如，高分辨率对应样式复杂的花纹组件，即使是样式复杂的花纹组件也可以清晰的在用户界面上显示。当分辨率低时，匹配的组件的图案可能较简单，例如，分辨率较低对应样式简单的圆形组件，可以保证该样式简单的圆形在显示界面上有良好的显示效果。如一级组件列表包括组件1、组件2、组件3......组件100，分辨率A对应的二级组件列表包括组件20、组件21......组件60。

当设备信息包括设备型号和显示屏的分辨率时，获取设备型号和分辨率对应的多个组件。例如根据设备型号确定该设备支持的操作系统为安卓系统，且分辨率为A，则对应的二级组件列表包括组件20、组件21......组件50。

需要说明的是，显示屏的分辨率可以调节。由于不同的用户的使用习惯不同，不同的用户可能会设置不同的分辨率，因此，针对同一台终端设备，当不同用户设置的分辨率不同时，根据分辨率获取的二级组件列表也不同。例如，用户A使用终端设备时，设置第一分辨率，基于终端设备的设备型号和第一分辨率获得组件1和组件2；用户B使用终端设备时，设置第二分辨率，基于该终端设备的设备型号和第二分辨率获得组件3和组件4。

在确定设备信息对应的多个组件后，控制终端设备更新显示设备信息对应的多个组件。可选地，在用户界面上存在多个待更新的组件位置，其中，待更新的组件位置上并未显示组件，为用户界面上空置的位置，当需要显示组件时，可以将需要显示的组件拖动、添加至该待更新的组件位置上进行显示。可以结合多个待更新的组件位置，控制终端设备更新显示设备信息对应的多个组件。

在一种实施方式中，当设备信息对应的组件个数与用户界面上待更新的组件位置的个数相同时，控制终端设备直接更新显示该组件。例如，设备信息对应2个组件，并且用户界面上待更新的组件位置为2个，则直接更新组件。

在另一种实施方式中，当设备信息对应的组件个数大于用户界面上待更新的组件位置个数时，控制终端设备显示设备信息对应的多个组件，用户根据自身喜好，基于终端设备的显示界面操作，选择用户喜爱的组件，控制终端设备直接更新显示用户选中的组件。例如，设备信息对应100个组件，而用户界面上待更新的组件位置为2个，用户在100个组件中选中的2个组件，控制终端设备更新显示用户选中的2个组件。

在另一些实施方式中，当设备信息对应的组件个数小于用户界面上待更新的组件位置个数时，可以使用相同的组件更新用户界面。例如，设备信息对应2个组件即组件1和组件2，而用户界面上待更新的组件位置为3个，用户在2个组件中选中的重复显示的组件为组件2，控制终端设备在3个组件位置中，2个组件位置更新显示组件2，1个组件位置更新显示组件1。

可选地，不管设备信息对应的组件个数与用户界面上待更新的组件位置个数的大小关系如何，均可以根据用户的选中操作，可以在不同的组件位置更新显示同样的组件。例如，用户在设备信息对应的100个组件中，只选中杯子形状的组件，在用户界面上待更新的3个组件位置，均可更新显示杯子形状的组件。

在本实施例提供的用户界面的组件更新方法中，当终端设备通过用户账号登录系统时，当用户账号为第一用户账号时，从非关系型数据库中获取第一用户账号对应的第一组件，或者当用户账号为第二用户账号时，从关系型数据库中获取第二用户账号对应的第二组件，其中，非关系型数据库的性能优于关系型数据库的性能，再获取终端设备的设备信息，从用户账号对应的多个组件中，获取设备信息对应的多个组件，控制终端设备更新显示设备信息对应的多个组件，根据设备信息从而自适应匹配与终端设备匹配度高的组件，控制终端设备将该组件更新显示，更新后的组件可以在终端设备的用户界面上获得的良好的显示效果，特别是能够根据用户账号在用户界面上自适应地更新分辨率，并且为不同的用户账号对应的组件提供不同的数据库进行存储，便于对不同用户账号对应的组件进行维护，在获取组件时，从各自对应的数据库中进行获取，提升了组件获取的效率，继而提升了组件更新的效率。

在上述实施例的基础上，本实施例提供了一种用户界面的组件更新方法，用于确定登录系统的用户账号对应的用户权限，再获取用户权限对应的多个组件，图4示出了本申请又一个实施例提供的用户界面的组件更新方法的流程示意图，请参阅图4，所述用户界面的组件更新方法具体可以包括如下步骤：

步骤S210、当所述终端设备通过所述用户账号登录系统时，查询所述用户账号对应的用户权限。

可选地，为了便于不同身份的用户管理和使用组件，对不同身份的用户设置了不同的用户权限。例如，对于研发人员设置一级权限，对于管理员设置二级权限，对于普通用户设置三级权限。其中，从一级权限、二级权限和三级权限分别对应的权限大小不同。并且在账号库中分别对一级权限、二级权限和三级权限设置子账号库，将用户权限为一级权限的账号信息存入一级权限对应的子账号库中，同理二级权限的账号信息存入二级权限对应的子账号库中，三级权限的账号信息存入三级权限对应的子账号库中。当用户账号登录系统时，账号库中对不同权限的账号进行分类存储，在账号库中查询用户账号所在的子账号库从而获得对应的权限。对于不同身份的用户设置不同的权限，便于不同身份的用户管理和使用组件。

或者是，根据不同的充值金额，设置不同的用户权限。对于充值15元的超级会员，设置一级权限；对于充值10元的会员，设置二级权限；对于未充值的普通用户，设置三级权限。其中，从一级权限、二级权限至三级权限分别对应的权限大小逐级减小。

步骤S220、获取所述用户权限对应的多个组件。

可选地，用户权限与多个组件的对应关系可以如表2所示：

表2

用户权限	多个组件
		一级权限	组件1、组件2.....组件n
二级权限	组件1、组件2.....组件n-10
		三级权限	组件1、组件2.....组件n-20

在本实施例中，n大于22。

步骤S230、获取所述终端设备的设备信息。

步骤S240、从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

其中，步骤S230-步骤S240的具体描述请参阅步骤S120-步骤S130，在此不再赘述。

在本实施例中，当通过用户账号登录系统时，查询用户账号对应的用户权限，获取用户权限对应的多个组件，根据终端设备的设备信息，从用户权限对应的多个组件中，获取设备信息对应的多个组件，并控制终端设备更新显示设备信息对应的多个组件，自适应的匹配出设备信息对应的组件。

在上述实施例的基础上，本实施例提供了一种用户界面的组件更新方法，用于根据用户个爱好输入控制指令，并且更新用户输入的指令控制用户界面的组件更新，实现用户个性化的设置，丰富用户的使用体验，图5示出了本申请另一个实施例提供的用户界面的组件更新方法的流程示意图，请参阅图5，所述用户界面的组件更新方法具体可以包括如下步骤：

步骤S310、当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能。

步骤S320、获取所述终端设备的设备信息。

其中，步骤S310-步骤S320的具体描述请参阅步骤S110-步骤S120，在此不再赘述。

步骤S330、接收组件选择指令。

其中，组件选择指令用于指示在二级组件列表中选中的组件作为目标组件。可选地，组件选择指令可以包括第一组件选择指令和第二组件选择指令。

在一种实施方式中，第一组件选择指令可以是基于用户操作生成的。二级组件列表可以在终端设备的触摸屏上显示，用户可以根据触摸屏上显示二级组件列表，用户对触摸屏进行选择操作，输入第一组件选择指令。或者是，用户基于外部设备，例如键盘、遥控器、鼠标等进行选择操作，输入第一组件选择指令。例如，用户在组件1、组件2......组件n-10中，手动选择组件1和组件2。

在另一种实施方式中，第二组件选择指令可以根据用户的使用习惯自动生成。可选地，用户手动更新组件的频率大于预设更换频率，每次用户账号登录时，更新第二组件选择指令，在二级组件列表中，第二组件选择指令可以指示随机确定N个组件作为目标组件。例如，预设更换频率为3天更换一次，当用户的手动更新组件的频率为1天更换一次时，用户手动更新组件的频率大于预设更换频率，每次用户账号登录时，都随机确定N个组件作为目标组件，实现用户界面自动更新，以满足用户对组件的个性化需求。

或者是，统计用户的组件使用习惯，例如统计用户对二级组件列表中多个组件的使用频率，并对多个组件的使用频率从大到小进行排序，组件选择指令用于指示在二级组件列表中选中的使用频率排在前M个的组件作为目标组件。其中，M个可以为，但不限于3个、5个等。

步骤S340、从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为目标组件，并控制所述终端设备更新显示目标组件。

根据设备信息，从一级组件列表中筛选出二级组件列表，当二级组件列表中组件的数量大于用户界面上待更新的组件位置的数量时，基于组件选择指令，在第二组件中确定目标组件，并控制终端设备更新显示目标组件。例如，一级组件列表包括组件1、组件2、组件3、组件4......组件100，从一级组件列表中筛选出的二级组件列表包括组件2、组件3、组件4......组件50，组件选择指令组件2和组件3作为目标组件，并控制终端设备更新显示组件2和组件3。

在一种实施方式中，当用户在选择目标组件时，还可以选择目标组件对应的样式，本实施方式按照如下方式对用户界面进行更新，图6示出了本申请的图5所示的用户界面的组件更新方法的步骤S340的一种流程示意图，请参阅图6，步骤S340包括如下子步骤：

步骤S341、从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为所述目标组件。

基于用户的第一选择操作，生成组件选择指令，获取组件选择指令指示的目标组件。

步骤S342、接收样式参数配置指令。

基于用户的第二选择操作，生成样式参数配置指令。其中，所述样式参数配置指令携带有用于配置所述目标组件的目标样式参数，样式可以包括组件的颜色、形状、大小、位置等，目标样式参数用于设置目标组件的样式。

步骤S343、控制所述终端设备以所述目标样式参数更新显示所述目标组件。

在对用户界面进行更新时，在一种实施方式中，服务器基于目标组件和目标样式参数压缩生成组件更新安装包，并将组件更新安装包发送至终端设备，控制终端设备将组件更新安装包解压缩后得到目标组件，并控制终端设备以目标样式参数更新显示目标组件，实现目标组件的自动更新。

在另一种实施方式中，服务器根据目标组件和目标样式参数生成页面地址链接，并且在用户终端上加载该链接，通过该链接以目标样式加载目标组件，从而更新显示用户界面。

用户对目标组件的布局可以通过组件样式参数进行设置，还可以直接使用组件布局模板进行布局。具体为，系统中包括多种布局模板，不同布局模板对应不同的组件分布方式，用户在多个布局模板中选中组件布局模板，生成布局模板选择指令，其中，所述布局模板选择指令携带有组件布局模板；控制所述终端设备按照所述组件布局模板对所述设备信息对应的多个组件进行布局显示。

在本实施例中，在对用户界面的组件进行更新时，基于用户对组件的选择，接收组件选择指令，以及基于用户对样式的选择，接收样式参数配置指令，控制终端设备以目标样式参数更新显示目标组件，实现用户对组件窗口的个性化设置。

可选地，图7示出了本申请再一个实施例提供的用户界面的组件更新方法的流程示意图，请参阅图7，所述用户界面的组件更新方法具体可以包括如下步骤：

步骤S410、当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能。

步骤S420、获取所述终端设备的设备信息。

步骤S430、接收组件选择指令。

其中，步骤S410-步骤S430的具体描述请参阅步骤S310-步骤S130，在此不再赘述。

步骤S440、从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为所述目标组件。

步骤S450、接收样式参数配置指令。

其中，步骤S440-步骤S450的具体描述请参阅步骤S341-步骤S342，在此不再赘述。

步骤S460、获取所述目标组件对应的目标标识。

为了便于管理，每一个组件均对应一个标识，该标识可以为组件ID、组件名称。当获取了组件选择指令所指示的目标组件时，获取目标组件对应的目标标识。

步骤S470、根据所述目标标识和所述目标样式参数生成当前配置文件，并将所述当前配置文件发送至所述终端设备。

当生成当前配置文件时，建立当前配置文件、设备信息和用户账号之间的对应关系，将当前配置文件和该对应关系发送至终端设备。

步骤S480、当所述当前配置文件与所述终端设备存储的历史配置文件不一致时，将所述目标组件和所述目标样式参数发送至所述终端设备。

当当前配置文件与终端设备存储的历史配置文件一致时，则说明用户并未对用户界面进行更新，可以理解的是，用户虽然在界面组件上进行了输入操作，但是输入操作选中的组件以及组件样式仍为用户界面当前显示的组件和组件样式，例如，用户界面当前显示的组件为组件A且为红色，用户在输入操作时仍选中红色的组件A，目标组件和当前显示的组件均为组件A且均为红色。

当当前配置文件与终端设备存储的历史配置文件不一致时，说明用户对组件和/或组件样式进行了调整，将目标组件和目标样式参数发送至终端设备。

步骤S490、控制所述终端设备以所述目标样式参数更新显示所述目标组件。

其中，步骤S490的具体描述请参阅步骤S343，在此不再赘述。

需要说明的是，终端设备在更新成功用户界面后，用当前配置文件去更新历史配置文件，当该用户账号再次通过该终端设备登录系统时，根据对应关系，获取用户账号和终端设备共同对应的历史配置文件。

可选地，在服务器上存储设备信息与用户账号共同对应的历史配置文件，在根据目标标识和目标样式参数生成当前配置文件后，当当前配置文件与历史配置文件一致，无需向终端设备发送任何信息，以减少带宽资源的浪费；当当前配置文件与历史配置文件不一致，再将目标组件和目标样式参数发送至终端设备，以控制终端设备的自动更新。

在本实施例中，根据目标标识和目标样式参数生成当前配置文件，当当前配置文件与终端设备存储的历史配置文件不一致时，将目标组件和目标样式参数发送至终端设备，通过目标组件和目标样式参数，自动更新用户界面。

为实现上述方法类实施例，本实施例提供一种用户界面的组件更新装置，图8示出了本申请一实施例提供的用户界面的组件更新装置的框图，请参阅图8，用户界面的组件更新装置200包括：登录模块210、获取模块220和更新模块230。

登录模块210，用于当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能。

获取模块220，用于获取所述终端设备的设备信息。

更新模块230，用于从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

可选地，登录模块210包括：查询子模块和组件获取子模块。

查询子模块，用于当所述终端设备通过所述用户账号登录系统时，查询所述用户账号对应的用户权限。

组件获取子模块，用于获取所述用户权限对应的多个组件。

可选地，更新模块230包括：组件选择指令接收子模块和目标组件更新子模块。

组件选择指令接收子模块，用于接收组件选择指令。

目标组件更新子模块，用于从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为目标组件，并控制所述终端设备更新显示目标组件。

可选地，目标组件更新子模块包括：目标组件确定子模块、样式参数配置指令接收子模块与样式参数配置指令接收子模块。

目标组件确定子模块，用于从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为所述目标组件。

样式参数配置指令接收子模块，用于接收样式参数配置指令，其中，所述样式参数配置指令携带有用于配置所述目标组件的目标样式参数。

目标样式参数和目标组件更新子模块，用于控制所述终端设备以所述目标样式参数更新显示所述目标组件。

用户界面的组件更新装置200还包括：目标标识获取模块、当前配置文件生成模块和发送模块。

目标标识获取模块，用于获取所述目标组件对应的目标标识。

当前配置文件生成模块，用于根据所述目标标识和所述目标样式参数生成当前配置文件，并将所述当前配置文件发送至所述终端设备。

发送模块，用于当所述当前配置文件与所述终端设备存储的历史配置文件不一致时，将所述目标组件和所述目标样式参数发送至所述终端设备。

用户界面的组件更新装置200还包括：布局模板选择指令接收模块和布局模块。

布局模板选择指令接收模块，用于接收布局模板选择指令，其中，所述布局模板选择指令携带有组件布局模板。

布局模块，用于控制所述终端设备按照所述组件布局模板对所述设备信息对应的多个组件进行布局显示。

可选地，所述设备信息至少包括设备型号和显示屏的分辨率中的至少一个。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置和模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，模块相互之间的耦合可以是电性，机械或其它形式的耦合。

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

图9是本申请实施例的用于执行根据本申请实施例的用户界面的组件更新方法的电子设备的框图，请参阅图9，其示出了本申请实施例提供的一种电子设备300的结构框图。该电子设备300可以是智能手机、平板电脑、投影设备、电子书等能够运行应用程序的电子设备。本申请中的电子设备300可以包括一个或多个如下部件：处理器310、存储器320以及一个或多个应用程序，其中一个或多个应用程序可以被存储在存储器320中并被配置为由一个或多个处理器310执行，一个或多个应用程序配置用于执行如前述方法实施例所描述的方法。

其中，处理器310可以包括一个或者多个处理核。处理器310利用各种接口和线路连接整个电子设备300内的各个部分，通过运行或执行存储在存储器320内的指令、程序、代码集或指令集，以及调用存储在存储器320内的数据，执行电子设备300的各种功能和处理数据。可选地，处理器310可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(ProgrammableLogic Array，PLA)中的至少一种硬件形式来实现。处理器310可集成中央处理器(CentralProcessing Unit，CPU)、图形处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责待显示组件的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器310中，单独通过一块通信芯片进行实现。

存储器320可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。存储器320可用于存储指令、程序、代码、代码集或指令集。存储器320可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以存储电子设备300在使用中所创建的数据(比如历史配置文件)等。

图10示出了本申请实施例的用于保存或者携带实现根据本申请实施例的用户界面的组件更新方法的程序代码的存储单元，请参阅10，其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读介质400中存储有程序代码，所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。

计算机可读存储介质400可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地，计算机可读存储介质400包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质400具有执行上述方法中的任何方法步骤的程序代码410的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码410可以例如以适当形式进行压缩。

综上所述，本申请提供的用户界面的组件更新方法、装置、电子设备及存储介质，当终端设备通过用户账号登录系统时，当用户账号为第一用户账号时，从非关系型数据库中获取第一用户账号对应的第一组件，或者当用户账号为第二用户账号时，从关系型数据库中获取第二用户账号对应的第二组件，其中，非关系型数据库的性能优于关系型数据库的性能，再获取终端设备的设备信息，从用户账号对应的多个组件中，获取设备信息对应的多个组件，控制终端设备更新显示设备信息对应的多个组件，根据设备信息从而自适应匹配与终端设备匹配度高的组件，控制终端设备将该组件更新显示，更新后的组件可以在终端设备的用户界面上获得的良好的显示效果，特别是能够根据用户账号在用户界面上自适应地更新分辨率，并且为不同的用户账号对应的组件提供不同的数据库进行存储，便于对不同用户账号对应的组件进行维护，在获取组件时，从各自对应的数据库中进行获取，提升了组件获取的效率，继而提升了组件更新的效率。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (10)

1.一种用户界面的组件更新方法，其特征在于，所述方法包括：

当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能；

获取所述终端设备的设备信息；

从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

2.根据权利要求1所述的方法，其特征在于，所述当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，包括：

当所述终端设备通过所述用户账号登录系统时，查询所述用户账号对应的用户权限；

获取所述用户权限对应的多个组件。

3.根据权利要求1所述的方法，其特征在于，所述从所述用户账号对应的多个组件中获取所述设备信息对应的组件，并控制所述终端设备更新显示所述设备信息对应的组件，包括：

接收组件选择指令；

从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为目标组件，并控制所述终端设备更新显示目标组件。

4.根据权利要求3所述的方法，其特征在于，所述从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为目标组件，并控制所述终端设备更新显示目标组件，包括：

从所述设备信息对应的多个组件中确定所述组件选择指令所指示的组件作为所述目标组件；

接收样式参数配置指令，其中，所述样式参数配置指令携带有用于配置所述目标组件的目标样式参数；

控制所述终端设备以所述目标样式参数更新显示所述目标组件。

5.根据权利要求4所述的方法，其特征在于，所述控制所述终端设备以所述目标样式参数更新显示所述目标组件之前，还包括：

获取所述目标组件对应的目标标识；

根据所述目标标识和所述目标样式参数生成当前配置文件，并将所述当前配置文件发送至所述终端设备；

当所述当前配置文件与所述终端设备存储的历史配置文件不一致时，将所述目标组件和所述目标样式参数发送至所述终端设备。

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

接收布局模板选择指令，其中，所述布局模板选择指令携带有组件布局模板；

控制所述终端设备按照所述组件布局模板对所述设备信息对应的多个组件进行布局显示。

7.根据权利要求1-6任意一项所述的方法，其特征在于，所述设备信息至少包括设备型号和显示屏的分辨率中的至少一个。

8.一种用户界面的组件更新装置，其特征在于，所述装置包括：

登录模块，用于当终端设备通过用户账号登录系统时，获取所述用户账号对应的多个组件，其中，当所述用户账号为第一用户账号时，所述多个组件为从非关系型数据库中获得的第一用户账号对应的第一组件，或，当所述用户账号为第二用户账号时，所述多个组件为从关系型数据库中获取的第二用户账号对应的第二组件，所述非关系型数据库的性能优于所述关系型数据库的性能；

获取模块，用于获取所述终端设备的设备信息；

更新模块，用于从所述用户账号对应的多个组件中获取所述设备信息对应的多个组件，并控制所述终端设备更新显示所述设备信息对应的多个组件。

9.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储器；

一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有程序代码，所述程序代码可被处理器调用执行如权利要求1-7任一项所述的方法。

Images