CN107247796B - 客户头像加载方法、装置及终端设备 - Google Patents

Abstract

本申请涉及客户头像加载方法、装置及终端设备,方法包括：获取待加载头像的客户的客户标识；从服务器中提取与所述客户标识对应的头像标识作为第一头像标识；从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识；若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息；根据所述头像信息显示所述客户的头像。本申请的技术方案能够减少从服务器中请求的头像信息数量，能够节省网络流量，能够提高前端页面的加载速度。

Description

客户头像加载方法、装置及终端设备

技术领域

本申请涉及计算机应用技术领域，具体而言，涉及客户头像加载方法、装置及终端设备。

背景技术

随着医养服务业的不断发展，医养服务的信息化程度越来越高，相应的业务系统也越来越多，这对医养服务机构的信息系统带来了更高的要求，要求支持windows、安卓、ios等多种操作系统，并且要求尽量避免重复开发，以减少开发成本。

医养服务机构的信息系统，一般后端服务采用微服务架构体系，前端采用html5。为了能够给客户提供更丰富服务，各业务系统在注册客户信息的同时，会伴随着采集客户头像信息。为了能为客户提供高品质的服务，客户头像的采集一般以清晰作为要求标准，这导致客户的头像文件会比较大，头像文件大小一般在0.5M到2M之间。各业务系统在使用客户头像时，会面临客户头像太大，页面客户头像加载慢的问题，尤其是在批量获取客户信息时，页面头像信息加载慢的问题更加突出。

一种相关技术,是通过消耗CUP资源，采用多线程来同时加载客户头像，以提高加载速度。还有一种相关技术是，通过优先加载页面，然后再异步加载客户头像的方式，让客户头像后续逐渐显现出来。但是上述两种技术方案CPU性能消耗较大，网络输入输出IO访问过于频繁，页面加载效率不高。

发明内容

本申请公开客户头像加载方法，以提高前端页面的加载速度。

本发明的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本发明的第一方面，提供一种客户头像加载方法，包括：

获取待加载头像的客户的客户标识；

从服务器中提取与所述客户标识对应的头像标识作为第一头像标识；

从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识；

若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息；

根据所述头像信息显示所述客户的头像。

根据本发明的一些实施例，根据所述头像信息显示所述客户的头像包括：根据所述头像信息在基于HTML5的页面中显示所述客户的头像；所述本地存储为HTML5本地存储localStorage。

根据本发明的一些实施例，所述方法还包括，若从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识失败，则从所述服务器获取所述第一头像标识对应的头像信息。

根据本发明的一些实施例，在从所述服务器获取所述第一头像标识对应的头像信息之后还包括，将所获取的所述头像信息更新到所述本地存储中。

根据本发明的一些实施例，所述待加载头像的客户包括多个客户。

根据本发明的一些实施例，根据所述头像信息显示所述客户的头像包括：

将从所述本地存储中获取的所述头像信息和/或从所述服务器获取的所述头像信息进行合并，统一根据合并后的头像信息显示所述多个客户的头像。

根据本发明的第二方面，提供一种客户头像加载装置，其包括：

客户标识获取单元，用于获取待加载头像的客户的客户标识；

第一头像标识获取单元，用于从服务器中提取与所述客户标识对应的头像标识作为第一头像标识；

第二头像标识获取单元，用于从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识；

头像信息获取单元，用于若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息；

头像显示单元，用于根据所述头像信息显示所述客户的头像。

根据本发明的一些实施例，所述头像显示单元用于：根据所述头像信息在基于HTML5的页面中显示所述客户的头像；

所述本地存储为HTML5本地存储localStorage。

根据本发明的一些实施例，所述头像信息获取单元还用于，若从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识失败，则从所述服务器获取所述第一头像标识对应的头像信息。

根据本发明的一些实施例，所述装置还包括本地更新单元，用于在从所述服务器获取所述第一头像标识对应的头像信息之后，将所获取的所述头像信息更新到所述本地存储中。

根据本发明的一些实施例，所述待加载头像的客户包括多个客户。

根据本发明的一些实施例，所述头像显示单元用于：将从所述本地存储中获取的所述头像信息和/或从所述服务器获取的所述头像信息进行合并，统一根据合并后的头像信息显示所述多个客户的头像。

根据本发明的第三方面，提供一种终端设备，包括：处理器；存储器，存储用于处理器控制如第一方面任一项操作的指令。

根据本发明的第四方面，提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面任一项所述方法的步骤。

本申请的实施例提供的技术方案可以包括以下有益效果：

本申请的实施例提供的技术方案能够减少从服务器中请求的头像信息数量，以按需加载客户头像，能够节省网络流量，能够提高前端页面的加载速度。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本发明。

附图说明

通过参照附图详细描述其示例实施例，本发明的上述和其它特征及优点将变得更加明显。

图1示出了根据本发明一实施例的客户头像加载方法；

图2示出了根据本发明另一实施例的客户头像加载方法的交互流程图；

图3示出了根据本发明一实施例的客户头像加载装置的框图；

图4示出了根据本发明一实施例的终端设备。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本发明将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本发明的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本发明的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本发明的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。

图1示出了根据本发明一实施例的客户头像加载方法，本实施例可适用于客户端对包含客户头像的页面内容进行时，获取客户头像信息并进行显示的情况，如图1所示，本实施例所述的客户头像加载方法包括：

在步骤S110中，获取待加载头像的客户的客户标识。

需要说明的是，本实施例中，要求客户的客户标识具有唯一性，例如用客户的唯一ID作为客户标识，包括但不限于客户医保卡号、身份证号、床号、病例号等。

在步骤S120中，从服务器中提取与所述客户标识对应的头像标识作为第一头像标识。

在步骤S130中，从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识。

在步骤S140中，若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息。

在步骤S150中，根据所述头像信息显示所述客户的头像。

需要说明的是，客户的头像标识与头像信息相比，明显头像标识数据量极小，因此数据传输快、流量更小。而在客户端上显示客户头像通常比较频繁，因此，本实施例为了减少从服务器中请求的头像信息数量和次数，可预先在本地存储中存储客户头像，或在第一次从服务器请求客户头像之后，及时将该客户的头像存储在本地，以备后续从该客户端加载该客户头像时使用。

本领域普通技术人员需要明确的是，由于服务器与其他的系统关系紧密，例如用于录入客户的系统、用于更新客户资料的系统等，所以服务器中的数据为最新最可信的数据，因此，对于一个客户来说，其对应的头像信息是哪一个，需要以服务器为准。因此，本实施例在决定是否采用本地存储的数据之前，通过比较服务器中该用户的头像标识，与本地存储中该用户的头像标识是否一致，若一致，则采用本地存储的头像信息进行显示。

根据本发明的一些实施例，若从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识失败，所述方法还可包括从所述服务器获取所述第一头像标识对应的头像信息。

根据本发明的一些实施例，若所述第二头像标识与所述第一头像标识不一致，则说明所述客户的头像在所述本地存储中是缺失的或者是未更新的旧头像，因此，在从所述服务器获取所述第一头像标识对应的头像信息之后，还可将所获取的所述头像信息更新到所述本地存储中，及时更新本地存储中的内容，以保持所述要地存储中的头像与服务器中的头像一致，方便下次使用。

本实施例提供的技术方案，根据客户标识分别从服务器和本地存储中提取客户的头像标识，判断两者是否一致，若一致，则从本地存储中获取该客户的头像信息进行显示，否则从服务器中获取该客户的头像信息进行显示，以减少从服务器中请求的头像信息数量，能够节省网络流量，能够提高前端页面的加载速度。

需要说明的是，本实施例对用于显示客户头像的页面和客户端并不作任何限定，包括但不限于基于HTML5的页面，以及包括但不限于PC机、手机、平板电脑等。若显示的页面是基于HTML5的页面，所述本地存储可采用HTML5本地存储localStorage。

更需要说明的是，上述实施例对待加载头像的客户的数量并不作限定，可包括对一个或一个以上的客户的客户头像进行显示。对于每个客户头像来说，其显示方法采用本实施例所述的技术方案即可。若包括多个待加载头像的客户，根据所述头像信息显示所述客户的头像时，可将从所述本地存储中获取的所述头像信息和/或从所述服务器获取的所述头像信息进行合并，统一根据合并后的头像信息显示所述多个客户的头像。

图2示出了根据本发明另一实施例的客户头像加载方法的交互流程图。本实施例以对多个待加载头像的客户进行头像显示，并且以在客户端上基于HTML5的页面显示客户头像为例，说明本实施例的技术方案。

需要说明的是，为了将客户端前端的操作和客户端的功能模块独立开来描述，本实施例将客户端前端的功能之外，用于实现本发明方法的功能模块称为匹配处理引擎。

因此，本领域普通技术人员需要明确的是，图2中所述HTML5前端和匹配处理引擎均属于客户端的功能模块。

如图2所示，本实施例所述的客户头像加载方法包括：

在步骤S211中，HTML5前端打开客户头像加载html5页面。

在步骤S212中，HTML5前端提供需要加载客户头像的客户标识列表。

在步骤S231中，后端服务根据客户标识查询所有客户头像对应的唯一的客户标识。

在步骤S213中，HTML5前端获得客户标识和客户头像的唯一标识值。

在步骤S221中，匹配处理引擎匹配localStorage中的客户头像标识。

在步骤S222中，匹配处理引擎获取头像标识不一致的客户标识列表。

在步骤S223中，匹配处理引擎清除localStorage中与客户头像唯一标识不一致的头像信息。

在步骤S232中，后端服务根据客户标识查询客户头像信息。

在步骤S224中，匹配处理引擎在localStorage中新增客户标识、头像标识和头像。

在步骤S225中，匹配处理引擎合并在后端服务获得的客户头像信息和缓存中的客户头像信息。

在步骤S214中，HTML5前端获得所有客户的头像信息，并显示，结束。

例如，随着养老与医疗的企业的业务不断发展，企业的信息化业务系统经常需要有客户的导航功能，并且伴随着客户的头像的显示。以下是以这类企业的信息化业务系统为例的应用实例。

对于获取所有需要加载的客户的头像标识来说，用户在客户端打开需要加载客户头像的HTML5的功能时，客户端根据客户的客户标识，例如ID信息，到其他平台，例如医养墓集成平台获取客户头像的标识值。

服务端通过匹配处理引擎获取差异的客户头像。匹配处理引擎接收到客户标识和客户头像的标识值之后，匹配localStorage中的已存在的客户头像标识值信息，获得客户头像标识值不一致的客户ID列表，清除LOCALSTORAGE中与客户头像唯一标识值不一致的头像信息，发送请求加载客户的头像信息。

在后端服务中获取到客户的头像信息之后，与缓存localStorage中的客户头像信息合并，统一提供给前端HTML5界面。

前端页面收到匹配处理引擎提供的客户头像信息之后，统一加载显示，呈现给用户。

对于所述匹配处理引擎来说，所述匹配处理引擎的建设能够实现本地缓存localStorage和客户中心客户的实际标识值匹配获取不一致的客户标识清单，且实现新增、更新以及删除本地缓存中的客户标识、客户头像标识值和客户头像信息的能力。

本示例的技术方案，能够实现与养老系统群(例如销售系统、照护系统、居民系统等)、医院信息系统、体检信息系统、EHR系统等的对接，并且在范围上除了客户的基本信息之外，还实现了客户头像的管理，并且提供相应的数据查询服务。

本实施例提供的技术方案存储客户基本信息和客户头像信息,并且在提供客户基本信息和头像查询服务的基础之上,通过在HTML5前端建立匹配处理引擎，获得需要加载头像的客户ID等信息，再来访问后端服务获取客户头像，减少了加载客户头像的数量，进而提高了前端页面的加载速度。

图3示出了根据本发明一实施例的客户头像加载装置的框图，如图3所示，本实施例所述的客户头像加载装置包括客户标识获取单元310、第一头像标识获取单元320、第二头像标识获取单元330、头像信息获取单元340、以及头像显示单元350。

该客户标识获取单元310被配置为，用于获取待加载头像的客户的客户标识；

该第一头像标识获取单元320被配置为，用于从服务器中提取与所述客户标识对应的头像标识作为第一头像标识；

该第二头像标识获取单元330被配置为，用于从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识；

该头像信息获取单元340被配置为，用于若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息；

该头像显示单元350被配置为，用于根据所述头像信息显示所述客户的头像。

根据本发明的一些实施例：

所述头像显示单元350用于：根据所述头像信息在基于HTML5的页面中显示所述客户的头像；

所述本地存储为HTML5本地存储localStorage。

根据本发明的一些实施例，所述头像信息获取单元340还用于，若从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识失败，则从所述服务器获取所述第一头像标识对应的头像信息。

根据本发明的一些实施例，所述装置还包括本地更新单元(图3中未示出)，用于在从所述服务器获取所述第一头像标识对应的头像信息之后，将所获取的所述头像信息更新到所述本地存储中。

根据本发明的一些实施例，所述待加载头像的客户包括多个客户。

根据本发明的一些实施例，所述头像显示单元350用于：将从所述本地存储中获取的所述头像信息和/或从所述服务器获取的所述头像信息进行合并，统一根据合并后的头像信息显示所述多个客户的头像。

关于上述实施例中的装置，其中各个单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本实施例提供的客户头像加载装置可执行本发明方法实施例所提供的客户头像加载方法，具备执行方法相应的功能模块和有益效果。

图4示出了根据本发明一实施例的终端设备，如图4所示，终端设备400可包括处理器410、存储器420、发射器430及接收器440。

存储器420可存储用于处理器410控制操作处理的指令。存储器420可包括易失性或非易失性存储器，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)等，本发明对此没有限制。

处理器410可调用存储器420中存储的指令控制相关操作。根据一实施例，存储器420存储用于处理器410控制以下操作的指令：获取待加载头像的客户的客户标识；

从服务器中提取与所述客户标识对应的头像标识作为第一头像标识；

从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识；

若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息；

根据所述头像信息显示所述客户的头像。

根据本发明的一些实施例，根据所述头像信息显示所述客户的头像包括：根据所述头像信息在基于HTML5的页面中显示所述客户的头像；所述本地存储为HTML5本地存储localStorage。

易于理解，存储器420还可存储用于处理器410控制根据本发明实施例的其他操作的指令，这里不再赘述。

处理器410还可控制发射器430和接收器440进行信号收发等。

通过以上的详细描述，本领域的技术人员易于理解，根据本发明实施例的系统和方法具有以下优点中的一个或多个。

根据一些实施例，本发明还提供一种非临时性计算机可读存储介质，例如包括指令的存储器，上述指令可由装置的处理器执行以完成上述方法。例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。当存储介质中的指令由终端的处理器执行时，使得终端能够执行下述方法：获取待加载头像的客户的客户标识；从服务器中提取与所述客户标识对应的头像标识作为第一头像标识；

从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识；若所述第二头像标识与所述第一头像标识一致，则从所述本地存储中获取所述第二头像标识对应的头像信息，若所述第二头像标识与所述第一头像标识不一致，则从所述服务器获取所述第一头像标识对应的头像信息；根据所述头像信息显示所述客户的头像。

根据本发明的一些实施例，根据所述头像信息显示所述客户的头像包括：根据所述头像信息在基于HTML5的页面中显示所述客户的头像；所述本地存储为HTML5本地存储localStorage。

本领域技术人员可以理解，附图只是示例实施例的示意图，附图中的模块或流程并不一定是实施本发明所必须的，因此不能用于限制本发明的保护范围。

本领域技术人员可以理解上述各模块可以按照实施例的描述分布于装置中，也可以进行相应变化唯一不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

以上具体地示出和描述了本发明的示例性实施例。应该理解，本发明不限于所公开的实施例，相反，本发明意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效布置。

Claims (8)

1.一种客户头像加载方法，其特征在于，包括：

获取多个待加载头像的客户对应的多个客户标识；

从服务器中提取与所述多个客户标识对应的多个头像标识作为第一头像标识列表；

从本地存储中查找与所述多个客户标识对应的多个头像标识作为第二头像标识列表；

比对所述第一头像标识列表和所述第二头像标识列表，以确定所述第一头像标识和所述第二头像标识不一致的客户标识为第一客户标识，以及确定所述第一头像标识和所述第二头像标识一致的客户标识为第二客户标识；

从服务器中获取所述第一客户标识对应的头像信息作为第一头像信息列表，从本地存储中获取所述第二客户标识对应的头像信息作为第二头像信息列表；

合并所述第一头像信息列表和所述第二头像信息列表，根据所述合并后的头像信息显示所述多个客户的头像。

2.如权利要求1所述的方法，其特征在于：

根据所述合并后的头像信息显示所述多个客户的头像包括：根据所述合并后的头像信息在基于HTML5的页面中显示所述多个客户的头像；

所述本地存储为HTML5本地存储localStorage。

3.如权利要求1所述的方法，其特征在于，所述方法还包括，若从本地存储中查找与所述客户标识对应的头像标识作为第二头像标识列表失败，则从所述服务器获取所述第一头像标识对应的头像信息。

4.如权利要求3所述的方法，其特征在于，在从所述服务器获取所述第一头像客户标识对应的头像信息作为第一头像信息列表之后还包括，将所获取的所述头像信息更新到所述本地存储中。

5.一种客户头像加载装置，其特征在于，包括：

客户标识获取单元，用于获取多个待加载头像的客户对应的多个客户标识；

第一头像标识列表获取单元，用于从服务器中提取与所述多个客户标识对应的多个头像标识作为第一头像标识列表；

第二头像标识列表获取单元，用于从本地存储中查找与所述多个客户标识对应的多个头像标识作为第二头像标识列表；

头像标识比对单元，用于比对所述第一头像标识列表和所述第二头像标识列表，以确定所述第一头像标识和所述第二头像标识不一致的客户标识为第一客户标识，以及确定所述第一头像标识和所述第二头像标识一致的客户标识为第二客户标识；

头像信息获取单元，用于从服务器中获取所述第一客户标识对应的头像信息作为第一头像信息列表，从本地存储中获取所述第二客户标识对应的头像信息作为第二头像信息列表；

头像显示单元，用于合并所述第一头像信息列表和所述第二头像信息列表，根据所述合并后的头像信息显示所述多个客户的头像。

6.如权利要求5所述的装置，其特征在于：

所述头像显示单元用于：根据所述合并后的头像信息在基于HTML5的页面中显示所述多个客户的头像；

所述本地存储为HTML5本地存储localStorage。

7.一种终端设备，其特征在于，包括：处理器；存储器，存储用于所述处理器控制如权利要求1-4任一项所述方法的指令。

8.一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如权利要求1-4任一项所述方法的步骤。

Images