[发明专利]用户界面图像处理方法、装置、介质及电子设备

说明书

本发明提供了一种用户界面图像处理方法，包括：获取用户界面图像；对所述用户界面图像进行解析，以获取所述用户界面图像中的组件；根据所述用户界面图像中的组件确定所述组件的页面交互逻辑；根据所述组件的页面交互逻辑确定所述组件的数据；基于所述组件、所述组件的页面交互逻辑、所述组件的数据生成web应用系统，以此方式生成web应用系统无需再对静态代码进行开发，有效地提升开发效率。本发明还提供了一种用户界面图像处理方法装置、介质以及电子设备。

技术领域

本发明涉及图像处理的技术领域，具体而言，涉及一种用户界面图像处理方法、装置、介质及电子设备。

背景技术

随着互联网的快速发展，各种各样的web应用系统也随之产生。目前，生成web应用系统的方法为：首先，将用户界面图像转换成静态代码，然后对静态代码进行开发。例如，开发页面交互逻辑和数据，最后基于前端页面交互逻辑和数据生成web应用系统。

但是发明人在实现本发明的构思时，发现相关技术中至少存在以下问题：相关技术中需要针对静态代码进行开发，以获取页面交互逻辑和数据，这样导致生成web应用系统的周期太长，从而降低开发效率。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本发明实施例的目的在于提供一种用户界面图像处理方法、装置、介质及电子设备，进而至少可以在一定程度上解决相关技术中开发效率低的缺陷。

本发明的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本发明实施例的第一方面，提供了一种用户界面图像处理方法，包括：获取用户界面图像；对所述用户界面图像进行解析，以获取所述用户界面图像中的组件；根据所述用户界面图像中的组件确定所述组件的页面交互逻辑；根据所述组件的页面交互逻辑确定所述组件的数据；基于所述组件、所述组件的页面交互逻辑、所述组件的数据生成web应用系统。

在本发明的一些实施例中，对所述用户界面图像进行解析，以获取所述用户界面图像中的组件包括：根据所述用户界面图像的格式对所述用户界面图像进行解析，以获取所述用户界面图像的代码；对所述用户界面图像的代码进行解析，以获取所述用户界面图像中的组件。

在本发明的一些实施例中，根据所述用户界面图像中的组件确定所述组件的页面交互逻辑包括：基于所述用户界面图像中的组件的标识配置所述组件的页面交互逻辑；或者基于所述用户界面图像中的组件的标识从数据库中查询与其对应的页面交互逻辑。

在本发明的一些实施例中，根据所述组件的页面交互逻辑确定所述组件的数据包括：根据所述页面交互逻辑的标识查询所述页面交互逻辑与所述组件的数据的映射关系；根据所述页面交互逻辑与所述组件的数据的映射关系调用所述组件的数据。

在本发明的一些实施例中，该方法还包括：通过业务逻辑解析引擎将所述页面交互逻辑和所述组件的数据挂载到所述组件。

在本发明的一些实施例中，该方法还包括：响应于用户登录所述web应用系统的操作，发送所述web应用系统的界面，所述web应用系统的界面中包含有一个或多个供用户操作的组件；以及响应于用户对所述组件的操作，发送所述组件的数据。

在本发明的一些实施例中，所述用户界面图像的格式为sketch。

根据本发明实施例的第二方面，提供了一种用户界面图像处理装置，包括：获取模块，用于获取用户界面图像；解析模块，用于对所述用户界面图像进行解析，以获取所述用户界面图像中的组件；第一确定模块，用于根据所述用户界面图像中的组件确定所述组件的页面交互逻辑；第二确定模块，用于根据所述组件的页面交互逻辑确定所述组件的数据；生成模块，基于所述组件、所述组件的页面交互逻辑、所述组件的数据生成web应用系统。