UI信息卡片的处理方法、装置、电子设备及存储介质与流程

本发明涉及数据处理，特别是涉及一种ui信息卡片的处理方法、一种ui信息卡片的处理装置、一种电子设备以及一种计算机可读存储介质。

背景技术：

1、随着互联网技术的高速发展，也随着人们对各种生活类内容的需求越来越大，从而促使应用程序开发者需不断对应用程序进行更新，以满足人们日益增长的需求。

2、一般而言，大多数人会选择通过手机端的app(application应用软件)查看自己感兴趣的内容，而对于开发者来讲，为了向用户展示尽可能多的内容或者内容类型，通常会在app首页列表设置ui信息卡片，让用户在使用app查看内容的时候，可以通过查看app首页列表的ui信息卡片，以选择与卡片对应的感兴趣的内容进行进一步查看。

3、但是，现在很多app首页列表的ui信息卡片已经高达上百种，而随着用户需求的迭代，ui信息卡片数量只会越来越多，面对如此之多的ui信息卡片，对于开发者而言，维护与管理无疑是比较困难的。针对ui信息卡片管理，目前所使用的解决方法是通过需求文档记录ui信息卡片的相关信息，并通过人工维护需求文档实现ui信息卡片管理。对于ui信息卡片数量较少的情形，因开发工作简单，维护成本低，通过上述方法能对ui信息卡片进行简单地管理，而在ui信息卡片数量多的情况下(特别是ui信息卡片数量高达上百种甚至更多的时候)，不仅开发难度急剧增加，而且维护成本也会越来越高，并且对于重复的卡片，在开发过程中容易出现很多重复的工作，严重影响了开发效率。

技术实现思路

1、本发明实施例是提供一种ui信息卡片的处理方法、装置、电子设备以及计算机可读存储介质，以解决应用界面中ui信息卡片样式过多，导致开发难度大，维护成本高，开发效率低的问题。

2、本发明实施例公开了一种ui信息卡片的处理方法，包括：

3、获取应用程序对应的数据实体类，所述数据实体类中包括所述应用程序的应用界面中各个ui信息卡片对应的字段以及注解参数；

4、根据所述字段与所述注解参数，生成各个所述ui信息卡片对应的模拟数据；

5、获取各个所述ui信息卡片对应的卡片类型；

6、根据各个所述ui信息卡片对应的模拟数据以及卡片类型，构建与所述应用界面对应的卡片预览列表，所述卡片预览列表包括各个所述ui信息卡片对应的内容；

7、响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，并展示与所述目标ui信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标ui信息卡片进行内容编辑。

8、可选地，所述字段至少包括所述ui信息卡片对应的标题和内容，所述根据所述字段与所述注解参数，生成各个所述ui信息卡片对应的模拟数据，包括：

9、对所述注解参数进行反射解析，获得各个所述ui信息卡片对应的初始参数，所述初始参数为所述ui信息卡片的内容所对应的默认值；

10、采用所述ui信息卡片对应的初始参数以及所述ui信息卡片对应的标题和内容，生成所述ui信息卡片对应的模拟数据。

11、可选地，所述应用程序对应有一静态类，所述获取各个所述ui信息卡片对应的卡片类型，包括：

12、从所述静态类中提取各个所述ui信息卡片对应的卡片类型。

13、可选地，所述响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，并展示与所述目标ui信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标ui信息卡片进行内容编辑，包括：

14、响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片以及与所述目标ui信息卡片对应的目标卡片组件，并显示与所述目标卡片组件对应的内容框，所述内容框包括与所述目标卡片组件对应的目标ui信息卡片内容；

15、响应于针对所述目标ui信息卡片内容的编辑操作，更新所述目标卡片组件对应的目标ui信息卡片内容。

16、可选地，所述响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片以及与所述目标ui信息卡片对应的目标卡片组件，包括：

17、响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，获取所述目标ui信息卡片在图形用户界面中对应的目标位置，并根据所述目标位置确定所述卡片预览列表中当前显示在所述图形用户界面中的根节点视图，所述根节点视图包括至少一个卡片集合，所述卡片集合包括至少一个卡片组件；

18、若所述目标位置位于所述卡片组件，则将所述选择操作所选中的卡片组件作为目标卡片组件；

19、若所述目标位置位于卡片集合，则在所述图形用户界面的可视区域内展开显示所述选择操作所选的卡片集合的子项；

20、若所述子项为卡片组件，则将所述子项作为目标卡片组件；

21、若所述子项为卡片集合，则响应于针对卡片集合的选择操作，直至选择操作所选的子项为卡片组件、且卡片组件显示于所述图形用户界面的可视区域时，将所述选择操作所选中的卡片组件作为目标卡片组件。

22、可选地，所述选择操作为触控操作，所述响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，获取所述目标ui信息卡片在图形用户界面中对应的目标位置，包括：

23、响应于针对所述卡片预览列表的触控操作，获取所述触控操作对应的触控坐标以及触控时长；

24、若所述触控时长大于或等于预设时间阈值，则将图形用户界面中所述触控坐标对应的位置作为目标位置。

25、可选地，所述选择操作为鼠标点击操作，所述响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，获取所述目标ui信息卡片在图形用户界面中对应的目标位置，包括：

26、响应于针对所述卡片预览列表的鼠标点击操作，获取所述鼠标点击操作对应的点击坐标；

27、若所述鼠标点击操作为双击操作，则将图形用户界面中所述点击坐标对应的位置作为目标位置。

28、可选地，所述方法还包括：

29、响应于针对所述ui信息卡片的创建操作，获取所述创建操作对应的创建点，并在所述创建点插入标记代码，所述标记代码用于记录所述ui信息卡片的卡片类型信息以及所述应用程序的版本信息；

30、响应于针对所述ui信息卡片的查看操作，采集所述ui信息卡片的卡片类型信息以及当前所述应用程序的版本信息，并组成与所述ui信息卡片对应的线上数据；

31、解析所述线上数据，并将解析后的数据计入用于统计ui信息卡片使用情况的卡片统计表。

32、可选地，在所述获取应用程序对应的数据实体类之前，还包括：

33、获取各个所述ui信息卡片对应的字段；

34、将各个所述ui信息卡片对应的字段进行汇总，获得所述应用程序对应的数据实体类；

35、响应于针对所述字段的注解操作，在所述数据实体类中添加各个所述ui信息卡片对应的注解参数，所述注解参数包括与所述ui信息卡片对应的初始参数。

36、本发明实施例还公开了一种ui信息卡片的处理装置，包括：

37、数据实体类获取模块，用于获取应用程序对应的数据实体类，所述数据实体类中包括所述应用程序的应用界面中各个ui信息卡片对应的字段以及注解参数；

38、模拟数据生成模块，用于根据所述字段与所述注解参数，生成各个所述ui信息卡片对应的模拟数据；

39、预览卡片列表生成模块，用于获取各个所述ui信息卡片对应的卡片类型，并根据各个所述ui信息卡片对应的模拟数据以及卡片类型，构建与所述应用界面对应的卡片预览列表，所述卡片预览列表包括各个所述ui信息卡片对应的内容；

40、ui信息卡片内容编辑模块，用于响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，并展示与所述目标ui信息卡片对应的目标卡片组件，以使得用户根据所述目标卡片组件对所述目标ui信息卡片进行内容编辑。

41、可选地，所述字段至少包括所述ui信息卡片对应的标题和内容，所述模拟数据生成模块具体用于：

42、对所述注解参数进行反射解析，获得各个所述ui信息卡片对应的初始参数，所述初始参数为所述ui信息卡片的内容所对应的默认值；

43、采用所述ui信息卡片对应的初始参数以及所述ui信息卡片对应的标题和内容，生成所述ui信息卡片对应的模拟数据。

44、可选地，所述应用程序对应有一静态类，所述预览卡片列表生成模块具体用于：

45、从所述静态类中提取各个所述ui信息卡片对应的卡片类型。

46、可选地，所述ui信息卡片内容编辑模块包括：

47、目标卡片组件选择模块，用于响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片以及与所述目标ui信息卡片对应的目标卡片组件，并显示与所述目标卡片组件对应的内容框，所述内容框包括与所述目标卡片组件对应的目标ui信息卡片内容；

48、目标卡片组件编辑模块，用于响应于针对所述目标ui信息卡片内容的编辑操作，更新所述目标卡片组件对应的目标ui信息卡片内容。

49、可选地，所述目标卡片组件选择模块包括：

50、目标位置获取模块，用于响应于针对所述卡片预览列表的选择操作，确定目标ui信息卡片，获取所述目标ui信息卡片在图形用户界面中对应的目标位置，并根据所述目标位置确定所述卡片预览列表中当前显示在所述图形用户界面中的根节点视图，所述根节点视图包括至少一个卡片集合，所述卡片集合包括至少一个卡片组件；

51、目标卡片组件确定模块，具体用于：

52、若所述目标位置位于所述卡片组件，则将所述选择操作所选中的卡片组件作为目标卡片组件；

53、若所述目标位置位于卡片集合，则在所述图形用户界面的可视区域内展开显示所述选择操作所选的卡片集合的子项；

54、若所述子项为卡片组件，则将所述子项作为目标卡片组件；

55、若所述子项为卡片集合，则响应于针对卡片集合的选择操作，直至选择操作所选的子项为卡片组件、且卡片组件显示于所述图形用户界面的可视区域时，将所述选择操作所选中的卡片组件作为目标卡片组件。

56、可选地，所述选择操作为触控操作，所述目标位置获取模块具体用于：

57、响应于针对所述卡片预览列表的触控操作，获取所述触控操作对应的触控坐标以及触控时长；

58、若所述触控时长大于或等于预设时间阈值，则将图形用户界面中所述触控坐标对应的位置作为目标位置。

59、可选地，所述选择操作为鼠标点击操作，所述目标位置获取模块具体用于：

60、响应于针对所述卡片预览列表的鼠标点击操作，获取所述鼠标点击操作对应的点击坐标；

61、若所述鼠标点击操作为双击操作，则将图形用户界面中所述点击坐标对应的位置作为目标位置。

62、可选地，所述装置还包括：

63、ui信息卡片创建点标记模块，用于响应于针对所述ui信息卡片的创建操作，获取所述创建操作对应的创建点，并在所述创建点插入标记代码，所述标记代码用于记录所述ui信息卡片的卡片类型信息以及所述应用程序的版本信息；

64、线上数据采集模块，用于响应于针对所述ui信息卡片的查看操作，采集所述ui信息卡片的卡片类型信息以及当前所述应用程序的版本信息，并组成与所述ui信息卡片对应的线上数据；

65、线上数据处理模块，用于解析所述线上数据，并将解析后的数据计入用于统计ui信息卡片使用情况的卡片统计表。

66、可选地，所述装置还包括：

67、ui信息卡片字段获取模块，用于获取各个所述ui信息卡片对应的字段；

68、ui信息卡片字段汇总模块，用于将各个所述ui信息卡片对应的字段进行汇总，获得所述应用程序对应的数据实体类；

69、ui信息卡片字段注解模块，用于响应于针对所述字段的注解操作，在所述数据实体类中添加各个所述ui信息卡片对应的注解参数，所述注解参数包括与所述ui信息卡片对应的初始参数。

70、本发明实施例还公开了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信；

71、所述存储器，用于存放计算机程序；

72、所述处理器，用于执行存储器上所存放的程序时，实现如本发明实施例所述的方法。

73、本发明实施例还公开了一种计算机可读存储介质，其上存储有指令，当由一个或多个处理器执行时，使得所述处理器执行如本发明实施例所述的方法。

74、本发明实施例包括以下优点：

75、在本发明实施例中，针对应用程序的应用界面中ui信息卡片的管理，通过获取应用程序对应的数据实体类，其中数据实体类中包括应用程序的应用界面中各个ui信息卡片对应的字段以及注解参数，然后根据字段与注解参数，生成各个ui信息卡片对应的模拟数据，接着获取各个ui信息卡片对应的卡片类型，并根据各个ui信息卡片对应的模拟数据以及卡片类型，构建与应用界面对应的卡片预览列表，并且卡片预览列表中至少包括各个ui信息卡片对应的内容，接着可以响应于针对卡片预览列表的选择操作，确定目标ui信息卡片，并展示与目标ui信息卡片对应的目标卡片组件，以使得用户可以根据目标卡片组件对目标ui信息卡片进行内容编辑，从而针对应用界面中的ui信息卡片，通过将ui信息卡片所对应的字段整合至数据实体类中，并在数据实体类中对ui信息卡片所对应的字段进行注解，使得在对ui信息卡片进行管理时，能够通过数据实体类中所包含的内容生成ui信息卡片对应的模拟数据以及ui信息卡片所对应的卡片类型，快速地构建与应用界面对应的卡片预览列表，降低了文档维护成本，并且通过对卡片预览列表中ui信息卡片内容进行选择，可以展示与ui信息卡片对应的卡片组件，方便开发人员直观、快速地查看到应用界面中所包含的ui信息卡片，以及通过卡片组件能够直接对ui信息卡片所对应的内容进行编辑，提高了ui信息卡片维护的便利性，降低了ui信息卡片开发、维护的成本，提高了开发效率。