UI信息卡片的处理方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例提供了一种UI信息卡片的处理方法、装置、电子设备及存储介质，获取应用程序对应的数据实体类，并根据数据实体类中字段与注解参数，生成各个UI信息卡片对应的模拟数据，接着获取各个UI信息卡片对应的卡片类型，并根据各个UI信息卡片对应的模拟数据以及卡片类型，构建与应用界面对应的卡片预览列表，接着响应于针对卡片预览列表的选择操作，确定目标UI信息卡片，并展示对应的目标卡片组件，以使得用户可以根据目标卡片组件对目标UI信息卡片进行内容编辑，从而实现快速构建与应用界面对应的卡片预览列表，降低了文档维护成本，提高了信息卡片维护的便利性，同时降低了信息卡片开发、维护的成本，提高了开发效率。提高了开发效率。提高了开发效率。

【技术实现步骤摘要】
UI信息卡片的处理方法、装置、电子设备及存储介质


[0001]本专利技术涉及数据处理
，特别是涉及一种UI信息卡片的处理方法、一种UI信息卡片的处理装置、一种电子设备以及一种计算机可读存储介质。

技术介绍

[0002]随着互联网技术的高速发展，也随着人们对各种生活类内容的需求越来越大，从而促使应用程序开发者需不断对应用程序进行更新，以满足人们日益增长的需求。
[0003]一般而言，大多数人会选择通过手机端的APP(Application应用软件)查看自己感兴趣的内容，而对于开发者来讲，为了向用户展示尽可能多的内容或者内容类型，通常会在APP首页列表设置UI信息卡片，让用户在使用APP查看内容的时候，可以通过查看APP首页列表的UI信息卡片，以选择与卡片对应的感兴趣的内容进行进一步查看。
[0004]但是，现在很多APP首页列表的UI信息卡片已经高达上百种，而随着用户需求的迭代，UI信息卡片数量只会越来越多，面对如此之多的UI信息卡片，对于开发者而言，维护与管理无疑是比较困难的。针对UI信息卡片管理，目前所使用的解决方法是通过需求文档记录UI信息卡片的相关信息，并通过人工维护需求文档实现UI信息卡片管理。对于UI信息卡片数量较少的情形，因开发工作简单，维护成本低，通过上述方法能对UI信息卡片进行简单地管理，而在UI信息卡片数量多的情况下(特别是UI信息卡片数量高达上百种甚至更多的时候)，不仅开发难度急剧增加，而且维护成本也会越来越高，并且对于重复的卡片，在开发过程中容易出现很多重复的工作，严重影响了开发效率。

技术实现思路

[0005]本专利技术实施例是提供一种UI信息卡片的处理方法、装置、电子设备以及计算机可读存储介质，以解决应用界面中UI信息卡片样式过多，导致开发难度大，维护成本高，开发效率低的问题。
[0006]本专利技术实施例公开了一种UI信息卡片的处理方法，包括：
[0007]获取应用程序对应的数据实体类，所述数据实体类中包括所述应用程序的应用界面中各个UI信息卡片对应的字段以及注解参数；
[0008]根据所述字段与所述注解参数，生成各个所述UI信息卡片对应的模拟数据；
[0009]获取各个所述UI信息卡片对应的卡片类型；
[0010]根据各个所述UI信息卡片对应的模拟数据以及卡片类型，构建与所述应用界面对应的卡片预览列表，所述卡片预览列表包括各个所述UI信息卡片对应的内容；
[0011]响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，并展示与所述目标UI信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标UI信息卡片进行内容编辑。
[0012]可选地，所述字段至少包括所述UI信息卡片对应的标题和内容，所述根据所述字段与所述注解参数，生成各个所述UI信息卡片对应的模拟数据，包括：
[0013]对所述注解参数进行反射解析，获得各个所述UI信息卡片对应的初始参数，所述初始参数为所述UI信息卡片的内容所对应的默认值；
[0014]采用所述UI信息卡片对应的初始参数以及所述UI信息卡片对应的标题和内容，生成所述UI信息卡片对应的模拟数据。
[0015]可选地，所述应用程序对应有一静态类，所述获取各个所述UI信息卡片对应的卡片类型，包括：
[0016]从所述静态类中提取各个所述UI信息卡片对应的卡片类型。
[0017]可选地，所述响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，并展示与所述目标UI信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标UI信息卡片进行内容编辑，包括：
[0018]响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片以及与所述目标UI信息卡片对应的目标卡片组件，并显示与所述目标卡片组件对应的内容框，所述内容框包括与所述目标卡片组件对应的目标UI信息卡片内容；
[0019]响应于针对所述目标UI信息卡片内容的编辑操作，更新所述目标卡片组件对应的目标UI信息卡片内容。
[0020]可选地，所述响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片以及与所述目标UI信息卡片对应的目标卡片组件，包括：
[0021]响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，获取所述目标UI信息卡片在图形用户界面中对应的目标位置，并根据所述目标位置确定所述卡片预览列表中当前显示在所述图形用户界面中的根节点视图，所述根节点视图包括至少一个卡片集合，所述卡片集合包括至少一个卡片组件；
[0022]若所述目标位置位于所述卡片组件，则将所述选择操作所选中的卡片组件作为目标卡片组件；
[0023]若所述目标位置位于卡片集合，则在所述图形用户界面的可视区域内展开显示所述选择操作所选的卡片集合的子项；
[0024]若所述子项为卡片组件，则将所述子项作为目标卡片组件；
[0025]若所述子项为卡片集合，则响应于针对卡片集合的选择操作，直至选择操作所选的子项为卡片组件、且卡片组件显示于所述图形用户界面的可视区域时，将所述选择操作所选中的卡片组件作为目标卡片组件。
[0026]可选地，所述选择操作为触控操作，所述响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，获取所述目标UI信息卡片在图形用户界面中对应的目标位置，包括：
[0027]响应于针对所述卡片预览列表的触控操作，获取所述触控操作对应的触控坐标以及触控时长；
[0028]若所述触控时长大于或等于预设时间阈值，则将图形用户界面中所述触控坐标对应的位置作为目标位置。
[0029]可选地，所述选择操作为鼠标点击操作，所述响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，获取所述目标UI信息卡片在图形用户界面中对应的目标位置，包括：
[0030]响应于针对所述卡片预览列表的鼠标点击操作，获取所述鼠标点击操作对应的点击坐标；
[0031]若所述鼠标点击操作为双击操作，则将图形用户界面中所述点击坐标对应的位置作为目标位置。
[0032]可选地，所述方法还包括：
[0033]响应于针对所述UI信息卡片的创建操作，获取所述创建操作对应的创建点，并在所述创建点插入标记代码，所述标记代码用于记录所述UI信息卡片的卡片类型信息以及所述应用程序的版本信息；
[0034]响应于针对所述UI信息卡片的查看操作，采集所述UI信息卡片的卡片类型信息以及当前所述应用程序的版本信息，并组成与所述UI信息卡片对应的线上数据；
[0035]解析所述线上数据，并将解析后的数据计入用于统计UI信息卡片使用情况的卡片统计表。
[0036]可选地，在所述获取应用程序对应的数据实体类之前，还包括：
[0037]获取各个所述UI信息卡片对应的字段；
[0038]将各个所述UI信息卡片对应的字段进行汇总，获得所述应用程序对应的数据实体类；
[0039]响应于针对所述字段本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种应用界面中UI信息卡片的处理方法，其特征在于，包括：获取应用程序对应的数据实体类，所述数据实体类中包括所述应用程序的应用界面中各个UI信息卡片对应的字段以及注解参数；根据所述字段与所述注解参数，生成各个所述UI信息卡片对应的模拟数据；获取各个所述UI信息卡片对应的卡片类型，并根据各个所述UI信息卡片对应的模拟数据以及卡片类型，构建与所述应用界面对应的卡片预览列表，所述卡片预览列表包括各个所述UI信息卡片对应的内容；响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，并展示与所述目标UI信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标UI信息卡片进行内容编辑。2.根据权利要求1所述的方法，其特征在于，所述字段至少包括所述UI信息卡片对应的标题和内容，所述根据所述字段与所述注解参数，生成各个所述UI信息卡片对应的模拟数据，包括：对所述注解参数进行反射解析，获得各个所述UI信息卡片对应的初始参数，所述初始参数为所述UI信息卡片的内容所对应的默认值；采用所述UI信息卡片对应的初始参数以及所述UI信息卡片对应的标题和内容，生成所述UI信息卡片对应的模拟数据。3.根据权利要求1所述的方法，其特征在于，所述应用程序对应有一静态类，所述获取各个所述UI信息卡片对应的卡片类型，包括：从所述静态类中提取各个所述UI信息卡片对应的卡片类型。4.根据权利要求1所述的方法，其特征在于，所述响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，并展示与所述目标UI信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标UI信息卡片进行内容编辑，包括：响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片以及与所述目标UI信息卡片对应的目标卡片组件，并显示与所述目标卡片组件对应的内容框，所述内容框包括与所述目标卡片组件对应的目标UI信息卡片内容；响应于针对所述目标UI信息卡片内容的编辑操作，更新所述目标卡片组件对应的目标UI信息卡片内容。5.根据权利要求4所述的方法，其特征在于，所述响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片以及与所述目标UI信息卡片对应的目标卡片组件，包括：响应于针对所述卡片预览列表的选择操作，确定目标UI信息卡片，获取所述目标UI信息卡片在图形用户界面中对应的目标位置，并根据所述目标位置确定所述卡片预览列表中当前显示在所述图形用户界面中的根节点视图，所述根节点视图包括至少一个卡片集合，所述卡片集合包括至少一个卡片组件；若所述目标位置位于所述卡片组件，则将所述选择操作所选中的卡片组件作为目标卡片组件；若所述目标位置位于卡片集合，则在所述图形用户界面的可视区域内展开显示所述选择操作所选的卡片集合的子项；若所述子项为卡片组件，则将所述子项作为目标卡片组件；
若所述子项为卡片集合，则响应于针对卡片集合的选择操作，直至选择操作所选的子项为卡片组件、且卡片组件显示于所述图形用户界面的可视区域时，将所述选择操作所选中的卡片组件作为目标卡片组件。6.根据权利要求5所述的方法，其特征在于，所述选择操作为触控操作，所述响...

【专利技术属性】
技术研发人员：王征，
申请(专利权)人：北京五八信息技术有限公司，
类型：发明
国别省市：