CN116304422A - 卡片生成***、卡片展示方法、数据处理方法、装置 - Google Patents
卡片生成***、卡片展示方法、数据处理方法、装置 Download PDFInfo
- Publication number
- CN116304422A CN116304422A CN202310200582.7A CN202310200582A CN116304422A CN 116304422 A CN116304422 A CN 116304422A CN 202310200582 A CN202310200582 A CN 202310200582A CN 116304422 A CN116304422 A CN 116304422A
- Authority
- CN
- China
- Prior art keywords
- card
- candidate
- target
- data
- template
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims description 38
- 238000003672 processing method Methods 0.000 title claims description 14
- 238000009877 rendering Methods 0.000 claims abstract description 78
- 238000003860 storage Methods 0.000 claims abstract description 18
- 230000000694 effects Effects 0.000 claims description 19
- 238000013468 resource allocation Methods 0.000 claims description 12
- 238000012216 screening Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 8
- 238000001514 detection method Methods 0.000 claims description 3
- 238000009826 distribution Methods 0.000 claims description 3
- 238000012545 processing Methods 0.000 abstract description 4
- 238000004519 manufacturing process Methods 0.000 description 12
- 230000002093 peripheral effect Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 230000003068 static effect Effects 0.000 description 4
- DRBJAKLMKNARRC-UHFFFAOYSA-N 5-(5-methylthiophen-3-yl)oxy-1h-pyrimidin-2-one Chemical compound S1C(C)=CC(OC2=CNC(=O)N=C2)=C1 DRBJAKLMKNARRC-UHFFFAOYSA-N 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000013499 data model Methods 0.000 description 2
- 230000009191 jumping Effects 0.000 description 2
- 241000699670 Mus sp. Species 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请提供卡片生成***、卡片展示方法、数据处理方法、装置、电子设备以及计算机存储介质,由于在该***中,该***由于卡片资源获得模块预先获得了候选卡片模板集合、候选数据源以及候选格式化策略,并且卡片资源配置模块配置了第一配置项、第二配置项以及第三配置项,进而提升了后续卡片渲染模块基于候选卡片模板集合、候选数据源、候选格式化策略、第一配置项、第二配置项以及第三配置项生成目标卡片的效率;同时,通过将不同类型卡片模板消费的字段进行格式化,使得该***在生成目标卡片时,能够实现卡片模板和在候选数据源中选择的数据的任意切换,并能够调整目标卡片中数据的展示策略,使得目标卡片的展示更加能够匹配各种各样的场景需求。
Description
技术领域
本申请涉及计算机技术领域,具体涉及卡片生成***、卡片展示方法、数据处理方法、装置、电子设备以及计算机存储介质。
背景技术
随着现在购物应用的迅速发展,越来越多用户通过订购应用来进行线上订购商品。实际上,订购应用的页面中显示的内容是通过卡片进行显示的。在将卡片展示在页面上之前,需要先生成卡片,即:先开发用于生成卡片的卡片模板,然后再将需要渲染的数据拉取到选择的卡片模板上,进而生成了卡片,再将卡片展示在页面中。
例如,在订购应用的页面上展示的商品、店铺、券、活动等信息的展示位置,这些位置对应的区域展示的就是一个卡片。由于在页面中展示信息的差异化,这种根据需要展示信息逐一开发卡片模板并生成卡片的方式,生成卡片的效率是较低的,因而如何提升生成卡片的效率成为当前亟需解决的技术问题。
发明内容
本申请提供一种卡片生成***,以解决提升生成卡片的效率的技术问题,同时本申请提供卡片展示方法、数据处理方法、装置、电子设备以及计算机存储介质。
本申请提供一种卡片生成***,包括:
卡片资源获得模块,用于获得用于配置卡片的候选卡片模板集合、候选数据源以及对候选数据源中的数据进行格式化的候选格式化策略;
卡片资源配置模块,用于配置用于在所述候选卡片模板集合中选择卡片模板的第一配置项、配置用于在所述候选数据源中选择数据的第二配置项以及配置在所述候选格式化策略中选择格式化策略的第三配置项;
卡片渲染模块,用于根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。
可选的,所述卡片资源获得模块还用于:获得候选卡片模板集合中的候选卡片模板与候选数据源中的数据之间的对应关系;所述卡片资源配置模块还用于:配置所述对应关系的第四配置项;
所述根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板,包括:
根据所述第一配置项、所述第四配置项以及所述候选卡片模板集合,获得目标卡片模板。
可选的,所述根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据,包括:
确定在页面中待展示的对象;
根据所述第二配置项,在所述候选数据源中选择与所述待展示的对象对应的数据作为在所述候选数据源中选择的数据。
可选的,所述卡片资源配置模块还用于:配置预设的卡片模板筛选策略;
所述根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板,包括:
根据所述第一配置项、所述预设的卡片模板筛选策略以及所述候选卡片模板集合,获得目标卡片模板。
可选的,所述卡片资源配置模块还用于:配置所述目标卡片在所述页面上进行展示的展示策略;
所述将所述目标卡片渲染在页面上,包括:根据所述展示策略,将所述目标卡片渲染在页面上。
可选的,所述展示策略包括以下策略中的至少一种:
所述目标卡片在所述页面上进行展示的卡片布局;
所述目标卡片在所述页面上进行展示的卡片动效;
所述目标卡片在所述页面上进行展示的颜色动效;
所述目标卡片中的元素在所述目标卡片中的元素动效。
可选的,所述候选卡片模板集合中的候选卡片模板采用如下方式获得:
获得用于生成候选卡片模板的元素信息与用于表示元素在候选卡片模板中分布的元素布局信息;
根据所述元素信息与所述元素布局信息,生成候选卡片模板集合中的候选卡片模板。
可选的,所述候选卡片模板集合中的候选卡片模板采用如下方式获得:
获得用于生成候选卡片模板的代码与模板描述信息;所述模板描述信息包括模板使用效果信息、模板名称信息、模板属性信息、用于表示模板调取候选数据源中数据的字段描述信息以及模板的可配置信息中的至少一种;
根据所述代码与所述模板描述信息,生成候选卡片模板集合中的候选卡片模板。
可选的,所述卡片资源配置模块还用于:将所述目标卡片中的目标元素与触发所述目标元素的事件进行绑定;
所述卡片渲染模块还用于:响应于检测到触发所述目标元素的触发操作,基于所述事件对应的渲染方式,展示触发所述目标元素后的页面。
可选的,所述卡片资源配置模块还用于:配置用于为所述目标卡片提供辅助信息的中间件;
所述卡片渲染模块还用于:接入用于为所述目标卡片提供辅助信息的中间件;将所述中间件提供的辅助信息嵌入在所述目标卡片中。
可选的,所述第四配置项中还包括以下信息中的至少一种:
数据的请求方式信息;不同数据源请求方式依赖的配置、入参;数据的取值路径;数据源中的数据是否支持分页以及分页参数信息;判断数据源中的数据是否有下一页的结果信息。
可选的,所述卡片资源配置模块还用于:配置数据中间层;
所述数据中间层用于:获取所述卡片资源获得模块提供的用于表示模板调取候选数据源中数据的字段描述信息;
所述根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据,包括:根据所述第二配置项、所述候选数据源以及所述字段描述信息,获得在所述候选数据源中选择的数据。
可选的,所述卡片渲染模块还用于:在所述页面上进行占位渲染;
所述将所述目标卡片渲染在页面上,包括:
在所述页面上进行占位渲染之后,将所述目标卡片渲染在页面上。
本申请提供一种卡片展示方法,包括:
获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;
根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;
根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;
根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;
使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;
根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。
本申请提供一种数据处理方法,应用于云端,包括:
获得渲染终端发送的用于请求获得目标卡片模板与目标数据的请求消息;
基于所述请求消息,获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;
根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;
根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;
根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;
使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;
将所述目标卡片模板与所述目标数据,提供给所述渲染终端。
本申请提供一种卡片展示装置,包括:
配置项获得单元,用于获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;
数据选择单元,用于根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;
目标卡片模板获得单元,用于根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;
目标格式化策略获得单元,用于根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;
目标数据获得单元,用于使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;
渲染单元,用于根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。
本申请提供一种电子设备,包括:
处理器;
存储器,用于存储计算机程序,该计算机程序被处理器运行,执行上述卡片展示方法与数据处理方法。
本申请提供一种计算机存储介质,所述计算机存储介质存储有计算机程序,该计算机程序被处理器运行,执行上述卡片展示方法与数据处理方法。
与现有技术相比,本申请实施例具有以下优点:
本申请提供一种卡片生成***,包括:卡片资源获得模块,用于获得用于配置卡片的候选卡片模板集合、候选数据源以及对候选数据源中的数据进行格式化的候选格式化策略;卡片资源配置模块,用于配置用于在所述候选卡片模板集合中选择卡片模板的第一配置项、配置用于在所述候选数据源中选择数据的第二配置项以及配置在所述候选格式化策略中选择格式化策略的第三配置项;卡片渲染模块,用于根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。由于在该***中,卡片资源获得模块预先获得了候选卡片模板集合、候选数据源以及候选格式化策略,进而使得卡片资源配置模块可以实现配置用于在候选卡片模板集合中选择卡片模板的第一配置项、配置用于在候选数据源中选择数据的第二配置项以及配置在候选格式化策略中选择格式化策略的第三配置项,在配置第一配置项、第二配置项与第三配置项之后,卡片渲染模块能够根据第二配置项、候选数据源,获得在候选数据源中选择的数据;根据第一配置项与候选卡片模板集合,获得目标卡片模板;根据第三配置项、目标卡片模板以及候选格式化策略,获取目标格式化策略;使用目标格式化策略对在候选数据源中选择的数据进行格式化,获得目标数据;根据目标卡片模板与目标数据,生成目标卡片,并将目标卡片渲染在页面上,该***由于预先获得了候选卡片模板集合、候选数据源以及候选格式化策略,并且配置了第一配置项、第二配置项以及第三配置项,进而提升了后续生成目标卡片的效率;同时,通过将不同类型卡片模板消费的字段进行格式化,使得该***在生成目标卡片时,能够实现卡片模板和在候选数据源中选择的数据的任意切换,并能够调整目标卡片中数据的展示策略,使得目标卡片的展示更加能够匹配各种各样的场景需求。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1A为利用本申请的卡片生成***渲染的店铺卡片的场景示意图。
图1为本申请第一实施例提供的卡片生成***的结构示意图。
图2为本申请第二实施例提供的卡片展示方法的流程图。
图2A为本申请第三实施例提供的数据处理方法的场景示意图。
图3为本申请第四实施例提供的卡片展示装置的示意图。
图4为本申请第五实施例中提供的电子设备的示意图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此,本申请不受下面公开的具体实施的限制。
本申请提供卡片生成***、卡片展示方法、数据处理方法、卡片展示装置、电子设备以及计算机存储介质。以下通过具体的实施例分别介绍卡片生成***、卡片展示方法、数据处理方法、卡片展示装置、电子设备以及计算机存储介质。
本申请的卡片生成***,可以运用在各种各样的在订购应用页面中采用卡片来渲染页面中需要展示的内容。例如,对于在页面中需要展示的商品、店铺、券、活动等信息,可以各自使用一个卡片来展示商品、店铺、券、活动等信息。例如,在展示某个店铺的信息时,采用与店铺对应的卡片来展示店铺信息;对于商品,采用与商品对应的卡片来展示商品信息。
在本实施例中,卡片实际上可以是指在页面上可以与用户实现交互的交互窗口。
上述在采用与店铺对应的卡片来展示店铺信息时,需要先生成与店铺对应的卡片(即:店铺卡片);自然地,采用与商品对应的卡片来展示商品信息时,也需要先生成与商品对应的卡片(即:商品卡片)。在生成与店铺对应的卡片或者生成与商品对应的卡片之后,可以将与店铺对应的卡片或者生成与商品对应的卡片渲染在订购应用的页面上。
在本申请的***中,在使用与店铺对应的卡片渲染店铺信息时,可以先确定用于生成店铺卡片的卡片模板,然后将需要渲染的店铺信息数据拉取至用于生成店铺卡片的卡片模板上,进而生成店铺卡片。
之所以能够先确定用于生成店铺卡片的卡片模板,然后将需要渲染的店铺信息数据拉取至用于生成店铺卡片的卡片模板上,进而生成店铺卡片,是由于在该***中预先获得了候选卡片模板集合、候选数据源,进而能够在候选卡片模板集合确定用于生成店铺卡片的卡片模板,同时能够在候选数据源中选择需要渲染的店铺信息数据,与此同时,将在候选数据源中选择的需要渲染的店铺信息数据进行了格式化,进而将格式化后的数据拉取至用于生成店铺卡片的卡片模板上,进而生成店铺卡片。
请参见图1A,其为利用本申请的卡片生成***渲染的店铺卡片的场景示意图,在渲染商户A对应的卡片时(以商户A作为目标店铺),如果在商户A中销售两件商品,包含商品1与商品2,则需要获得商户A图片以及商户A名称;同时,还需要获得商品1图片、商品1名称、商品2图片以及商品2名称。
具体地,可以在卡片模板集合中选取适合展示一个商户以及一个商户中的两个商品的目标模板,选取的目标模板如图1A所示,该目标模板在其上方区域展示商户A的图片与商户A名称,在商户A名称下方展示商品1的相关信息与商品2的相关信息。
商品1的相关信息包含商品1名称、商品1图片以及商品1的综合评分信息以及月销量信息;同样地,商品2的相关信息包含商品2名称、商品2图片以及商品2的综合评分信息以及月销量信息。当然,还可以在目标模板上展示商户与商品的其他相关信息,该场景实施例仅仅是为了便于举例说明,因而选取了图1A中的商户信息与商品信息进行说明。
在渲染图1A之前,需要在候选数据源中选取与商户A的名称信息与商户A图片信息;同时需要选取商品1的名称信息、图片信息、综合评分信息以及月销量信息;同时需要选取商品2的名称信息、图片信息、综合评分信息以及月销量信息。
上述在候选数据源中获得商户以及商品的相关信息后,还需要对获得的数据进行格式化,例如,如果后端返回的销量数据为“2689”,将其格式化成“月销量信息为2689单”。在获取上述商户以及商品的相关信息后,将格式化后的上述商户以及商品的相关信息作为目标数据,并将目标数据放置在目标模板的相应位置上,以形成目标卡片。
在形成目标卡片后,具体可以根据预先配置的展示策略将目标卡片展示在页面上,如目标卡片在页面上进行展示的卡片布局、目标卡片在页面上进行展示的卡片动效、目标卡片在页面上进行展示的颜色动效、目标卡片中的元素在目标卡片中的元素动效,最终展示的目标卡片请参考图1A。在该过程中,如果后续展示商户B的相关信息,假设商户B中也有两件商品,则也可以采用上述目标卡片模板,这样在生成目标卡片的过程中,目标卡片模板得以复用,进而降低了模板的开发工作量,同时将在候选数据源中选取的数据进行格式化,使得在卡片模板中能够展示相应数据。
上述介绍的图1A即为针对本申请的卡片生成***的一种应用场景的图示,本申请的实施例中不对卡片生成***的应用场景做具体的限定,上述卡片生成***的应用场景,仅仅是本申请提供的卡片生成***的应用场景的一个实施例,提供该应用场景实施例的目的是便于理解本申请提供的卡片生成***,而并非用于限定本申请提供的卡片生成***。本申请实施例对卡片生成***的其它应用场景,不再一一赘述。
第一实施例
本实施例提供一种卡片生成***,具体请参照图1,其为本申请第一实施例提供的卡片生成***的结构示意图。
该卡片生成***实际上可以是指布置在订购平台上的***,通过卡片生成***生成目标卡片,并将目标卡片展示在订购页面上。
该***包括:卡片资源获得模块101、卡片资源配置模块102、卡片渲染模块103。在该***中,上述三个模块对应的实际上为卡片资源生产、配置和执行3部分。执行部分对应执行的是目标卡片在页面上的渲染过程。
在本实施例中,卡片资源获得模块101,用于获得用于配置卡片的候选卡片模板集合、候选数据源以及对候选数据源中的数据进行格式化的候选格式化策略。将候选卡片模板集合、候选数据源作为卡片资源。
在本实施例中,获得用于配置卡片的候选卡片模板集合实际上对应的是候选卡片模板的生产(或者开发)过程,获得候选数据源实际上对应的是候选数据源的生产过程。候选数据源包含了各种需要在页面渲染所需要的数据,实际上候选数据源是通过各个提供数据的后端提供的,各个后端可能能够提供不同种类的数据。
为了在后续过程中,使得各个后端提供的数据(即数据源)均能被调取到从候选卡片模板中选择的卡片模板中,在本实施例中,可以对数据源中的数据进行格式化。在本实施例中,采用候选格式化策略对候选数据源中的数据进行格式化,因而在生产数据源时可以一并获得候选格式化策略。
在本实施例中,候选卡片模板采用如下方式生产,即:候选卡片模板集合中的候选卡片模板采用如下方式获得:
首先,获得用于生成候选卡片模板的元素信息与用于表示元素在候选卡片模板中分布的元素布局信息;之后,根据元素信息与元素布局信息,生成候选卡片模板集合中的候选卡片模板。上述元素是在预设的元素库中选择的元素。
作为另外一种生产候选卡片模板的方式,即:候选卡片模板集合中的候选卡片模板还可以采用如下方式获得:首先,获得用于生成候选卡片模板的代码与模板描述信息;模板描述信息包括模板使用效果信息、模板名称信息、模板属性信息、用于表示模板调取候选数据源中数据的字段描述信息以及模板的可配置信息中的至少一种;之后,根据代码与模板描述信息,生成候选卡片模板集合中的候选卡片模板。
实际上,在本实施例中,资源生产可以分为卡片模板的生产和数据源相关的接入和生产。卡片模板生产主要是生产卡片模板的代码和卡片模板描述,代码部分包括HTML(HyperText Mark-up Language,超文本标记语言)模板、CSS(Cascading Style Sheets,层叠样式表)文件和JS(JavaScript,脚本语言)逻辑描述;卡片模板描述部分主要包括:卡片模板的基础信息(卡片模板截图、卡片模板名称、卡片模板一行可以放几列的属性信息);卡片模板截图是为了便于后续选择卡片模板使用的,其可以表征卡片模板使用效果信息。
此外,卡片模板描述部分还包含字段描述,在本实施例中,卡片模板不直接消费或者使用后端返回的数据,而是使用格式化后的标准数据。例如,针对每种卡片类型,如商品、店铺、权益都对应有一份标准的数据格式,通过标准的数据中间层来保证各个不同的卡片模板可以随意替换;字段描述声明了卡片模板依赖的标准字段有哪些,以在数据源中配置格式化策略;上述卡片模板描述部分还可以包含可配置项,可配置项描述了卡片模板支持的皮肤配置项和一些动效功能配置项。
实际上,卡片模板有2种生产方式,一种是直接生成卡片模板(生成代码的方式),另外一种是通过元素布局与元素来搭建卡片模板。元素布局是描述了卡片模板中元素坑位的布局信息及元素坑位上可选择的元素集合信息,通过在不同的元素坑位上添加元素和配置元素的展现规则,进而生成卡片模板。
通过元素搭建卡片模板,首先定义好不同类型卡片模板的通用布局,在其布局的不同坑位上绑定可支持的元素,通过元素搭建生成卡片模板,能够极大地提高卡片模板开发效率。
数据源生产,主要涉及以下方面:标准数据模型的确定、数据源声明以及数据源格式化策略。
标准数据模型的确定,例如,针对各种不同类型的卡片商品、店铺、券等类型,定义了标准的数据字段,标准字段可动态调整。
数据源声明,针对不同的卡片模板类型支持录入不同的数据源,使得卡片模板支持不同的数据源投放,数据源声明部分描述了数据的请求方式(MTOP、JSONP、Ajax、静态数据源)、各个不同数据源请求方式依赖的配置、入参、数据的取值路径、数据源是否支持分页、分页参数信息、如何判断是否有下一页信息。MTOP,即:Mobile Transport overPacket,即:包上的移动传输;JSONP,即:JSON with Padding,即:“被包裹的数据”;Ajax,即:Asynchronous Javascript And XML,即:异步脚本语言和可扩展标记语言;XML,即:Extensible Markup Language,可扩展标记语言。
数据源格式化策略,为了使卡片模板和业务逻辑解耦开,可以动态配置对后端数据的处理和格式化,该方案可以进行每条数据源的格式化(format)策略,在format策略中可以声明使用后端返回的哪个字段,也可以配置如何加工后端返回的字段,比如将后端返回的销量数据“4000”格式化成“月销4000”;同时,在数据源的生产过程中,可以将数据源的format策略绑定到数据源的标准数据字段上,来供搭建侧(即:卡片资源配置模块)选择,这样卡片模板中的字段就可以任意切换成绑定的format策略。标准字段实际上可以是格式化后的数据对应的字段。
实际上,在本实施例中,卡片资源获得模块101可以用于:获得候选卡片模板集合中的候选卡片模板与候选数据源中的数据之间的对应关系,该对应关系是为了便于基于数据获取到相应的卡片模板。可以将该对应关系作为数据源声明与数据源中的数据绑定在一起。
数据源声明部分包含了数据的请求方式信息;不同数据源请求方式依赖的配置、入参;数据的取值路径;数据源中的数据是否支持分页以及分页参数信息;判断数据源中的数据是否有下一页的结果信息。数据的请求方式如:MTOP、JSONP、Ajax、静态数据源。
在本实施例中,卡片资源配置模块102,用于配置用于在候选卡片模板集合中选择卡片模板的第一配置项、配置用于在候选数据源中选择数据的第二配置项以及配置在候选格式化策略中选择格式化策略的第三配置项。
对应卡片资源获得模块101中的数据源声明,卡片资源配置模块102还用于:配置对应关系的第四配置项。
第四配置项中还包括以下信息中的至少一种:数据的请求方式信息;不同数据源请求方式依赖的配置、入参;数据的取值路径;数据源中的数据是否支持分页以及分页参数信息;判断数据源中的数据是否有下一页的结果信息。
在本实施例中,卡片资源配置模块102还用于:配置预设的卡片模板筛选策略。实际上,在本实施例中,预设的卡片模板筛选策略可以实现基于策略树,在候选卡片模板集合选择适合的卡片模板作为目标卡片模板。
具体地,预设的卡片模板筛选策略可以配置在候选卡片模板集合中,候选卡片模板集合中的各个卡片模板绑定的预设的卡片模板筛选策略是带有表达式信息的策略树,树的叶子节点上存储了表达式信息,叶子节点的上层描述了叶子节点需要遵循的逻辑关系(逻辑关系如:与/或),后续使得执行侧(即:卡片渲染模块103)会将卡片模板需要渲染的数据与卡片模板在页面中的位置信息作为输入来执行该策略树,从而获得满足条件的目标卡片模板。例如,当待渲染的数据为预售商品的数据时,可以选择适合预售商品的卡片模板作为目标卡片模板;当需要强调氛围感的卡片模板展示待渲染数据时,则可以选择强调氛围感的卡片模板作为目标卡片模板。
在本实施例中,卡片资源配置模块102还用于:配置目标卡片在页面上进行展示的展示策略。
在本实施例中,展示策略包括以下策略中的至少一种:目标卡片在页面上进行展示的卡片布局;目标卡片在页面上进行展示的卡片动效;目标卡片在页面上进行展示的颜色动效;目标卡片中的元素在目标卡片中的元素动效。
目标卡片在页面上进行展示的卡片布局;如,目标卡片在页面上可以左右滚动、上下滚动,可以平铺在页面上;又例如,如果目标卡片的数量为多个,在时间维度上,可能会以轮播的方式在页面上展示目标卡片;在空间维度上,卡片布局可能涉及如何将多个目标卡片中的每个目标卡片设置页面上。
目标卡片在页面上进行展示的卡片动效,例如,目标卡片可以以切入的方式展示在页面上。
目标卡片在页面上进行展示的颜色动效,例如,目标卡片展示在页面上时所使用的颜色;另外,目标卡片还可以使用不同的皮肤展示在页面上。
目标卡片中的元素在目标卡片中的元素动效,元素在目标卡片中的元素动效主要是指元素在目标卡片中展示时所采用的动效,例如,当为了重点强调价格的变化时,可以将目标卡片中的价格元素使用动态效果的方式展示。
在本实施例中,卡片资源配置模块还用于:将目标卡片中的目标元素与触发目标元素的事件进行绑定。卡片资源配置模块还用于:配置数据中间层;数据中间层用于:获取卡片资源获得模块提供的用于表示模板调取候选数据源中数据的字段描述信息。
搭建部分主要将配置好的内容直接应用到页面,或者将搭建好的内容存储为一个解决方案,来简化配置,整体应用到页面上。搭建的流程主要为:配置第二配置项以在候选数据源中选择数据;配置第一配置项以在候选卡片模板集合中选择卡片模板;配置第三配置项以在候选格式化策略中选择格式化策略;配置目标卡片在页面上进行展示的展示策略。
在候选数据源中选择数据时,会导入数据源上声明的配置,包括入参、请求方式、分页、返回数据路径信息;在候选卡片模板集合中选择卡片模板时,由于可以同时展现一个或多个卡片,可以根据数据源上选择的数据类型添加不同的卡片,然后给卡片绑定不同的展示策略,以对不同卡片进行动态展示;为了让卡片模板更加通用,可以配置卡片的展示策略,例如feeds流(即:持续更新并呈现给用户内容的信息流)、轮播、基于slot(插槽)的功能齐全的布局方式以及将不同顺序的多个卡片模板渲染到指定的位置。
同时,卡片资源配置模块102还可以配置目标卡片的皮肤并添加动效,动效部分支持lottie(即:动画库),支持将后端返回的数据动态注入到lottie中,将AE(AfterEffects,视频制作)插件制作lottie的图层声明为标准数据字段的名称即可,执行侧会动态解析注入。
此外,在候选格式化策略中选择格式化策略时,针对每个不同的卡片,可以配置多条数据格式化策略;在执行多条数据格式化策略时,若上一条没有返回格式化数据,自动执行下一条格式化策略,进而实现多优先级的数据格式化策略,进而使得卡片模板能够复用。
在本实施例中,卡片资源配置模块102还可以将目标卡片中的目标元素与触发目标元素的事件进行绑定。同一个卡片模板在不同使用场景有不同绑定事件的诉求,例如当目标元素为卡片中展示的券时,a场景是直接跳转到展示领券的页面,b场景是先领券之后再跳转至展示领券成功页面,为了支持不同场景的诉求,在不同卡片上可以配置事件,只需要配置事件触发的目标元素和处理事件的事件包,执行侧会统一把模板的渲染数据和config(即:配置)传递给事件包来处理,以此支持不同事件包的切换。
在本实施例中,卡片渲染模块103,用于根据第二配置项、候选数据源,获得在候选数据源中选择的数据;根据第一配置项与候选卡片模板集合,获得目标卡片模板;根据第三配置项、目标卡片模板以及候选格式化策略,获取目标格式化策略;使用目标格式化策略对在候选数据源中选择的数据进行格式化,获得目标数据;根据目标卡片模板与目标数据,生成目标卡片,并将目标卡片渲染在页面上。
在本实施例中,根据第一配置项与候选卡片模板集合,获得目标卡片模板,可以是指:根据第一配置项、第四配置项以及候选卡片模板集合,获得目标卡片模板。
在本实施例中,作为根据第二配置项、候选数据源,获得在候选数据源中选择的数据,可以是指:首先,确定在页面中待展示的对象;之后,根据第二配置项,在候选数据源中选择与待展示的对象对应的数据作为在候选数据源中选择的数据。待展示的对象如商品、店铺或者券等。
作为根据第一配置项与候选卡片模板集合,获得目标卡片模板的一种方式,可以是指:根据第一配置项、预设的卡片模板筛选策略以及候选卡片模板集合,获得目标卡片模板。
作为将目标卡片渲染在页面上的一种实施方式:根据展示策略,将目标卡片渲染在页面上。
在本实施例中,卡片渲染模块还用于:响应于检测到触发目标元素的触发操作,基于事件对应的渲染方式,展示触发目标元素后的页面。
在本实施例中,卡片资源配置模块还用于:配置用于为目标卡片提供辅助信息的中间件;卡片渲染模块还用于:接入用于为目标卡片提供辅助信息的中间件;将中间件提供的辅助信息嵌入在目标卡片中。
在本实施例中,根据第二配置项、候选数据源,获得在候选数据源中选择的数据,可以是指:根据第二配置项、候选数据源以及字段描述信息,获得在候选数据源中选择的数据。
在本实施例中,卡片渲染模块还用于:在页面上进行占位渲染;作为将目标卡片渲染在页面上的一种方式:在页面上进行占位渲染之后,将目标卡片渲染在页面上。
在本实施例中,实际是执行侧(即:卡片渲染模块)执行渲染部分,可以将渲染分两步进行。第一步:占位的渲染,为了保证长页面的页面性能,减少对页面请求,在本实施例中,对目标卡片中的组件(可以是指目标卡片中的元素)进行懒加载操作,让组件在进入视区时再进行初始化。
为了让页面下滑的时候不膨胀、不塌陷,将目标卡片的占位直接渲染到页面上,当组件进入视区的时候再进行实际的渲染。
第二步:实际渲染的部分是先根据数据源的配置拉取到数据,然后根据卡片模板上配置的卡片模板筛选策略进行卡片模板的选择,候选卡片模板集合中的各个卡片模板绑定的预设的卡片模板筛选策略是带有表达式信息的策略树,树的叶子节点上存储了表达式信息,叶子节点的上层描述了叶子节点需要遵循的逻辑关系,执行侧会将卡片模板需要渲染的数据、卡片模板在页面中的展示位置信息作为输入信息来执行该策略树,从而获得满足条件的目标卡片模板,在获得满足条件的目标卡片模板的过程中,实际上还可以将卡片模板在页面中的展示策略一并输入来执行该策略树。然后执行该目标卡片模板上绑定的数据格式化策略,得到标准化数据。此时,可以将得到的目标卡片模板和渲染需要的标准化数据(即:目标数据),结合展示策略完成渲染。
在渲染目标卡片之后,由于卡片资源配置模块102将目标卡片中的目标元素与触发目标元素的事件进行绑定,因而当触发目标元素后,响应于检测到触发目标元素的触发操作,可以基于事件对应的渲染方式,展示触发目标元素后的页面。
此外,由于卡片资源配置模块配置了用于为目标卡片提供辅助信息的中间件,因而在渲染目标卡片后,可以在渲染目标卡片之后,可以对中间件进行解析,以获取辅助信息。
本申请提供一种卡片生成***,由于在该***中,卡片资源获得模块预先获得了候选卡片模板集合、候选数据源以及候选格式化策略,进而使得卡片资源配置模块可以实现配置用于在候选卡片模板集合中选择卡片模板的第一配置项、配置用于在候选数据源中选择数据的第二配置项以及配置在候选格式化策略中选择格式化策略的第三配置项,在配置第一配置项、第二配置项与第三配置项之后,卡片渲染模块能够根据第二配置项、候选数据源,获得在候选数据源中选择的数据;根据第一配置项与候选卡片模板集合,获得目标卡片模板;根据第三配置项、目标卡片模板以及候选格式化策略,获取目标格式化策略;使用目标格式化策略对在候选数据源中选择的数据进行格式化,获得目标数据;根据目标卡片模板与目标数据,生成目标卡片,并将目标卡片渲染在页面上,该***由于预先获得了候选卡片模板集合、候选数据源以及候选格式化策略,并且配置了第一配置项、第二配置项以及第三配置项,进而提升了后续生成目标卡片的效率;同时,通过将不同类型卡片模板消费的字段进行格式化,使得该***在生成目标卡片时,能够实现卡片模板和在候选数据源中选择的数据的任意切换,并能够调整目标卡片中数据的展示策略,使得目标卡片的展示更加能够匹配各种各样的场景需求。
第二实施例
与第一实施例对应地,本申请第二实施例提供一种卡片展示方法。第二实施例中与场景实施例、第一实施例相同的部分不再介绍,该方法的执行主体可以是订购平台上的渲染终端,具体请参见第一实施例的相关部分。
请参照图2,其为本申请第二实施例提供的卡片展示方法的流程图。
本申请实施例的卡片展示方法,包括如下步骤:
步骤S201:获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项。
步骤S202:根据第二配置项、候选数据源,获得在候选数据源中选择的数据。
步骤S203:根据第一配置项与候选卡片模板集合,获得目标卡片模板。
步骤S204:根据第三配置项、目标卡片模板以及候选格式化策略,获取目标格式化策略。
步骤S205:使用目标格式化策略对在候选数据源中选择的数据进行格式化,获得目标数据。
步骤S206:根据目标卡片模板与目标数据,生成目标卡片,并将目标卡片渲染在页面上。
第三实施例
与第一实施例对应地,本申请第三实施例提供一种数据处理方法。第三实施例中与场景实施例、第一实施例相同的部分不再介绍,具体请参见场景实施例、第一实施例的相关部分,该方法的执行主体可以是与订购平台通信连接的云端。
请参照图2A,其为本申请第三实施例提供的数据处理方法的场景示意图。
本申请实施例的数据处理方法,应用于云端,在本实施例中,云端可以包含服务器,云端(可以是云端的服务器)与多个渲染终端连接,包括如下步骤:首先,获得渲染终端发送的用于请求获得目标卡片模板与目标数据的请求消息。
在获得请求消息之后,基于请求消息,获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;之后,根据第二配置项、候选数据源,获得在候选数据源中选择的数据;与此同时,根据第一配置项与候选卡片模板集合,获得目标卡片模板;根据第三配置项、目标卡片模板以及候选格式化策略,获取目标格式化策略;使用目标格式化策略对在候选数据源中选择的数据进行格式化,获得目标数据;在获得目标卡片模板与目标数据之后,将目标卡片模板与目标数据,提供给渲染终端。
例如,请参照图2A,当第一渲染终端提供给云端的请求消息为第一请求消息时,云端可以在获得与第一请求消息对应的第一目标卡片模板与第一目标数据后,将第一目标卡片模板与第一目标数据提供给第一渲染终端;类似地,当第二渲染终端提供给云端的请求消息为第二请求消息时,云端可以在获得与第二请求消息对应的第二目标卡片模板与第二目标数据后,将第二目标卡片模板与第二目标数据提供给第二渲染终端。
第四实施例
与本申请第二实施例提供的方法相对应的,本申请第四实施例还提供一种卡片展示装置。由于装置实施例基本类似于第二实施例,所以描述得比较简单,相关之处参见第二实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
请参照图3,其为本申请第四实施例提供的卡片展示装置的示意图。
该卡片展示装置300,包括:
配置项获得单元301,用于获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;
数据选择单元302,用于根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;
目标卡片模板获得单元303,用于根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;
目标格式化策略获得单元304,用于根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;
目标数据获得单元305,用于使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;
渲染单元306,用于根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。
第五实施例
与本申请第二实施例、第三实施例的方法相对应的,本申请第五实施例还提供一种电子设备。
如图4所示,图4为本申请第五实施例中提供的电子设备的示意图。
在本实施例中,该电子设备400的一种可选硬件结构可如图4所示,包括:至少一个处理器401,至少一个存储器402和至少一个通信总线405;存储器402中包含有程序403与数据404。
总线405可以是在电子设备400内部的组件之间传输数据的通信设备,诸如内部总线(例如,CPU-存储器总线,处理器即为central processing unit,简称CPU)、外部总线(例如,通用串行总线端口、***组件互连快速端口)等。
另外,电子设备中还包括:至少一个网络接口406,至少一个外设接口407。网络接口406以提供与外部网络408(例如,因特网、内联网、局域网、移动通信网络等)相关的有线或无线通信;在一些实施例中,网络接口406可以包括任意数量的网络接口控制器(英文:network interface controller,简称NIC)、射频(英文:Radio Frequency,简称RF)模块、转发器、收发器、调制解调器、路由器、网关、有线网络适配器的任意组合、无线网络适配器、蓝牙适配器、红外适配器、近场通信(英文:Near Field Communication,简称NFC)适配器、蜂窝网络芯片等。
外设接口407用于与外设连接,外设可以如图中的外设1(图4中的409)、外设2(图4中的410)以及外设3(图4中的411)。外设即***设备,***设备可以包括但不限于光标控制设备(例如鼠标、触摸板或触摸屏)、键盘、显示器(例如阴极射线管显示器、液晶显示器)。显示器或发光二极管显示器、视频输入设备(例如,摄像机或通信耦合到视频档案的输入接口)等。
处理器401可能是CPU,或者是特定集成电路ASIC(Application SpecificIntegrated Circuit),或者是被配置成实施本申请实施例的一个或多个集成电路。
存储器402可能包含高速RAM(全称:Random Access Memory,即随机存取存储器)存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
其中,处理器401调用存储器402所存储的程序与数据,以执行本申请第二实施例的方法与第三实施例的方法。
第六实施例
与本申请第二实施例、第三实施例的方法相对应的,本申请第六实施例还提供一种计算机存储介质,所述计算机存储介质存储有计算机程序,该计算机程序被处理器运行,以执行本申请第二实施例的方法与第三实施例的方法。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(英文:Read-Only Memory,简称ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(英文:phase change memory;简称PRAM)、静态随机存取存储器(英文:Static Random Access Memory;简称SRAM)、动态随机存取存储器(英文:Dynamic Random Access Memory;简称DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(英文:Electrically-ErasableProgrammable Read-Only Memory;简称EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(英文:Compact Disc Read-Only Memory;简称CD-ROM)、数字多功能光盘(英文:Digital versatile disc;简称DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读存储媒体(non-transitory computerreadable storage media),如调制的数据信号和载波。
2、本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
需要说明的是,本申请实施例中可能会涉及到对用户数据的使用,在实际应用中,可以在符合所在国的适用法律法规要求的情况下(例如,用户明确同意,对用户切实通知,等),在适用法律法规允许的范围内在本文描述的方案中使用用户特定的个人数据。
Claims (17)
1.一种卡片生成***,其特征在于,包括:
卡片资源获得模块,用于获得用于配置卡片的候选卡片模板集合、候选数据源以及对候选数据源中的数据进行格式化的候选格式化策略;
卡片资源配置模块,用于配置用于在所述候选卡片模板集合中选择卡片模板的第一配置项、配置用于在所述候选数据源中选择数据的第二配置项以及配置在所述候选格式化策略中选择格式化策略的第三配置项;
卡片渲染模块,用于根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。
2.根据权利要求1所述的卡片生成***,其特征在于,所述卡片资源获得模块还用于:获得候选卡片模板集合中的候选卡片模板与候选数据源中的数据之间的对应关系;所述卡片资源配置模块还用于:配置所述对应关系的第四配置项;
所述根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板,包括:
根据所述第一配置项、所述第四配置项以及所述候选卡片模板集合,获得目标卡片模板。
3.根据权利要求1所述的卡片生成***,其特征在于,所述根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据,包括:
确定在页面中待展示的对象;
根据所述第二配置项,在所述候选数据源中选择与所述待展示的对象对应的数据作为在所述候选数据源中选择的数据。
4.根据权利要求1所述的卡片生成***,其特征在于,所述卡片资源配置模块还用于:配置预设的卡片模板筛选策略;
所述根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板,包括:
根据所述第一配置项、所述预设的卡片模板筛选策略以及所述候选卡片模板集合,获得目标卡片模板。
5.根据权利要求1所述的卡片生成***,其特征在于,所述卡片资源配置模块还用于:配置所述目标卡片在所述页面上进行展示的展示策略;
所述将所述目标卡片渲染在页面上,包括:根据所述展示策略,将所述目标卡片渲染在页面上。
6.根据权利要求5所述的卡片生成***,其特征在于,所述展示策略包括以下策略中的至少一种:
所述目标卡片在所述页面上进行展示的卡片布局;
所述目标卡片在所述页面上进行展示的卡片动效;
所述目标卡片在所述页面上进行展示的颜色动效;
所述目标卡片中的元素在所述目标卡片中的元素动效。
7.根据权利要求1所述的卡片生成***,其特征在于,所述候选卡片模板集合中的候选卡片模板采用如下方式获得:
获得用于生成候选卡片模板的元素信息与用于表示元素在候选卡片模板中分布的元素布局信息;
根据所述元素信息与所述元素布局信息,生成候选卡片模板集合中的候选卡片模板。
8.根据权利要求1所述的卡片生成***,其特征在于,所述候选卡片模板集合中的候选卡片模板采用如下方式获得:
获得用于生成候选卡片模板的代码与模板描述信息;所述模板描述信息包括模板使用效果信息、模板名称信息、模板属性信息、用于表示模板调取候选数据源中数据的字段描述信息以及模板的可配置信息中的至少一种;
根据所述代码与所述模板描述信息,生成候选卡片模板集合中的候选卡片模板。
9.根据权利要求1所述的卡片生成***,其特征在于,所述卡片资源配置模块还用于:将所述目标卡片中的目标元素与触发所述目标元素的事件进行绑定;
所述卡片渲染模块还用于:响应于检测到触发所述目标元素的触发操作,基于所述事件对应的渲染方式,展示触发所述目标元素后的页面。
10.根据权利要求1所述的卡片生成***,其特征在于,所述卡片资源配置模块还用于:配置用于为所述目标卡片提供辅助信息的中间件;
所述卡片渲染模块还用于:接入用于为所述目标卡片提供辅助信息的中间件;将所述中间件提供的辅助信息嵌入在所述目标卡片中。
11.根据权利要求2所述的卡片生成***,其特征在于,所述第四配置项中还包括以下信息中的至少一种:
数据的请求方式信息;不同数据源请求方式依赖的配置、入参;数据的取值路径;数据源中的数据是否支持分页以及分页参数信息;判断数据源中的数据是否有下一页的结果信息。
12.根据权利要求8所述的卡片生成***,其特征在于,所述卡片资源配置模块还用于:配置数据中间层;
所述数据中间层用于:获取所述卡片资源获得模块提供的用于表示模板调取候选数据源中数据的字段描述信息;
所述根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据,包括:根据所述第二配置项、所述候选数据源以及所述字段描述信息,获得在所述候选数据源中选择的数据。
13.根据权利要求1所述的卡片生成***,其特征在于,所述卡片渲染模块还用于:在所述页面上进行占位渲染;
所述将所述目标卡片渲染在页面上,包括:
在所述页面上进行占位渲染之后,将所述目标卡片渲染在页面上。
14.一种卡片展示方法,其特征在于,包括:
获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;
根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;
根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;
根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;
使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;
根据所述目标卡片模板与所述目标数据,生成所述目标卡片,并将所述目标卡片渲染在页面上。
15.一种数据处理方法,应用于云端,其特征在于,包括:
获得渲染终端发送的用于请求获得目标卡片模板与目标数据的请求消息;
基于所述请求消息,获得用于在候选卡片模板集合中选择卡片模板的第一配置项、用于在候选数据源中选择数据的第二配置项以及在候选格式化策略中选择格式化策略的第三配置项;
根据所述第二配置项、所述候选数据源,获得在所述候选数据源中选择的数据;
根据所述第一配置项与所述候选卡片模板集合,获得目标卡片模板;
根据所述第三配置项、所述目标卡片模板以及所述候选格式化策略,获取目标格式化策略;
使用所述目标格式化策略对所述在所述候选数据源中选择的数据进行格式化,获得目标数据;
将所述目标卡片模板与所述目标数据,提供给所述渲染终端。
16.一种电子设备,其特征在于,包括:
处理器;
存储器,用于存储计算机程序,该计算机程序被处理器运行,执行权利要求14或者权利要求15所述的方法。
17.一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机程序,该计算机程序被处理器运行,执行权利要求14或者权利要求15所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310200582.7A CN116304422A (zh) | 2023-02-27 | 2023-02-27 | 卡片生成***、卡片展示方法、数据处理方法、装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310200582.7A CN116304422A (zh) | 2023-02-27 | 2023-02-27 | 卡片生成***、卡片展示方法、数据处理方法、装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116304422A true CN116304422A (zh) | 2023-06-23 |
Family
ID=86814349
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310200582.7A Pending CN116304422A (zh) | 2023-02-27 | 2023-02-27 | 卡片生成***、卡片展示方法、数据处理方法、装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116304422A (zh) |
-
2023
- 2023-02-27 CN CN202310200582.7A patent/CN116304422A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10558474B2 (en) | Media information processing method, mobile terminal, and storage medium | |
US9507480B1 (en) | Interface optimization application | |
US9268562B1 (en) | Methods and apparatuses for dynamically generating mobile application layouts using client-independent configuration | |
US9152305B2 (en) | Systems and methods for presentations with live application integration | |
CN111104635B (zh) | 一种表格网页的生成方法和装置 | |
US9383902B2 (en) | Systems and methods for presentations with live application integration | |
CN111428177A (zh) | 用于web内容生成的方法和*** | |
CN103608770A (zh) | 用于演示文稿应用的嵌入式web查看器 | |
US11030385B2 (en) | Enhanced preview technology for application add-ins | |
US10410606B2 (en) | Rendering graphical assets on electronic devices | |
CN111324535B (zh) | 一种控件异常检测方法、装置和计算机设备 | |
CN112800370A (zh) | 业务单据的处理方法、装置、计算机设备和存储介质 | |
US8959426B1 (en) | Loading customer-supplied network page generation code | |
CN111274516B (zh) | 页面展示方法、页面配置方法和装置 | |
CN111796727B (zh) | 一种界面数据处理方法及装置 | |
US10567472B2 (en) | Manipulation of PDF files using HTML authoring tools | |
CN113722630B (zh) | 基于客户端渲染的资源数据在web页面中的呈现方法及设备 | |
CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
US9230022B1 (en) | Customizable result sets for application program interfaces | |
CN116304422A (zh) | 卡片生成***、卡片展示方法、数据处理方法、装置 | |
US8484097B1 (en) | Method, system, and computer readable medium for selection of catalog items for inclusion on a network page | |
KR101996159B1 (ko) | 정보 제시 방법 및 장치 | |
CN113849164A (zh) | 数据处理方法、装置、电子设备和存储器 | |
CN112068828A (zh) | 标题控件的生成方法、装置、***、设备以及介质 | |
CN116302193B (zh) | 提升前端表格加载速度的方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |