CN109684008A - 卡片渲染方法、装置、终端及计算机可读存储介质 - Google Patents

Abstract

本申请属于通信技术领域，尤其涉及一种卡片渲染方法、装置、终端及计算机可读存储介质，其中，所述方法包括：获取卡片的布局数据和业务数据；对所述布局数据和所述业务数据进行解析；若所述布局数据解析成功，且所述业务数据解析不成功，则根据解析后的布局数据生成布局界面；使得在卡片渲染失败后，重新进行卡片的渲染时，不需要重复进行卡片布局数据的解析，提高了重新进行卡片渲染时的卡片渲染速度。

Description

卡片渲染方法、装置、终端及计算机可读存储介质

技术领域

本申请属于通信技术领域，尤其涉及一种卡片渲染方法、装置、终端及计算机可读存储介质。

背景技术

卡片是一种可以用来展示用户订阅信息并且可以动态化改变展示样式的组件，例如，天气类卡片和股票类卡片。

然而，卡片在渲染时有可能会出现渲染失败的情况，在重新进行卡片渲染时，具有卡片渲染速度慢的问题。

发明内容

本申请实施例提供一种卡片渲染方法、装置、终端及计算机可读存储介质，可以解决重新进行卡片渲染时，具有卡片渲染速度慢的问题。

本申请实施例第一方面提供一种卡片渲染方法，包括：

获取卡片的布局数据和业务数据；

对所述布局数据和所述业务数据进行解析；

若所述布局数据解析成功，且所述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

本申请实施例第二方面提供一种卡片渲染装置，包括：

获取单元，用于获取卡片的布局数据和业务数据；

解析单元，用于对所述布局数据和所述业务数据进行解析；

生成单元，用于若所述布局数据解析成功，且所述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

本申请实施例第三方面提供一种终端，包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述第一方面描述的方法的步骤。

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

本申请实施例中，终端在进行卡片渲染时，先通过获取卡片的布局数据和业务数据；并对所述布局数据和所述业务数据进行解析；在所述布局数据解析成功，且所述业务数据解析不成功时，根据解析后的布局数据生成布局界面，使得在卡片渲染失败后，重新进行卡片的渲染时，不需要重复进行卡片布局数据的解析，提高了重新进行卡片渲染时的卡片渲染速度。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1是本申请实施例提供的一种卡片渲染方法的第一实现流程示意图；

图2是本申请实施例提供的卡片界面的示意图；

图3是本申请实施例提供的布局界面的示意图；

图4是本申请实施例提供的一种卡片渲染方法的第二实现流程示意图；

图5是本申请实施例提供的一种卡片渲染方法的第三实现流程示意图；

图6是本申请实施例提供的卡片渲染装置的结构示意图；

图7是本申请实施例提供的终端的结构示意图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。

还应当进一步理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

如在本说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。

为了说明本申请上述的技术方案，下面通过具体实施例来进行说明。

如图1示出了本申请实施例提供的一种卡片渲染方法的实现流程示意图，该方法应用于终端，可以由终端上配置的卡片渲染装置执行，适用于需提高卡片渲染速度的情形，包括步骤101至步骤103。

步骤101，获取卡片的布局数据和业务数据。

其中，上述终端可以为台式电脑、笔记本电脑、智能手机和平板电脑等终端设备。

当终端的宿主应用需要进行卡片的渲染时，首先要获取卡片的布局数据和卡片的业务数据。

例如，终端中的宿主应用需要进行卡片的渲染时，首先向终端的快应用平台发送卡片获取请求，由该快应用平台向该宿主应用发送卡片的布局数据和业务数据后，由快应用平台进行卡片渲染。

其中，上述宿主应用为需要进行卡片渲染的应用，例如，上述宿主应用可以包括终端中的负一屏应用、浏览器应用和搜索应用。上述卡片可以包括日期类卡片、天气类卡片、股票类卡片和新闻类卡片等等。上述快应用平台可以为终端中的一种系统应用，用于从云服务器中下载卡片，并进行卡片的更新和分发等功能。

上述卡片的布局数据可以包括各个文本控件、各个图片控件以及各个文本控件和各个图片控件之间相对位置关系的数据组合。

上述卡片的业务数据可以包括文本控件中填充的文本数据，以及图片控件中填充的图片数据。

步骤102，对上述布局数据和上述业务数据进行解析。

上述对布局数据和业务数据进行解析是指利用解析器分别对布局数据和业务数据进行解析，得到与卡片的布局数据和上述业务数据对应的卡片界面。

例如，该卡片界面为如图2所示的卡片界面2，包括三个文本控件和一个图片控件，文本控件位于图片控件的左方，并且均居中。

步骤103，若上述布局数据解析成功，且上述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

实际应用中，卡片的布局数据一般变化不大或者基本不会改变，因此，在进行布局数据和业务数据的解析时，通常不会出现布局数据的解析失败，而较多出现的是业务数据的解析失败，对此，本申请实施例中，终端在进行卡片渲染时，先通过获取卡片的布局数据和业务数据；并对上述布局数据和上述业务数据进行解析；在上述布局数据解析成功，且上述业务数据解析不成功时，先根据解析后的布局数据生成布局界面，使得在卡片渲染失败后，重新进行卡片的渲染时，不需要重复进行卡片布局数据的解析，提高了重新进行卡片渲染时的卡片渲染速度。

同时，本申请实施例中，通过在上述布局数据解析成功，且上述业务数据解析不成功时，根据解析后的布局数据生成布局界面，可以避免卡片界面出现白屏的现象，并在卡片界面恢复正常显示时，可以有更好流畅性，而不是直接从白屏跳转至卡片界面，从而实现更好的用户体验。

例如，若图2中的卡片进行布局数据和业务数据的解析时，布局数据解析成功，且业务数据解析不成功，则可以通过先根据解析后的布局数据生成布局界面，例如，生成如图3所示的根据解析后的布局数据生成的布局界面3。

可选的，如图4所示，在本申请的一些实施方式中，上述步骤103中，根据解析后的布局数据生成布局界面之后，可以包括：步骤104至步骤105

步骤104，重新解析上述业务数据；

步骤105，若上述业务数据解析成功，则根据解析后的布局数据和业务数据生成卡片界面。

例如，对于因为业务数据的脚本运行出现错误导致的业务数据解析不成功，则可以通过重新解析上述业务数据的方式进行卡片的渲染，从而根据解析后的布局数据和业务数据生成卡片界面。

可选的，如图4所示，在本申请的一些实施方式中，上述步骤104之后，还可以包括：步骤106至步骤107。

步骤106，若上述业务数据解析不成功，则检测网络连接是否存在异常；

步骤107，若上述网络连接存在异常，则在网络连接恢复正常时，重新解析上述业务数据。

例如，对于一些依赖云服务器下发的数据进行渲染的卡片，则在重新进行设定次数的业务数据的解析之后，若上述业务数据的解析仍不成功，则可以通过检测网络连接是否存在异常，以确定是否是由于网络异常导致的无法进行业务数据的解析。其中，上述设定次数可以根据实践经验进行设定，本申请不对其进行限定，例如，上述设定次数可以为3次或4次。

可选的，上述步骤106中，检测网络连接是否存在异常可以包括：检测网络信号强度是否大于预设信号强度，若检测出网络信号强度大于预设信号强度，则确定网络连接正常；若检测出网络信号强度小于或等于预设信号强度，则确定网络连接存在异常。其中，该预设信号强度可以为根据实验得到的数据，例如，该预设信号强度可以为-85dBm。

需要说明的是，此处仅仅是举例说明，在本申请的一些实施方式中，上述检测网络连接是否存在异常的方法还可以包括：访问预设网址，若访问成功，则确定网络连接正常；若访问不成功，则确定网络连接存在异常。其中，该预设网址为在网络连接正常的情况下，可以访问成功的网址。例如，该预设网址可以为百度的服务器网址或谷歌的服务器网址。

可选的，如图5所示，在本申请的一些实施方式中，在上述步骤102中，对上述布局数据和上述业务数据进行解析之后，还可以包括：步骤501至步骤503。

步骤501，若上述布局数据和上述业务数据均解析不成功，则检测终端的内存空间是否小于预设阈值。

步骤502，若终端的内存空间小于上述预设阈值，则在网络连接正常时向云服务器发送卡片界面解析指令。

步骤503，接收云服务器对上述布局数据和上述业务数据进行解析得到的解析数据，并根据上述解析数据生成上述卡片界面。

由于进行布局数据和业务数据的解析时，解析器的加载需要占用较大的内存空间，因此，在内存空间不足时，即，上述内存空间小于上述预设阈值时，将导致上述布局数据和业务数据的解析不成功。对此，本申请的一些实施方式中，通过在网络连接正常时向云服务器发送卡片界面解析指令，从而在接收到云服务器对上述布局数据和上述业务数据进行解析得到的解析数据之后，根据上述解析数据生成上述卡片界面。

其中，上述预设阈值可以根据解析器进行加载需要占用的内存空间进行设定，例如，该预设阈值的设定可以略大于解析器进行加载需要占用的内存空间。

需要说明的是，上述解析数据生成的卡片界面可以为静态图片界面。

在本申请的一些实施方式中，上述解析数据生成的卡片界面也可以为包含交互控件的动态界面。即，用户可以通过触发该交互控件跳转至该控件对应的界面。

可选的，上述步骤503中，接收云服务器对上述布局数据和上述业务数据进行解析得到的解析数据，并根据上述解析数据生成上述卡片界面，可以包括：接收云服务器对上述布局数据和上述业务数据进行解析得到的多个渲染指令；依次执行每个渲染指令生成上述卡片界面。

例如，服务器将布局数据和上述业务数据的解析拆解为多个渲染指令，从而使得终端可以逐个接收上述渲染指令，并依次执行每个渲染指令实现卡片界面的渐进式渲染，从而避免了卡片界面长期出现白屏现象，优化了用户的使用体验。

可选的，如图5所示，上述步骤501之后，还可以包括步骤504至步骤505。

步骤504，若终端的内存空间大于或等于上述预设阈值，则向云服务器发送卡片布局数据获取指令和卡片业务数据获取指令；

步骤505，接收上述云服务器发送的上述布局数据和上述业务数据，并重新解析上述布局数据和上述业务数据。

由于终端进行卡片的渲染过程中，在内存空间大于或等于上述预设阈值时，仍出现布局数据和业务数据解析失败的现象，则有可能是布局数据和业务数据本身出错，因此，本申请实施例中，上述布局数据和上述业务数据均解析不成功，且终端的内存空间大于或等于上述预设阈值时，通过从云服务器中重新获取卡片的布局数据和业务数据的方式之后，重新进行卡片的布局数据和业务数据的解析，进而在布局数据和业务数据均解析成功时，根据解析后的布局数据和业务数据生成卡片界面，从而提高了卡片成功进行渲染的概率。

在上述描述的实施方式中，上述步骤102之后，可以包括：若上述布局数据和上述业务数据均解析成功，则根据解析后的布局数据和业务数据生成卡片界面，即，正常地进行卡片界面的渲染。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。

图6示出了本申请实施例提供的一种卡片渲染装置600的结构示意图，包括获取单元601，解析单元602和生成单元603。

获取单元601，用于获取卡片的布局数据和业务数据；

解析单元602，用于对上述布局数据和上述业务数据进行解析；

生成单元603，用于若上述布局数据解析成功，且上述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

可选的，上述解析单元602，还用于在上述根据解析后的布局数据生成布局界面之后，重新解析上述业务数据；若上述业务数据解析成功，则根据解析后的布局数据和业务数据生成卡片界面。

可选的，上述卡片渲染装置600还可以包括第一检测单元，用于在上述重新解析上述业务数据之后，若上述业务数据解析不成功，则检测网络连接是否存在异常；若上述网络连接存在异常，则在网络连接恢复正常时，重新解析上述业务数据。

可选的，上述卡片渲染装置600还可以包括第二检测单元，用于在上述对上述布局数据和上述业务数据进行解析之后，若上述布局数据和上述业务数据均解析不成功，则检测终端的内存空间是否小于预设阈值；若终端的内存空间小于上述预设阈值，则在网络连接正常时向云服务器发送卡片界面解析指令；接收云服务器对上述布局数据和上述业务数据进行解析得到的解析数据，并根据上述解析数据生成上述卡片界面。

可选的，上述第二检测单元，还用于接收云服务器对上述布局数据和上述业务数据进行解析得到的多个渲染指令；依次执行每个渲染指令生成上述卡片界面。

可选的，上述第二检测单元，还用于若终端的内存空间大于或等于上述预设阈值，则向云服务器发送卡片布局数据获取指令和卡片业务数据获取指令；接收上述云服务器发送的上述布局数据和上述业务数据，并重新解析上述布局数据和上述业务数据。

可选的，上述生成单元603，还用于在上述对上述布局数据和上述业务数据进行解析之后，若上述布局数据和上述业务数据均解析成功，则根据解析后的布局数据和业务数据生成卡片界面。

需要说明的是，为描述的方便和简洁，上述描述的卡片渲染装置600的具体工作过程，可以参考上述图1至图5中描述的方法的对应过程，在此不再赘述。

如图7所示，本申请提供一种用于实现上述图1至图5描述的卡片渲染方法的终端，该终端可以为智能手机、平板电脑等终端设备，包括：处理器71、存储器72、一个或多个输入设备73(图7中仅示出一个)和一个或多个输出设备74(图7中仅示出一个)。处理器71、存储器72、输入设备73和输出设备74通过总线75连接。

应当理解，在本申请实施例中，所称处理器71可以是中央处理单元(CentralProcessing Unit，CPU)，该处理器还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

输入设备73可以包括虚拟键盘、触控板、指纹采传感器(用于采集用户的指纹信息和指纹的方向信息)、麦克风等，输出设备74可以包括显示器、扬声器等。

存储器72可以包括只读存储器和随机存取存储器，并向处理器71提供指令和数据。存储器72的一部分或全部还可以包括非易失性随机存取存储器。例如，存储器72还可以存储设备类型的信息。

上述存储器72存储有计算机程序，上述计算机程序可在上述处理器71上运行，例如，上述计算机程序为卡片渲染方法的程序。上述处理器71执行上述计算机程序时实现上述图1至图5描述的卡片渲染方法实施例中的步骤，或者，上述处理器71执行上述计算机程序时实现上述图6描述的装置实施例中各模块/单元的功能。

上述计算机程序可以被分割成一个或多个模块/单元，上述一个或者多个模块/单元被存储在上述存储器72中，并由上述处理器71执行，以完成本申请。上述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述上述计算机程序在上述进行卡片渲染的终端中的执行过程。例如，上述计算机程序可以被分割成获取单元、解析单元和生成单元，各单元具体功能如下：获取单元，用于获取卡片的布局数据和业务数据；解析单元，用于对所述布局数据和所述业务数据进行解析；生成单元，用于若所述布局数据解析成功，且所述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

在上述描述的实施例中，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将上述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

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

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

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

上述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，上述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，上述计算机程序包括计算机程序代码，上述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。上述计算机可读介质可以包括：能够携带上述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-Only Memory，ROM)、随机存取存储器(RandomAccess Memory，RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是，上述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

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

Claims (10)

1.一种卡片渲染方法，其特征在于，包括：

获取卡片的布局数据和业务数据；

对所述布局数据和所述业务数据进行解析；

若所述布局数据解析成功，且所述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

2.如权利要求1所述的卡片渲染方法，其特征在于，在所述根据解析后的布局数据生成布局界面之后，包括：

重新解析所述业务数据；

若所述业务数据解析成功，则根据解析后的布局数据和业务数据生成卡片界面。

3.如权利要求2所述的卡片渲染方法，其特征在于，在所述重新解析所述业务数据之后，包括：

若所述业务数据解析不成功，则检测网络连接是否存在异常；

若所述网络连接存在异常，则在网络连接恢复正常时，重新解析所述业务数据。

4.如权利要求1所述的卡片渲染方法，其特征在于，在所述对所述布局数据和所述业务数据进行解析之后，还包括：

若所述布局数据和所述业务数据均解析不成功，则检测终端的内存空间是否小于预设阈值；

若终端的内存空间小于所述预设阈值，则在网络连接正常时向云服务器发送卡片界面解析指令；

接收云服务器对所述布局数据和所述业务数据进行解析得到的解析数据，并根据所述解析数据生成所述卡片界面。

5.如权利要求4所述的卡片渲染方法，其特征在于，所述接收云服务器对所述布局数据和所述业务数据进行解析得到的解析数据，并根据所述解析数据生成所述卡片界面，包括：

接收云服务器对所述布局数据和所述业务数据进行解析得到的多个渲染指令；

依次执行每个渲染指令生成所述卡片界面。

6.如权利要求4所述的卡片渲染方法，其特征在于，在所述检测终端的内存空间是否小于预设阈值之后，还包括：

若终端的内存空间大于或等于所述预设阈值，则向云服务器发送卡片布局数据获取指令和卡片业务数据获取指令；

接收所述云服务器发送的所述布局数据和所述业务数据，并重新解析所述布局数据和所述业务数据。

7.如权利要求1-6任意一项所述的卡片渲染方法，其特征在于，在所述对所述布局数据和所述业务数据进行解析之后，包括：

若所述布局数据和所述业务数据均解析成功，则根据解析后的布局数据和业务数据生成卡片界面。

8.一种卡片渲染装置，其特征在于，包括：

获取单元，用于获取卡片的布局数据和业务数据；

解析单元，用于对所述布局数据和所述业务数据进行解析；

生成单元，用于若所述布局数据解析成功，且所述业务数据解析不成功，则根据解析后的布局数据生成布局界面。

9.一种终端，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7任意一项所述方法的步骤。

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