CN112000416A - 卡片视图生成方法、装置及计算机可读存储介质 - Google Patents

Abstract

本公开的实施例公开了一种卡片视图生成方法、装置及计算机可读存储介质。该方法包括：获取卡片视图描述文件与业务数据；对卡片视图描述文件进行解析，以得到解析结果；其中，解析结果中包括视图生成基础信息和目标处理参考信息；根据视图生成基础信息，生成基础卡片视图；根据基础卡片视图、业务数据和目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；目标卡片视图中显示有业务数据中的至少部分数据。本公开的实施例能够有效地提高卡片视图的个性化程度，从而满足实际需求。

Description

卡片视图生成方法、装置及计算机可读存储介质

技术领域

本公开涉及信息展示技术领域，尤其涉及一种卡片视图生成方法、装置及计算机可读存储介质。

背景技术

在信息展示技术领域中，卡片视图的使用越来越广泛，卡片视图可以通过卡片形式进行业务数据的展示。需要指出的是，目前的卡片视图一般采用固定样式和固定交互，个性化程度往往非常低，难以满足实际需求。

发明内容

为了解决上述技术问题，提出了本公开。本公开的实施例提供了一种卡片视图生成方法、装置及计算机可读存储介质。

根据本公开实施例的一个方面，提供了一种卡片视图生成方法，包括：

获取卡片视图描述文件与业务数据；

对所述卡片视图描述文件进行解析，以得到解析结果；其中，所述解析结果中包括视图生成基础信息和目标处理参考信息；

根据所述视图生成基础信息，生成基础卡片视图；

根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，所述目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；所述目标卡片视图中显示有所述业务数据中的至少部分数据。

在一个可选示例中，所述目标处理参考信息包括绑定处理参考信息；

所述根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图，包括：

根据所述绑定处理参考信息，确定所述基础卡片视图中待进行绑定的目标交互控件；

确定与所述业务数据的数据内容关联的目标网页；

将所述基础卡片视图中的所述目标交互控件与所述目标网页进行绑定；其中，所述目标交互控件与所述目标网页绑定是指：所述目标交互控件用于提供访问所述目标网页的接口；

根据经绑定后的所述基础卡片视图，确定目标卡片视图。

在一个可选示例中，所述目标处理参考信息包括条件运算处理参考信息；

所述根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图，包括：

根据所述条件运算处理参考信息，对所述业务数据进行条件运算处理，以得到处理结果；

根据所述条件运算处理参考信息，确定与所述处理结果匹配的显示策略；

对所述基础卡片视图进行设置处理，以使所述基础卡片视图采用所述显示策略；

根据采用所述显示策略的所述基础卡片视图，确定目标卡片视图。

在一个可选示例中，所述根据所述条件运算处理参考信息，对所述业务数据进行条件运算处理，包括：

根据所述条件运算处理参考信息，确定待进行条件运算的数据类型，以及所述数据类型对应的条件运算处理方式；

筛选所述业务数据中所述数据类型的目标数据；

根据所述条件运算处理方式，对所述目标数据进行条件运算处理。

在一个可选示例中，所述条件运算处理方式利用条件运算表达式进行表征；

所述根据所述条件运算处理参考信息，确定与所述处理结果匹配的显示策略，包括：

根据所述条件运算处理参考信息，确定所述数据类型对应的目标显示方式；

在所述处理结果表征所述目标数据满足所述条件运算表达式的情况下，确定与所述处理结果匹配的显示策略为：所述目标数据的显示方式为所述目标显示方式；

在所述处理结果表征所述目标数据不满足所述条件运算表达式的情况下，确定与所述处理结果匹配的显示策略为：所述目标数据的显示方式为预设显示方式。

根据本公开实施例的另一个方面，提供了一种卡片视图生成装置，包括：

第一获取模块，用于获取卡片视图描述文件与业务数据；

第二获取模块，用于对所述卡片视图描述文件进行解析，以得到解析结果；其中，所述解析结果中包括视图生成基础信息和目标处理参考信息；

生成模块，用于根据所述视图生成基础信息，生成基础卡片视图；

第三获取模块，用于根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，所述目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；所述目标卡片视图中显示有所述业务数据中的至少部分数据。

在一个可选示例中，所述目标处理参考信息包括绑定处理参考信息；

所述第三获取模块，包括：

第一确定子模块，用于根据所述绑定处理参考信息，确定所述基础卡片视图中待进行绑定的目标交互控件；

第二确定子模块，用于确定与所述业务数据的数据内容关联的目标网页；

绑定子模块，用于将所述基础卡片视图中的所述目标交互控件与所述目标网页进行绑定；其中，所述目标交互控件与所述目标网页绑定是指：所述目标交互控件用于提供访问所述目标网页的接口；

第三确定子模块，用于根据经绑定后的所述基础卡片视图，确定目标卡片视图。

在一个可选示例中，所述目标处理参考信息包括条件运算处理参考信息；

所述第三获取模块，包括：

获取子模块，用于根据所述条件运算处理参考信息，对所述业务数据进行条件运算处理，以得到处理结果；

第四确定子模块，用于根据所述条件运算处理参考信息，确定与所述处理结果匹配的显示策略；

处理子模块，用于对所述基础卡片视图进行设置处理，以使所述基础卡片视图采用所述显示策略；

第五确定子模块，用于根据采用所述显示策略的所述基础卡片视图，确定目标卡片视图。

在一个可选示例中，所述获取子模块，包括：

第一确定单元，用于根据所述条件运算处理参考信息，确定待进行条件运算的数据类型，以及所述数据类型对应的条件运算处理方式；

筛选单元，用于筛选所述业务数据中所述数据类型的目标数据；

处理单元，用于根据所述条件运算处理方式，对所述目标数据进行条件运算处理。

在一个可选示例中，所述条件运算处理方式利用条件运算表达式进行表征；

所述第四确定子模块，包括：

第二确定单元，用于根据所述条件运算处理参考信息，确定所述数据类型对应的目标显示方式；

第三确定单元，用于在所述处理结果表征所述目标数据满足所述条件运算表达式的情况下，确定与所述处理结果匹配的显示策略为：所述目标数据的显示方式为所述目标显示方式；

第四确定单元，用于在所述处理结果表征所述目标数据不满足所述条件运算表达式的情况下，确定与所述处理结果匹配的显示策略为：所述目标数据的显示方式为预设显示方式。

根据本公开实施例的再一个方面，提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序用于执行上述卡片视图生成方法。

根据本公开实施例的又一个方面，提供了一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述卡片视图生成方法。

本公开的实施例中，在获取卡片视图描述文件与业务数据之后，可以对卡片视图描述文件进行解析，以得到包括视图生成基础信息和目标处理参考信息的解析结果。接下来，可以根据视图生成基础信息，生成基础卡片视图，并根据基础卡片视图、业务数据和目标处理参考信息，进行包括用于绑定交互控件和网页的绑定处理，以及条件运算处理中的至少一项的目标处理，以得到显示有业务数据中的至少部分数据的目标卡片视图。可见，本公开的实施例中，通过在目标卡片视图的生成过程引入绑定处理和/或条件运算处理，目标卡片视图不仅与卡片视图描述文件关联，更与需要显示的业务数据紧密关联，这样有利于提高目标卡片视图的个性化程度，具体地，通过引入绑定处理，针对不同业务数据生成的目标卡片视图能够实现向不同网页的跳转，通过引入条件运算处理，基于不同业务数据生成的目标卡片视图采用的显示策略可以是不同的。因此，与相关技术相比，本公开的实施例能够有效地提高卡片视图的个性化程度，从而满足实际需求。

下面通过附图和实施例，对本公开的技术方案做进一步的详细描述。

附图说明

通过结合附图对本公开实施例进行更详细的描述，本公开的上述以及其他目的、特征和优势将变得更加明显。附图用来提供对本公开实施例的进一步理解，并且构成说明书的一部分，与本公开实施例一起用于解释本公开，并不构成对本公开的限制。在附图中，相同的参考标号通常代表相同部件或步骤。

图1是本公开一示例性实施例中模板服务器、移动终端、业务服务器的交互示意图。

图2是本公开一示例性实施例提供的卡片视图生成方法的流程示意图。

图3是本公开一示例性实施例中卡片视图描述文件包括的信息的示意图。

图4是本公开一示例性实施例中移动终端的架构图。

图5是本公开一示例性实施例中卡片视图描述文件的解析过程产生的部分信息的示意图。

图6是本公开一示例性实施例中卡片视图描述文件的解析过程产生的另一部分信息的示意图。

图7是本公开一示例性实施例中的绑定处理示意图。

图8是本公开一示例性实施例提供的卡片视图生成装置的结构示意图。

图9是本公开一示例性实施例提供的电子设备的结构图。

具体实施方式

下面，将参考附图详细地描述根据本公开的示例实施例。显然，所描述的实施例仅仅是本公开的一部分实施例，而不是本公开的全部实施例，应理解，本公开不受这里描述的示例实施例的限制。

应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。

本领域技术人员可以理解，本公开实施例中的“第一”、“第二”等术语仅用于区别不同步骤、设备或模块等，既不代表任何特定技术含义，也不表示它们之间的必然逻辑顺序。

还应理解，在本公开实施例中，“多个”可以指两个或两个以上，“至少一个”可以指一个、两个或两个以上。

还应理解，对于本公开实施例中提及的任一部件、数据或结构，在没有明确限定或者在前后文给出相反启示的情况下，一般可以理解为一个或多个。

另外，本公开中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本公开中字符“/”，一般表示前后关联对象是一种“或”的关系。

还应理解，本公开对各个实施例的描述着重强调各个实施例之间的不同之处，其相同或相似之处可以相互参考，为了简洁，不再一一赘述。

同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

本公开实施例可以应用于终端设备(例如固定终端、移动终端)、计算机系统、服务器等电子设备，其可与众多其它通用或专用计算系统环境或配置一起操作。适于与终端设备、计算机系统、服务器等电子设备一起使用的众所周知的终端设备、计算系统、环境和/或配置的例子包括但不限于：个人计算机系统、服务器计算机系统、瘦客户机、厚客户机、手持或膝上设备、基于微处理器的系统、机顶盒、可编程消费电子产品、网络个人电脑、小型计算机系统、大型计算机系统和包括上述任何系统的分布式云计算技术环境，等等。

终端设备、计算机系统、服务器等电子设备可以在由计算机系统执行的计算机系统可执行指令(诸如程序模块)的一般语境下描述。通常，程序模块可以包括例程、程序、目标程序、组件、逻辑、数据结构等等，它们执行特定的任务或者实现特定的抽象数据类型。计算机系统/服务器可以在分布式云计算环境中实施，分布式云计算环境中，任务是由通过通信网络链接的远程处理设备执行的。在分布式云计算环境中，程序模块可以位于包括存储设备的本地或远程计算系统存储介质上。

示例性方法

为了便于理解，本公开的实施例中均以卡片视图生成方法应用于移动终端(例如手机、平板电脑等)的情况为例进行说明。

可选地，如图1所示，移动终端上可以安装有需要进行卡片视图展示的应用程序(Appilication，APP)，为了配合实现卡片视图的生成，还可以设置模板服务器和业务服务器，移动终端与模板服务器之间可以进行通信，移动终端与业务服务器之间也可以进行通信。

图2是本公开一示例性实施例提供的卡片视图生成方法的流程示意图。图2所示的方法可以包括步骤201、步骤202、步骤203和步骤204，下面对各步骤分别进行说明。

步骤201，获取卡片视图描述文件与业务数据。

这里，如图1所示，在移动终端上的APP被启动的情况下(也可以是在其他预设条件满足的情况下)，移动终端可以向模板服务器发送动态模板更新请求以及向业务服务器发送业务数据获取请求。

响应于动态模板更新请求，模板服务器可以匹配对应版本的卡片视图描述文件，并向移动终端下发对应版本的卡片视图描述文件，这样，移动终端能够获取到卡片视图描述文件；其中，卡片视图描述文件可以为采用对象简谱(JavaScript Object Notation，Json)编写的领域特定语言(Domain Specific Language，DSL)描述文件。

需要指出的是，卡片视图描述文件中可以有大量的信息，包括但不限于图3中示意的各种信息；其中，pId＝pageId表示卡片视图的ID，用于标识卡片视图的唯一性；body[]＝卡片视图内部的元素集合，所有子控件(例如页眉按钮、标题等)都在这里面描述；pCode＝pageCode是卡片视图编码，也是唯一的，用于卡片视图的曝光埋点统计；pType＝pageType，其是定义的卡片类型描述；schema是描述卡片视图或者按钮这些框架的跳转链接；body[]下的type表示类型，frame表示子控件的布局信息，该布局信息可以包括宽度、对齐方式等，children[]表示子节点，style表示样式，event表示事件；frame下的width表示宽度，height表示高度，justify-content表示内容对齐方式，flex-wrap表示换行方式；style下的bgColor表示背景颜色，text表示文本，font表示字体，textColor表示文本颜色，alignment表示文本的对齐方式；event表示动作。

另外，响应于业务数据获取请求，业务服务器可以向移动终端下发对应的业务数据，这样，移动终端能够获取到业务数据；其中，业务数据包括但不限于文字数据、图像数据等。

步骤202，对卡片视图描述文件进行解析，以得到解析结果；其中，解析结果中包括视图生成基础信息和目标处理参考信息。

如图1所示，在获取卡片视图描述文件之后，可以先对卡片视图描述文件进行校验和解压处理，在校验和解压处理完成后，再对卡片视图描述文件进行解析；其中，对卡片视图描述文件的校验可以利用图4中的模板校验模块实现。可选地，卡片视图描述文件还可以进行存储，卡片视图描述文件的存储可以利用图4中的模板存储模块实现。

可选地，可以对卡片视图描述文件执行多步解析操作。具体地，可以先对卡片视图描述文件进行第一步解析，以形成图5中示意的虚拟文档对象模型(Document ObjectModel，DOM)树；然后在虚拟DOM树的基础上进行第二步解析，以构建出本地视图树(即native视图树)；之后可以在native视图树的基础上进行第三步解析，以得到图6中示意的视图布局信息，图6中的A至G可以分别表示卡片视图中的一个节点，A为B和C的父节点，B为D、E、F的父节点，C为G的父节点；其中，视图布局信息可以利用图4中的布局解析器解析得到；另外，还可以通过其他步解析，得到其他信息，例如得到视图样式信息，以及与步骤203中的目标处理相关的信息等；其中，视图样式信息可以利用图4中的样式解析器解析得到。

通过对卡片视图描述文件执行多步解析操作，可以得到最终的解析结果，解析结果中可以包括视图生成基础信息和目标处理参考信息；其中，视图生成基础信息中可以至少包括相关技术中生成卡片视图所需的各种必要信息，包括但不限于视图布局信息、视图样式信息等；目标处理参考信息可以包括上段中提及的，与目标处理相关的信息。

步骤203，根据视图生成基础信息，生成基础卡片视图。

由于视图生成基础信息包括视图布局信息和视图样式信息，这里可以根据视图布局信息，采用基于弹性盒子(即Flexbox)的盒状模型进行自动布局，并根据视图样式信息，采用属性反射机制进行样式设置(例如背景颜色的设置)，以生成基础卡片视图。可以理解的是，基于Flexbox的盒状模型具有如下优点：采用跨平台方案，两端统一；学习成本低；采用开源库，运行稳定，接入成本低。

步骤204，根据基础卡片视图、业务数据和目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；目标卡片视图中显示有业务数据中的至少部分数据。

这里，条件运算处理包括但不限于与运算、或运算、非运算、异或运算、非空运算、空运算等逻辑运算处理；其中，与运算的运算符可以表示为“与&&”或者“and”；或运算的运算符可以表示为“或||”或者“or”；非运算的运算符可以表示为“非！”或者“not”；异或运算的运算符可以表示为“异或^′或者“xnot”；非空运算的运算符可以表示为“非空”或者“notEmpty”；空运算的运算符可以表示为“空”或者“Empty”。

这里，交互控件可以包括交互按钮。

需要说明的是，步骤204的具体实施方式多样，下面进行举例介绍。

在一种具体实施方式中，目标处理参考信息包括绑定处理参考信息；步骤204，包括：

根据基础卡片视图、业务数据和目标处理参考信息，进行目标处理，以得到目标卡片视图，包括：

根据绑定处理参考信息，确定基础卡片视图中待进行绑定的目标交互控件；

确定与业务数据的数据内容关联的目标网页；

将基础卡片视图中的目标交互控件与目标网页进行绑定；其中，目标交互控件与目标网页绑定是指：目标交互控件用于提供访问目标网页的接口；

根据经绑定后的基础卡片视图，确定目标卡片视图。

这里，绑定处理参考信息中可以包括第一指示信息，第一指示信息可以用于指示基础卡片视图中的哪个交互控件需要进行绑定，这样，根据第一指示信息，可以非常便捷地确定出目标交互控件(这相当于图7中的解析事件)。

这里，还可以对业务数据的数据内容进行分析，以确定与业务数据的数据内容关联的目标网页。具体地，在业务数据的数据内容为与学习相关的内容的情况下，可以将在线学习网站的网页作为与业务数据关联的目标网页；在业务数据的数据内容为与购物相关的内容的情况下，可以将购物网站的网页作为与业务数据关联的目标网页。

在确定出目标交互控件与目标网页之后，可以调用图7中的事件引擎(即EventEngine)，将基础卡片视图中的目标交互控件与目标网页进行绑定(这相当于图7中的注册绑定事件)，以使基础卡片视图中的目标交互控件能够提供访问目标网页的接口，从而得到经绑定后的基础卡片视图。

在得到经绑定后的基础卡片视图之后，可以根据经绑定后的基础卡片视图，确定目标卡片视图。可选地，视图生成基础信息中还可以包括控件与数据类型之间的绑定关系信息，这样，在该绑定关系信息指示基础卡片视图中的某一标题与日期类型这一特定数据类型绑定的情况下，可以在经绑定后的基础卡片视图中该标题的预设位置(例如正下方位置、正上方位置等)显示业务数据中日期类型的数据。按照类似的方式，还可以在经绑定后的基础卡片视图中显示业务数据中其他类型的数据，在此不再一一列举，之后，可以将经绑定后，且显示有业务数据中的至少部分数据的基础卡片视图作为目标卡片视图。

在得到目标卡片视图之后，可以通过移动终端的APP显示目标卡片视图。由于目标卡片视图中存在目标交互控件，且目标卡片视图中的目标交互控件与目标网页绑定，在用户执行针对APP显示的目标卡片视图中的目标交互控件的触控操作(例如点击、长按或者触摸等操作)的情况下(这相当于发生图7中的事件触发)，APP将会跳转至显示目标网页(这相当于图7中的事件响应)。

这种具体实施方式中，通过基于业务数据的数据内容，将目标交互控件与目标网页进行绑定，目标卡片视图能够体现目标交互控件与目标网页的绑定关系，目标卡片视图响应于用户的触控操作跳转到何种网页与需要进行显示的业务数据的数据内容紧密关联，也即，针对不同业务数据生成的目标卡片视图能够实现向不同网页的跳转，因此，这种具体实施方式能够实现基于卡片视图的个性化交互，从而能够提高卡片视图的个性化程度。

在另一种具体实施方式中，目标处理参考信息包括条件运算处理参考信息；步骤204，包括：

根据基础卡片视图、业务数据和目标处理参考信息，进行条件运算处理，以得到目标卡片视图，包括：

根据条件运算处理参考信息，对业务数据进行条件运算处理，以得到处理结果；

根据条件运算处理参考信息，确定与处理结果匹配的显示策略；

对基础卡片视图进行设置处理，以使基础卡片视图采用显示策略；

根据采用显示策略的基础卡片视图，确定目标卡片视图。

这里，条件运算处理参考信息中可以包括第二指示信息和第三指示信息，第二指示信息可以用于指示如何进行条件运算处理，第三指示信息可以用于指示与至少部分可能的处理结果对应的显示策略。这样，根据第二指示信息，可以对业务数据执行特定的条件运算处理，以便得到处理结果；根据第三指示信息，可以便捷地确定出与处理结果匹配的显示策略。之后，通过对基础卡片视图进行设置处理，可以使基础卡片视图采用与处理结果匹配的显示策略。

在得到采用与处理结果匹配的显示策略的基础卡片视图之后，可以根据采用与处理结果匹配的显示策略的基础卡片视图，确定目标卡片视图。可选地，视图生成基础信息中还可以包括控件与数据类型之间的绑定关系信息，这样，在该绑定关系信息指示基础卡片视图中的某一标题与日期类型这一特定数据类型绑定的情况下，可以在经绑定后的基础卡片视图中的该标题的预设位置(例如正下方位置、正上方位置等)显示业务数据中日期类型的数据。按照类似的方式，还可以在经绑定后的基础卡片视图中显示业务数据中其他类型的数据，在此不再一一列举，之后，可以将采用与处理结果匹配的显示策略，且显示有业务数据中的至少部分数据的基础卡片视图作为目标卡片视图。

在得到目标卡片视图之后，可以通过移动终端的APP显示目标卡片视图。由于目标卡片视图采用的显示策略是基于业务数据的条件运算处理结果得到的，不同业务数据的条件运算处理结果可以是不同的，那么，不同目标卡片视图采用的显示策略自然也可以是不同的，因此，这种具体实施方式能够实现卡片视图的显示样式的多样化，从而能够提高卡片视图的个性化程度。

本公开的实施例中，在获取卡片视图描述文件与业务数据之后，可以对卡片视图描述文件进行解析，以得到包括视图生成基础信息和目标处理参考信息的解析结果。接下来，可以根据视图生成基础信息，生成基础卡片视图，并根据基础卡片视图、业务数据和目标处理参考信息，进行包括用于绑定交互控件和网页的绑定处理，以及条件运算处理中的至少一项的目标处理，以得到显示有业务数据中的至少部分数据的目标卡片视图。可见，本公开的实施例中，通过在目标卡片视图的生成过程引入绑定处理和/或条件运算处理，目标卡片视图不仅与卡片视图描述文件关联，更与需要显示的业务数据紧密关联，这样有利于提高目标卡片视图的个性化程度，具体地，通过引入绑定处理，针对不同业务数据生成的目标卡片视图能够实现向不同网页的跳转，通过引入条件运算处理，基于不同业务数据生成的目标卡片视图采用的显示策略可以是不同的。因此，与相关技术相比，本公开的实施例能够有效地提高卡片视图的个性化程度，从而满足实际需求。

在一个可选示例中，根据条件运算处理参考信息，对业务数据进行条件运算处理，包括：

根据条件运算处理参考信息，确定待进行条件运算的数据类型，以及数据类型对应的条件运算处理方式；

筛选业务数据中数据类型的目标数据；

根据条件运算处理方式，对目标数据进行条件运算处理。

这里，条件运算处理参考信息中的第二指示信息可以具体指示需要进行条件运算的数据类型，例如可以指示需要进行条件运算的数据类型为价格类型、销售额类型等；第二指示信息还可以具体指示需要进行条件运算的数据类型对应的条件运算处理方式。可选地，条件运算处理方式可以利用条件运算表达式进行表征，当然，条件运算处理方式也可以仅利用文字形式进行表征。

本公开的实施例中，根据第二指示信息，可以非常便捷地确定出待进行条件运算的数据类型，以及数据类型对应的条件运算处理方式。接下来，可以对业务数据进行遍历，以筛选出业务数据中所确定的数据类型的数据，并将所筛选的数据作为目标数据。之后，可以根据所确定的条件运算处理方式，对目标数据进行条件运算处理，以得到处理结果，再之后，可以根据条件运算处理参考信息，确定与处理结果匹配的显示策略。

在一种具体实施方式中，条件运算处理方式利用条件运算表达式进行表征；

根据条件运算处理参考信息，确定与处理结果匹配的显示策略，包括：

根据条件运算处理参考信息，确定数据类型对应的目标显示方式；

在处理结果表征目标数据满足条件运算表达式的情况下，确定与处理结果匹配的显示策略为：目标数据的显示方式为目标显示方式；

在处理结果表征目标数据不满足条件运算表达式的情况下，确定与处理结果匹配的显示策略为：目标数据的显示方式为预设显示方式。

这里，条件运算处理参考信息中的第三指示信息可以具体指示不同数据类型对应何种显示方式，显示方式包括但不限于显示颜色，显示字体大小，显示效果等。这样，根据第三指示信息，能够非常便捷地确定出与待进行条件运算的数据类型对应的显示方式，并将该显示方式作为目标显示方式。

在条件运算处理方式利用条件运算表达式进行表征的情况下，对业务数据进行条件运算处理得到的处理结果可以用于表征目标数据是否满足该条件运算表达式。如果满足，则可以确定与处理结果匹配的显示策略为：目标数据的显示方式为目标显示方式，这样，后续生成的目标卡片视图中可以包括目标数据，且目标数据的显示方式正好是目标显示方式；如果不满足，则可以确定与处理结果匹配的显示策略为：目标数据的显示方式为预设显示方式，后续生成的目标卡片视图中可以包括目标数据，且目标数据的显示方式正好是预设显示方式。

在一个具体例子中，假设第二指示信息指示的数据类型为价格类型，该数据类型对应的条件运算处理方式利用下述条件运算表达式进行表征：Price＞100&Price＜500，且第三指示信息指示该数据类型对应的显示方式中的显示颜色为黄色，另外，预设显示方式中的显示颜色为黑色，则可以先筛选出业务数据中表示价格的各个数据(即目标数据)。如果目标数据包括200和400，很明显，200和400均满足大于100和小于500，那么，可以得到用于表征目标数据满足该条件运算表达式的处理结果，这样，后续生成的目标卡片视图中会以黄色显示200和400这两个价格。如果目标数据包括600和700，很明显，600和700均不满足大于100和小于500，那么，可以得到用于表征目标数据不满足该条件运算表达式的处理结果，这样，后续生成的目标卡片视图中会以黑色显示600和700这两个价格。

当然，根据条件运算处理参考信息，确定与处理结果匹配的显示策略的实施方式并不局限于此，例如，条件运算表达式可以为：Price notEmpty，这时，可以在处理结果表征目标数据中存在价格的情况下，确定与处理结果匹配的显示策略为：在卡片视图预设区域显示第一预设数据(例如Hello word 2020)；否则，确定与处理结果匹配的显示策略为：在卡片视图预设区域显示第一预设数据(例如Hello wotd 2021)。需要指出的是，这种情况下，条件运算表达式和两个显示策略可以组成(左运算表达式)(运算符)(右运算表达式)的三元组形式，该三元组形式具体为(在卡片视图预设区域显示Hello word 2020)(PricenotEmpty)(在卡片视图预设区域显示Hello word 2021)。

可见，本公开的实施例中，通过条件运算处理参考信息的参考和指示作用，能够便捷可靠地实现对业务数据的条件运算处理，并根据处理结果，决定目标卡片视图的显示策略，从而有利于实现卡片视图的显示样式的多样化。

综上，本公开的实施例通过下发动态布局的DSL描述文件，能够通过动态化布局的方法实现卡片视图动态化更新。具体地，结合图1、图4、图5、图6、图7，可以通过对DSL描述文件进行解析，形成虚拟DOM树，再进一步解析构建成native视图树，接着进行布局解析，使用Flexbox盒状模型实现自动布局，以及使用属性反射机制对组件进行样式设置，同时支持组件的数据绑定(其基于控件与数据类型之间的绑定关系信息实现)，通过事件引擎进行事件绑定(即进行目标交互控件与目标网页的绑定)，支持点击、长按等基础交互功能，以及支持逻辑运算处理操作(逻辑与或非、异或、空、非空等)，从而最终实现卡片视图界面的动态化。采用本公开的实施例，可快速实现业务卡片视图的落地，并可以通过后端(即上文中的模板服务器)下发卡片视图描述文件实现移动终端侧的卡片视图的动态更新，极大地提高了业务的开发效率，缩短了业务的上线周期。

示例性装置

图8是本公开一示例性实施例提供的卡片视图生成装置的结构示意图，图8所示的装置包括第一获取模块801、第二获取模块802、生成模块803、第三获取模块804。

第一获取模块801，用于获取卡片视图描述文件与业务数据；

第二获取模块802，用于对卡片视图描述文件进行解析，以得到解析结果；其中，解析结果中包括视图生成基础信息和目标处理参考信息；

生成模块803，用于根据视图生成基础信息，生成基础卡片视图；

第三获取模块804，用于根据基础卡片视图、业务数据和目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；目标卡片视图中显示有业务数据中的至少部分数据。

在一个可选示例中，目标处理参考信息包括绑定处理参考信息；

第三获取模块804，包括：

第一确定子模块，用于根据绑定处理参考信息，确定基础卡片视图中待进行绑定的目标交互控件；

第二确定子模块，用于确定与业务数据的数据内容关联的目标网页；

绑定子模块，用于将基础卡片视图中的目标交互控件与目标网页进行绑定；其中，目标交互控件与目标网页绑定是指：目标交互控件用于提供访问目标网页的接口；

第三确定子模块，用于根据经绑定后的基础卡片视图，确定目标卡片视图。

在一个可选示例中，目标处理参考信息包括条件运算处理参考信息；

第三获取模块804，包括：

获取子模块，用于根据条件运算处理参考信息，对业务数据进行条件运算处理，以得到处理结果；

第四确定子模块，用于根据条件运算处理参考信息，确定与处理结果匹配的显示策略；

处理子模块，用于对基础卡片视图进行设置处理，以使基础卡片视图采用显示策略；

第五确定子模块，用于根据采用显示策略的基础卡片视图，确定目标卡片视图。

在一个可选示例中，获取子模块，包括：

第一确定单元，用于根据条件运算处理参考信息，确定待进行条件运算的数据类型，以及数据类型对应的条件运算处理方式；

筛选单元，用于筛选业务数据中数据类型的目标数据；

处理单元，用于根据条件运算处理方式，对目标数据进行条件运算处理。

在一个可选示例中，条件运算处理方式利用条件运算表达式进行表征；

第四确定子模块，包括：

第二确定单元，用于根据条件运算处理参考信息，确定数据类型对应的目标显示方式；

第三确定单元，用于在处理结果表征目标数据满足条件运算表达式的情况下，确定与处理结果匹配的显示策略为：目标数据的显示方式为目标显示方式；

第四确定单元，用于在处理结果表征目标数据不满足条件运算表达式的情况下，确定与处理结果匹配的显示策略为：目标数据的显示方式为预设显示方式。

示例性电子设备

下面，参考图9来描述根据本公开实施例的电子设备。该电子设备可以是第一设备和第二设备中的任一个或两者、或与它们独立的单机设备，该单机设备可以与第一设备和第二设备进行通信，以从它们接收所采集到的输入信号。

图9图示了根据本公开实施例的电子设备900的框图。

如图9所示，电子设备900包括一个或多个处理器901和存储器902。

处理器901可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，并且可以控制电子设备900中的其他组件以执行期望的功能。

存储器902可以包括一个或多个计算机程序产品，所述计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器901可以运行所述程序指令，以实现上文所述的本公开的各个实施例的卡片视图生成方法以及/或者其他期望的功能。在所述计算机可读存储介质中还可以存储诸如输入信号、信号分量、噪声分量等各种内容。

在一个示例中，电子设备900还可以包括：输入装置903和输出装置904，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。

例如，在电子设备900是第一设备或第二设备时，该输入装置903可以是麦克风或麦克风阵列。在电子设备900是单机设备时，该输入装置903可以是通信网络连接器，用于从第一设备和第二设备接收所采集的输入信号。

此外，该输入装置903还可以包括例如键盘、鼠标等等。

该输出装置904可以向外部输出各种信息。该输出装置904可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出装置等等。

当然，为了简化，图9中仅示出了该电子设备900中与本公开有关的组件中的一些，省略了诸如总线、输入/输出接口等等的组件。除此之外，根据具体应用情况，电子设备900还可以包括任何其他适当的组件。

示例性计算机程序产品和计算机可读存储介质

除了上述方法和设备以外，本公开的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的卡片视图生成方法中的步骤。

所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。

此外，本公开的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的卡片视图生成方法中的步骤。

所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

以上结合具体实施例描述了本公开的基本原理，但是，需要指出的是，在本公开中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本公开的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本公开为必须采用上述具体的细节来实现。

本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本公开中涉及的器件、装置、设备、系统的方框图仅作为例示性的例子并且不意图要求或暗示必须按照方框图示出的方式进行连接、布置、配置。如本领域技术人员将认识到的，可以按任意方式连接、布置、配置这些器件、装置、设备、系统。诸如“包括”、“包含”、“具有”等等的词语是开放性词汇，指“包括但不限于”，且可与其互换使用。这里所使用的词汇“或”和“和”指词汇“和/或”，且可与其互换使用，除非上下文明确指示不是如此。这里所使用的词汇“诸如”指词组“诸如但不限于”，且可与其互换使用。

可能以许多方式来实现本公开的方法和装置。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本公开的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明，本公开的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本公开实施为记录在记录介质中的程序，这些程序包括用于实现根据本公开的方法的机器可读指令。因而，本公开还覆盖存储用于执行根据本公开的方法的程序的记录介质。

还需要指出的是，在本公开的装置、设备和方法中，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本公开的等效方案。

提供所公开的方面的以上描述以使本领域的任何技术人员能够做出或者使用本公开。对这些方面的各种修改对于本领域技术人员而言是非常显而易见的，并且在此定义的一般原理可以应用于其他方面而不脱离本公开的范围。因此，本公开不意图被限制到在此示出的方面，而是按照与在此公开的原理和新颖的特征一致的最宽范围。

为了例示和描述的目的已经给出了以上描述。此外，此描述不意图将本公开的实施例限制到在此公开的形式。尽管以上已经讨论了多个示例方面和实施例，但是本领域技术人员将认识到其某些变型、修改、改变、添加和子组合。

Claims (10)

1.一种卡片视图生成方法，其特征在于，包括：

获取卡片视图描述文件与业务数据；

对所述卡片视图描述文件进行解析，以得到解析结果；其中，所述解析结果中包括视图生成基础信息和目标处理参考信息；

根据所述视图生成基础信息，生成基础卡片视图；

根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，所述目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；所述目标卡片视图中显示有所述业务数据中的至少部分数据。

2.根据权利要求1所述的方法，其特征在于，所述目标处理参考信息包括绑定处理参考信息；

所述根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图，包括：

根据所述绑定处理参考信息，确定所述基础卡片视图中待进行绑定的目标交互控件；

确定与所述业务数据的数据内容关联的目标网页；

将所述基础卡片视图中的所述目标交互控件与所述目标网页进行绑定；其中，所述目标交互控件与所述目标网页绑定是指：所述目标交互控件用于提供访问所述目标网页的接口；

根据经绑定后的所述基础卡片视图，确定目标卡片视图。

3.根据权利要求1所述的方法，其特征在于，所述目标处理参考信息包括条件运算处理参考信息；

所述根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图，包括：

根据所述条件运算处理参考信息，对所述业务数据进行条件运算处理，以得到处理结果；

根据所述条件运算处理参考信息，确定与所述处理结果匹配的显示策略；

对所述基础卡片视图进行设置处理，以使所述基础卡片视图采用所述显示策略；

根据采用所述显示策略的所述基础卡片视图，确定目标卡片视图。

4.根据权利要求3所述的方法，其特征在于，所述根据所述条件运算处理参考信息，对所述业务数据进行条件运算处理，包括：

根据所述条件运算处理参考信息，确定待进行条件运算的数据类型，以及所述数据类型对应的条件运算处理方式；

筛选所述业务数据中所述数据类型的目标数据；

根据所述条件运算处理方式，对所述目标数据进行条件运算处理。

5.根据权利要求4所述的方法，其特征在于，所述条件运算处理方式利用条件运算表达式进行表征；

所述根据所述条件运算处理参考信息，确定与所述处理结果匹配的显示策略，包括：

根据所述条件运算处理参考信息，确定所述数据类型对应的目标显示方式；

在所述处理结果表征所述目标数据满足所述条件运算表达式的情况下，确定与所述处理结果匹配的显示策略为：所述目标数据的显示方式为所述目标显示方式；

在所述处理结果表征所述目标数据不满足所述条件运算表达式的情况下，确定与所述处理结果匹配的显示策略为：所述目标数据的显示方式为预设显示方式。

6.一种卡片视图生成装置，其特征在于，包括：

第一获取模块，用于获取卡片视图描述文件与业务数据；

第二获取模块，用于对所述卡片视图描述文件进行解析，以得到解析结果；其中，所述解析结果中包括视图生成基础信息和目标处理参考信息；

生成模块，用于根据所述视图生成基础信息，生成基础卡片视图；

第三获取模块，用于根据所述基础卡片视图、所述业务数据和所述目标处理参考信息，进行目标处理，以得到目标卡片视图；其中，所述目标处理包括以下至少一项：用于绑定交互控件和网页的绑定处理、条件运算处理；所述目标卡片视图中显示有所述业务数据中的至少部分数据。

7.根据权利要求6所述的装置，其特征在于，所述目标处理参考信息包括条件运算处理参考信息；

所述第三获取模块，包括：

获取子模块，用于根据所述条件运算处理参考信息，对所述业务数据进行条件运算处理，以得到处理结果；

第四确定子模块，用于根据所述条件运算处理参考信息，确定与所述处理结果匹配的显示策略；

处理子模块，用于对所述基础卡片视图进行设置处理，以使所述基础卡片视图采用所述显示策略；

第五确定子模块，用于根据采用所述显示策略的所述基础卡片视图，确定目标卡片视图。

8.根据权利要求7所述的装置，其特征在于，所述获取子模块，包括：

第一确定单元，用于根据所述条件运算处理参考信息，确定待进行条件运算的数据类型，以及所述数据类型对应的条件运算处理方式；

筛选单元，用于筛选所述业务数据中所述数据类型的目标数据；

处理单元，用于根据所述条件运算处理方式，对所述目标数据进行条件运算处理。

9.一种计算机可读存储介质，所述存储介质存储有计算机程序，其特征在于，所述计算机程序用于执行上述权利要求1至5中任一项所述的卡片视图生成方法。

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

处理器；

用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述权利要求1至5中任一项所述的卡片视图生成方法。

Images