CN114416083A - 一种数据处理方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明提供了一种数据处理方法、装置、电子设备及存储介质。通过本申请，对于页面中的至少部分页面元素，可以根据这些页面元素的元素标识，在云端中获取事先开发过的这些页面元素的计算机程序代码，也即，不需要开发人员实时编写这些页面元素的计算机程序代码，而可以直接从服务端中调取事先开发过的这些页面元素的计算机程序代码，并复用事先开发过的这些页面元素的计算机程序代码，从而可以降低开发人员的工作量，提高开发页面的效率。

Description

一种数据处理方法、装置、电子设备及存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种数据处理方法、装置、电子设备及存储介质。

背景技术

对于一个公司而言，在需要开发一个页面的情况下，UI(User Interface，用户界面)设计人员可以先基于图像设计应用程序设计页面的设计图，然后将设计图交给开发人员，开发人员再根据设计图对应编写页面的计算机程序，以完成对页面的开发。但是，这种开发方式中开发人员的工作量大，开发效率低。

发明内容

本申请示出了一种数据处理方法、装置、电子设备及存储介质。

第一方面，本申请示出了一种数据处理方法，应用于终端，所述方法包括：

在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的所述页面的设计图的图文件，所述设计图中包括所述页面中的多个页面元素；

在工程项目中加载所述图文件；

基于开发环境在所述图文件中获取所述设计图中的各个页面元素的元素标识，以及，基于所述开发环境根据所述图文件解析所述设计图中的各个页面元素之间的逻辑关系；

根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码，所述至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的；

基于所述逻辑关系在所述工程项目中布局所述至少部分页面元素的计算机程序代码。

在一个可选的实现方式中，所述方法还包括：

在所述至少部分页面元素少于所述多个页面元素的情况下，对于所述多个页面元素中的除所述至少部分页面元素以外的其他页面元素，根据所述逻辑关系获取用于在所述工程项目中布局所述其他页面元素的计算机程序代码的位置；

在所述工程项目中预留所述位置，以及，在所述位置输出提示信息，所述提示信息用于提示在所述位置编写所述其他页面元素的计算机程序代码。

在一个可选的实现方式中，所述方法还包括：

在得到在所述工程项目中的所述位置编写的所述其他页面元素的计算机程序代码的情况下，获取所述其他页面元素的元素标识；

将所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码绑定并上传至所述云端，以使所述云端存储绑定的所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码。

在一个可选的实现方式中，所述方法还包括：

在得到所述图像设计应用程序当前未支持的新的页面元素的计算机程序代码的情况下，根据所述新的页面元素的计算机程序代码渲染所述新的页面元素，以及，获取所述新的页面元素的元素标识；

向所述图像设计应用程序对应的后台服务端发送所述新的页面元素以及所述新的页面元素的元素标识，以供所述后台服务端在所述图像设计应用程序中添加新的页面元素以及所述新的页面元素的元素标识。

第二方面，本申请示出了一种数据处理装置，应用于终端，所述装置包括：

第一获取模块，用于在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的所述页面的设计图的图文件，所述设计图中包括所述页面中的多个页面元素；

加载模块，用于在工程项目中加载所述图文件；

第二获取模块，用于基于开发环境在所述图文件中获取所述设计图中的各个页面元素的元素标识，以及，基于所述开发环境根据所述图文件解析所述设计图中的各个页面元素之间的逻辑关系；

第三获取模块，用于根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码，所述至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的；

布局模块，用于基于所述逻辑关系在所述工程项目中布局所述至少部分页面元素的计算机程序代码。

在一个可选的实现方式中，所述装置还包括：

第四获取模块，用于在所述至少部分页面元素少于所述多个页面元素的情况下，对于所述多个页面元素中的除所述至少部分页面元素以外的其他页面元素，根据所述逻辑关系获取用于在所述工程项目中布局所述其他页面元素的计算机程序代码的位置；

输出模块，用于在所述工程项目中预留所述位置，以及，在所述位置输出提示信息，所述提示信息用于提示在所述位置编写所述其他页面元素的计算机程序代码。

在一个可选的实现方式中，所述装置还包括：

第五获取模块，用于在得到在所述工程项目中的所述位置编写的所述其他页面元素的计算机程序代码的情况下，获取所述其他页面元素的元素标识；

上传模块，用于将所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码绑定并上传至所述云端，以使所述云端存储绑定的所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码。

在一个可选的实现方式中，所述装置还包括：

第六获取模块，用于在得到所述图像设计应用程序当前未支持的新的页面元素的计算机程序代码的情况下，根据所述新的页面元素的计算机程序代码渲染所述新的页面元素，以及，获取所述新的页面元素的元素标识；

发送模块，用于向所述图像设计应用程序对应的后台服务端发送所述新的页面元素以及所述新的页面元素的元素标识，以供所述后台服务端在所述图像设计应用程序中添加新的页面元素以及所述新的页面元素的元素标识。

第三方面，本申请示出了一种电子设备，所述电子设备包括：

处理器；

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

其中，所述处理器被配置为执行如第一方面所述的数据处理方法。

第四方面，本申请示出了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面所述的数据处理方法。

第五方面，本申请示出了一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面所述的数据处理方法。

本申请提供的技术方案可以包括以下有益效果：

在本申请中，在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的页面的设计图的图文件。设计图中包括页面中的多个页面元素。在工程项目中加载设计图的图文件。基于开发环境在图文件中获取设计图中的各个页面元素的元素标识。以及，基于开发环境根据图文件解析设计图中的各个页面元素之间的逻辑关系。根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码。至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的。基于逻辑关系在工程项目中布局至少部分页面元素的计算机程序代码。

通过本申请，对于页面中的至少部分页面元素，可以根据这些页面元素的元素标识，在云端中获取事先开发过的这些页面元素的计算机程序代码，也即，不需要开发人员实时编写这些页面元素的计算机程序代码，而可以直接从服务端中调取事先开发过的这些页面元素的计算机程序代码，并复用事先开发过的这些页面元素的计算机程序代码，从而可以降低开发人员的工作量，提高开发页面的效率。

附图说明

图1是本申请的一种数据处理方法的步骤流程图。

图2是本申请的一种数据处理装置的结构框图。

图3是本申请的一种电子设备的框图。

图4是本申请的一种电子设备的框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

参照图1，示出了本申请的一种数据处理方法的步骤流程图，该方法应用于终端，该方法具体可以包括如下步骤：

在步骤S101中，在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的页面的设计图的图文件。设计图中包括页面中的多个页面元素。

对于一个公司而言，在需要开发一个页面的情况下，UI设计人员可以先基于图像设计应用程序设计页面的设计图，并基于图像设计应用程序生成设计图的图文件。

页面的设计图中包括多个页面元素，页面元素包括按钮、弹窗、下拉菜单、输入框、视频播放界面以及图片展示页面等。

不同的页面元素在设计图中具有各自的位置，位置包括在页面所在平面的二维位置，以及垂直于页面所在平面的层叠位置等。

图文件中包括各个页面元素的元素标识，且不同的页面元素的元素标识不同。

在UI设计人员基于图像设计应用程序得到页面的设计图的图文件之后，可以将设计图的图文件传递给开发人员，开发人员可以根据设计图的图文件对照开发页面的计算机程序代码，并对计算机程序代码编译，得到页面的页面数据。其中，在渲染页面数据之后显示的页面与设计图上呈现的页面相同。

在步骤S102中，在工程项目中加载设计图的图文件。

在一个例子中，开发人员的终端上安装有开发环境，可以在开发环境中创建一个工程项目(用以开发页面的计算机程序代码，开发页面的计算机程序代码至少需要开发页面中的各个页面元素的计算机程序代码)，在开发人员的终端得到UI设计人员传递的页面的设计图的图文件之后，可以显示接收到页面的设计图的图文件的提示信息，开发人员根据该提示信息可以获知终端已经得到了页面的设计图的图文件，然后可以控制终端在工程项目中加载图文件，例如，可以将图文件拖动至工程项目中，以实现控制终端在工程项目中加载设计图的图文件等。

在步骤S103中，基于开发环境在图文件中获取设计图中的各个页面元素的元素标识。以及，基于开发环境根据图文件解析设计图中的各个页面元素之间的逻辑关系。

在本申请一个实施例中，设计图中的图文件中包括设计图中的各个页面元素的元素标识，例如，图像设计应用程序中提供了多个页面元素，且每一个页面元素都具有各自的元素标识，在UI设计人员通过图像设计应用程序设计页面的设计图情况下，是根据图像设计应用程序中提供的多个页面元素来设计页面的设计图的，进而根据图像设计应用程序生成的设计图的图文件中就可以包括设计图中的各个页面元素的元素标识。

如此，可以从设计图的图文件中直接得到设计图中的各个页面元素的元素标识。

在本申请另一实施例中，设计图中的图文件中包括设计图中的各个页面元素之间的逻辑关系，例如，图像设计应用程序中提供了多个页面元素，在UI设计人员通过图像设计应用程序设计页面的设计图情况下，是根据图像设计应用程序中提供的多个页面元素来设计页面的设计图的，且是在图像设计应用程序设计需要的各个页面元素之间的逻辑关系的，例如位置关系以及从属关系等，进而根据图像设计应用程序生成的设计图的图文件中就可以包括设计图中的各个页面元素之间的逻辑关系。如此，可以从设计图的图文件中直接得到各个页面元素之间的逻辑关系。

或者，在本申请另一实施例中，可以使用当前已存在的元素解析方式来对图文件中的各个页面元素(图文件中包括设计图中的各个页面元素)解析，得到设计图中的各个页面元素之间的逻辑关系，例如，可以得到各个页面元素之间树形结构等，逻辑关系可以包括各个元素之间的从属关系以及位置关系等。

在步骤S104中，根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码。至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的。

在本申请中，对于开发人员而言，开发人员在历史过程中开发页面的情况下，会将开发的页面中的页面元素的计算机程序代码与页面中的页面元素的元素标识绑定并上传至云端存储。

如此，在本步骤中，可以根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码，也即，不需要开发人员实时编写至少部分页面元素的计算机程序代码，而可以直接从服务端中调取事先开发过的这些页面元素的计算机程序代码，并复用事先开发过的这些页面元素的计算机程序代码，以提高开发页面的效率。

例如，终端可以基于开发环境向云端发送各个页面元素的元素标识，在云端接收到各个页面元素的元素标识之后，对于任意一个页面元素的元素标识，可以在云端中查找是否存在与该页面元素的元素标识绑定的计算机程序代码，如果存在与该页面元素的元素标识绑定的计算机程序代码，则将与该页面元素的元素标识绑定的计算机程序代码发送给终端，终端基于开发环境接收服务端返回的与该页面元素的元素标识绑定的计算机程序代码，并作为该页面元素的计算机程序代码。对于其他每一个页面元素的元素标识，同样如此。

在步骤S105中，基于逻辑关系在工程项目中布局至少部分页面元素的计算机程序代码。

在本申请中，逻辑关系可以包括各个页面元素之间的从属关系以及位置关系等，从属关系可以理解为页面元素之间的包含关系，位置关系可以理解为页面元素在设计图中的位置等。

其中，可以根据逻辑关系确定至少部分页面元素中的各个页面元素之间的从属关系，进而根据至少部分页面元素中的各个页面元素之间的从属关系来确定至少部分页面元素中的各个页面元素的计算机程序代码之间的从属关系，并依照各个页面元素的计算机程序代码之间的从属关系来组合至少部分页面元素中的各个页面元素的计算机程序代码，并在工程项目中显示组合后的至少部分页面元素的计算机程序代码。

在本申请中，在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的页面的设计图的图文件。设计图中包括页面中的多个页面元素。在工程项目中加载设计图的图文件。基于开发环境在图文件中获取设计图中的各个页面元素的元素标识。以及，基于开发环境根据图文件解析设计图中的各个页面元素之间的逻辑关系。根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码。至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的。基于逻辑关系在工程项目中布局至少部分页面元素的计算机程序代码。

通过本申请，对于页面中的至少部分页面元素，可以根据这些页面元素的元素标识，在云端中获取事先开发过的这些页面元素的计算机程序代码，也即，不需要开发人员实时编写这些页面元素的计算机程序代码，而可以直接从服务端中调取事先开发过的这些页面元素的计算机程序代码，并复用事先开发过的这些页面元素的计算机程序代码，从而可以降低开发人员的工作量，提高开发页面的效率。

在本申请一个实施例中，在至少部分页面元素与多个页面元素一一对应相同的情况下，则说明设计图中的各个页面元素的计算机程序代码事先均存储在云端中，本次对设计图中的各个页面元素的计算机程序代码均可以实现复用，开发人员可以对在工程项目中布局的各个页面元素的计算机程序代码进行适配性调整之后，即可完成对页面的计算机程序代码的开发。

或者，在本申请另一实施例中，在至少部分页面元素少于多个页面元素的情况下，则说明：对于多个页面元素中的除至少部分页面元素以外的其他页面元素，云端中不存在事先开发的其他页面元素的计算机程序代码，需要开发人员实时地在工程项目中开发其他页面元素的计算机程序代码，例如可以根据逻辑关系获取用于在工程项目中布局其他页面元素的计算机程序代码的位置。在工程项目中预留该位置，以及，在该位置输出提示信息，提示信息用于提示在该位置编写其他页面元素的计算机程序代码，以提示开发人员在该位置可以编写其他页面元素的计算机程序代码，然后对在工程项目中的各个页面元素的计算机程序代码进行适配性调整之后，即可完成对页面的计算机程序代码的开发。

进一步地，在得到开发人员在工程项目中的该位置编写的其他页面元素的计算机程序代码的情况下，可以获取其他页面元素的元素标识。然后将其他页面元素的元素标识以及其他页面元素的计算机程序代码绑定并上传至云端，以使云端存储绑定的其他页面元素的元素标识以及其他页面元素的计算机程序代码，进而使得之后开发人员在需要编写包括其他页面元素的页面的计算机程序代码时可以直接从云端调取其他页面元素的计算机程序代码，而不需要实时编写其他页面元素的计算机程序代码，从而可以提高开发效率，降低开发工作量等。

图像设计应用程序支持的页面元素往往是有限的，导致UI设计人员设计页面的设计图受限(例如页面元素的样式以及种类等受限，导致页面的多样性受限)，因此，为了降低UI设计人员设计页面的设计图的受限制程度。

在本申请另一实施例中，开发人员后续可能会根据实际需求自行开发出图像设计应用程序当前未支持的新的页面元素的计算机程序代码，终端在得到图像设计应用程序当前未支持的新的页面元素的计算机程序代码的情况下，可以根据新的页面元素的计算机程序代码渲染新的页面元素，获取新的页面元素的元素标识，新的页面元素的计算机程序代码中包括有新的页面元素的元素标识，如此可以从新的页面元素的计算机程序代码中获取新的页面元素的元素标识；或者，获取开发人员输入的新的页面元素的元素标识等。

向图像设计应用程序对应的后台服务端发送新的页面元素以及新的页面元素的元素标识，以供后台服务端在图像设计应用程序中添加新的页面元素以及新的页面元素的元素标识，如此实现图像设计应用程序也支持新的页面元素，进而使得UI设计人员之后可以基于新的页面元素设计页面的设计图，以提高设计的页面的多样性。

进一步地，还可以将新的页面元素的元素标识以及新的页面元素的计算机程序代码绑定并上传至云端，以使云端存储绑定的新的页面元素的元素标识以及新的页面元素的计算机程序代码，进而使得之后开发人员在需要编写包括新的页面元素的页面的计算机程序代码时可以直接从云端调取新的页面元素的计算机程序代码，而不需要实时编写新的页面元素的计算机程序代码，从而可以提高开发效率，降低开发工作量等。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于可选实施例，所涉及的动作并不一定是本申请所必须的。

参照图2，示出了本申请的一种数据处理装置的结构框图，应用于终端，所述装置包括：

第一获取模块11，用于在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的所述页面的设计图的图文件，所述设计图中包括所述页面中的多个页面元素；

加载模块12，用于在工程项目中加载所述图文件；

第二获取模块13，用于基于开发环境在所述图文件中获取所述设计图中的各个页面元素的元素标识，以及，基于所述开发环境根据所述图文件解析所述设计图中的各个页面元素之间的逻辑关系；

第三获取模块14，用于根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码，所述至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的；

布局模块15，用于基于所述逻辑关系在所述工程项目中布局所述至少部分页面元素的计算机程序代码。

在一个可选的实现方式中，所述装置还包括：

第四获取模块，用于在所述至少部分页面元素少于所述多个页面元素的情况下，对于所述多个页面元素中的除所述至少部分页面元素以外的其他页面元素，根据所述逻辑关系获取用于在所述工程项目中布局所述其他页面元素的计算机程序代码的位置；

输出模块，用于在所述工程项目中预留所述位置，以及，在所述位置输出提示信息，所述提示信息用于提示在所述位置编写所述其他页面元素的计算机程序代码。

在一个可选的实现方式中，所述装置还包括：

第五获取模块，用于在得到在所述工程项目中的所述位置编写的所述其他页面元素的计算机程序代码的情况下，获取所述其他页面元素的元素标识；

上传模块，用于将所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码绑定并上传至所述云端，以使所述云端存储绑定的所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码。

在一个可选的实现方式中，所述装置还包括：

第六获取模块，用于在得到所述图像设计应用程序当前未支持的新的页面元素的计算机程序代码的情况下，根据所述新的页面元素的计算机程序代码渲染所述新的页面元素，以及，获取所述新的页面元素的元素标识；

发送模块，用于向所述图像设计应用程序对应的后台服务端发送所述新的页面元素以及所述新的页面元素的元素标识，以供所述后台服务端在所述图像设计应用程序中添加新的页面元素以及所述新的页面元素的元素标识。

在本申请中，在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的页面的设计图的图文件。设计图中包括页面中的多个页面元素。在工程项目中加载设计图的图文件。基于开发环境在图文件中获取设计图中的各个页面元素的元素标识。以及，基于开发环境根据图文件解析设计图中的各个页面元素之间的逻辑关系。根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码。至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的。基于逻辑关系在工程项目中布局至少部分页面元素的计算机程序代码。

通过本申请，对于页面中的至少部分页面元素，可以根据这些页面元素的元素标识，在云端中获取事先开发过的这些页面元素的计算机程序代码，也即，不需要开发人员实时编写这些页面元素的计算机程序代码，而可以直接从服务端中调取事先开发过的这些页面元素的计算机程序代码，并复用事先开发过的这些页面元素的计算机程序代码，从而可以降低开发人员的工作量，提高开发页面的效率。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

可选的，本发明实施例还提供了一种电子设备，包括：处理器，存储器，存储在存储器上并可在处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述数据处理方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本发明实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现上述数据处理方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。

图3是本申请示出的一种电子设备800的框图。例如，电子设备800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图3，电子设备800可以包括以下一个或多个组件：处理组件802，存储器804，电力组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制电子设备800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在电子设备800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图像，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为电子设备800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为电子设备800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述电子设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当电子设备800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收到的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为电子设备800提供各个方面的状态评估。例如，传感器组件814可以检测到设备800的打开/关闭状态，组件的相对定位，例如所述组件为电子设备800的显示器和小键盘，传感器组件814还可以检测电子设备800或电子设备800一个组件的位置改变，用户与电子设备800接触的存在或不存在，电子设备800方位或加速/减速和电子设备800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于电子设备800和其他设备之间有线或无线方式的通信。电子设备800可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播操作信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由电子设备800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

图4是本申请示出的一种电子设备1900的框图。例如，电子设备1900可以被提供为一服务器。

参照图4，电子设备1900包括处理组件1922，其进一步包括一个或多个处理器，以及由存储器1932所代表的存储器资源，用于存储可由处理组件1922的执行的指令，例如应用程序。存储器1932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1922被配置为执行指令，以执行上述方法。

电子设备1900还可以包括一个电源组件1926被配置为执行电子设备1900的电源管理，一个有线或无线网络接口1950被配置为将电子设备1900连接到网络，和一个输入输出(I/O)接口1958。电子设备1900可以操作基于存储在存储器1932的操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本发明的保护之内。

本领域普通技术人员可以意识到，结合本发明实施例中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种数据处理方法，其特征在于，应用于终端，所述方法包括：

在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的所述页面的设计图的图文件，所述设计图中包括所述页面中的多个页面元素；

在工程项目中加载所述图文件；

基于开发环境在所述图文件中获取所述设计图中的各个页面元素的元素标识，以及，基于所述开发环境根据所述图文件解析所述设计图中的各个页面元素之间的逻辑关系；

根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码，所述至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的；

基于所述逻辑关系在所述工程项目中布局所述至少部分页面元素的计算机程序代码。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述至少部分页面元素少于所述多个页面元素的情况下，对于所述多个页面元素中的除所述至少部分页面元素以外的其他页面元素，根据所述逻辑关系获取用于在所述工程项目中布局所述其他页面元素的计算机程序代码的位置；

在所述工程项目中预留所述位置，以及，在所述位置输出提示信息，所述提示信息用于提示在所述位置编写所述其他页面元素的计算机程序代码。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在得到在所述工程项目中的所述位置编写的所述其他页面元素的计算机程序代码的情况下，获取所述其他页面元素的元素标识；

将所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码绑定并上传至所述云端，以使所述云端存储绑定的所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在得到所述图像设计应用程序当前未支持的新的页面元素的计算机程序代码的情况下，根据所述新的页面元素的计算机程序代码渲染所述新的页面元素，以及，获取所述新的页面元素的元素标识；

向所述图像设计应用程序对应的后台服务端发送所述新的页面元素以及所述新的页面元素的元素标识，以供所述后台服务端在所述图像设计应用程序中添加新的页面元素以及所述新的页面元素的元素标识。

5.一种数据处理装置，其特征在于，应用于终端，所述装置包括：

第一获取模块，用于在需要在开发环境中的工程项目中开发页面的计算机程序代码的情况下，获取基于图像设计应用程序设计的所述页面的设计图的图文件，所述设计图中包括所述页面中的多个页面元素；

加载模块，用于在工程项目中加载所述图文件；

第二获取模块，用于基于开发环境在所述图文件中获取所述设计图中的各个页面元素的元素标识，以及，基于所述开发环境根据所述图文件解析所述设计图中的各个页面元素之间的逻辑关系；

第三获取模块，用于根据各个页面元素的元素标识，在云端中获取至少部分页面元素的计算机程序代码，所述至少部分页面元素的计算机程序代码是事先开发并缓存在云端中的；

布局模块，用于基于所述逻辑关系在所述工程项目中布局所述至少部分页面元素的计算机程序代码。

6.根据权利要求5所述的装置，其特征在于，所述装置还包括：

第四获取模块，用于在所述至少部分页面元素少于所述多个页面元素的情况下，对于所述多个页面元素中的除所述至少部分页面元素以外的其他页面元素，根据所述逻辑关系获取用于在所述工程项目中布局所述其他页面元素的计算机程序代码的位置；

输出模块，用于在所述工程项目中预留所述位置，以及，在所述位置输出提示信息，所述提示信息用于提示在所述位置编写所述其他页面元素的计算机程序代码。

7.根据权利要求5所述的装置，其特征在于，所述装置还包括：

第五获取模块，用于在得到在所述工程项目中的所述位置编写的所述其他页面元素的计算机程序代码的情况下，获取所述其他页面元素的元素标识；

上传模块，用于将所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码绑定并上传至所述云端，以使所述云端存储绑定的所述其他页面元素的元素标识以及所述其他页面元素的计算机程序代码。

8.根据权利要求5所述的装置，其特征在于，所述装置还包括：

第六获取模块，用于在得到所述图像设计应用程序当前未支持的新的页面元素的计算机程序代码的情况下，根据所述新的页面元素的计算机程序代码渲染所述新的页面元素，以及，获取所述新的页面元素的元素标识；

发送模块，用于向所述图像设计应用程序对应的后台服务端发送所述新的页面元素以及所述新的页面元素的元素标识，以供所述后台服务端在所述图像设计应用程序中添加新的页面元素以及所述新的页面元素的元素标识。

9.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至4中任一项所述的数据处理方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至4中任一项所述的数据处理方法的步骤。

Images