CN116126320B - 一种数据处理方法、装置、电子设备及存储介质 - Google Patents
一种数据处理方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116126320B CN116126320B CN202211648455.5A CN202211648455A CN116126320B CN 116126320 B CN116126320 B CN 116126320B CN 202211648455 A CN202211648455 A CN 202211648455A CN 116126320 B CN116126320 B CN 116126320B
- Authority
- CN
- China
- Prior art keywords
- api
- carrier
- library
- canvas
- target
- 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.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 9
- 238000004590 computer program Methods 0.000 claims abstract description 130
- 238000011161 development Methods 0.000 claims abstract description 49
- 238000004806 packaging method and process Methods 0.000 claims abstract description 39
- 238000012545 processing Methods 0.000 claims abstract description 20
- 239000008186 active pharmaceutical agent Substances 0.000 claims description 62
- 238000000034 method Methods 0.000 claims description 55
- 239000000969 carrier Substances 0.000 claims description 53
- 230000008569 process Effects 0.000 claims description 12
- 238000012856 packing Methods 0.000 claims description 4
- 230000006870 function Effects 0.000 abstract description 15
- 238000004891 communication Methods 0.000 description 12
- 238000005516 engineering process Methods 0.000 description 8
- 230000000694 effects Effects 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000005236 sound signal Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000007726 management method Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 239000013598 vector Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/76—Adapting program code to run in a different environment; Porting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Stored Programmes (AREA)
Abstract
本申请提供了一种数据处理方法、装置、电子设备及存储介质。获取对工程项目中的页面的第一计算机程序代码的打包请求，打包请求携带目标载体的标识，根据目标载体的标识，获取目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API。使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码。对页面的第二计算机程序代码打包，得到目标载体承载的页面。可以降低开发人员的开发工作量以及尽可能地保障在载体上显示的页面中的2D/3D图形的很多关于目标载体的预期功能能够正常使用。
Description
技术领域
本申请涉及计算机技术领域，尤其涉及一种数据处理方法、装置、电子设备及存储介质。
背景技术
目前，很多服务厂商通过页面来对外(例如为广大用户等)提供服务，且为了更友好地对外提供服务，服务厂商往往会在页面中绘制2D/3D图形，以通过页面中的2D/3D图形对外提供服务。
发明内容
本申请示出了一种数据处理方法、装置、电子设备及存储介质。
第一方面，本申请示出了一种数据处理方法，所述方法应用于电子设备，所述电子设备中部署有开发环境，所述开发环境中创建有页面的工程项目，所述工程项目中已开发有页面的第一计算机程序代码，第一计算机程序代码中至少包括通过调用统一画布库应用程序编程接口API以创建画布的指令以及通过调用统一图形库API以在画布中绘制图形的指令；
所述方法包括：
获取对所述工程项目中的页面的第一计算机程序代码的打包请求，所述打包请求携带目标载体的标识，所述打包请求用于指示根据所述标识以及页面的第一计算机程序代码生成所述目标载体承载的页面；
根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API；
使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码；
对页面的第二计算机程序代码打包，得到所述目标载体承载的页面。
在一个可选的实现方式中，所述根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API，包括：
在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中，查找与所述目标载体的标识相对应的图形库的API以及画布库的API，并分别作为所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API。
在一个可选的实现方式中，所述方法还包括：
接收添加指令，所述添加指令携带所述对应关系中不包括的新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API；
将新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API建立关联关系，并存储在所述对应关系中。
在一个可选的实现方式中，所述方法还包括：
接收删除指令，所述删除指令携带所述对应关系中包括的旧的载体的标识；
在所述对应关系中查找包括旧的载体的标识的对应关联关系；
在所述对应关系中删除包括旧的载体的标识的对应关联关系。
在一个可选的实现方式中，所述方法还包括：
存储页面的第二计算机程序代码。
在一个可选的实现方式中，所述方法还包括：
在检测到所述工程项目处于开发页面的第一计算机程序代码的过程的情况下，输出提示信息，所述提示信息用于提示：在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。
第二方面，本申请示出了一种数据处理装置，所述装置应用于电子设备，所述电子设备中部署有开发环境，所述开发环境中创建有页面的工程项目，所述工程项目中已开发有页面的第一计算机程序代码，第一计算机程序代码中至少包括通过调用统一画布库应用程序编程接口API以创建画布的指令以及通过调用统一图形库API以在画布中绘制图形的指令；
所述装置包括：
第一获取模块，用于获取对所述工程项目中的页面的第一计算机程序代码的打包请求，所述打包请求携带目标载体的标识，所述打包请求用于指示根据所述标识以及页面的第一计算机程序代码生成所述目标载体承载的页面；
第二获取模块，用于根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API；
替换模块，用于使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码；
打包模块，用于对页面的第二计算机程序代码打包，得到所述目标载体承载的页面。
在一个可选的实现方式中，所述第二获取模块包括：
第一查找单元，用于在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中，查找与所述目标载体的标识相对应的图形库的API以及画布库的API，并分别作为所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API。
在一个可选的实现方式中，所述第二获取模块还包括：
第一接收单元，用于接收添加指令，所述添加指令携带所述对应关系中不包括的新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API；
存储单元，用于将新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API建立关联关系，并存储在所述对应关系中。
在一个可选的实现方式中，所述第二获取模块还包括：
第二接收单元，用于接收删除指令，所述删除指令携带所述对应关系中包括的旧的载体的标识；
第二查找单元，用于在所述对应关系中查找包括旧的载体的标识的对应关联关系；
删除单元，用于在所述对应关系中删除包括旧的载体的标识的对应关联关系。
在一个可选的实现方式中，所述装置还包括：
存储模块，用于存储页面的第二计算机程序代码。
在一个可选的实现方式中，所述装置还包括：
输出模块，用于在检测到所述工程项目处于开发页面的第一计算机程序代码的过程的情况下，输出提示信息，所述提示信息用于提示：在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。
第三方面，本申请示出了一种电子设备，所述电子设备包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为执行如上述任一方面所述的方法。
第四方面，本申请示出了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如上述任一方面所述的方法。
第五方面，本申请示出了一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行如上述任一方面所述的方法。
本申请提供的技术方案可以包括以下有益效果：
在本申请中，获取对工程项目中的页面的第一计算机程序代码的打包请求，打包请求携带目标载体的标识，打包请求用于指示根据该标识以及页面的第一计算机程序代码生成目标载体承载的页面。根据目标载体的标识，获取目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API。使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码。对页面的第二计算机程序代码打包，得到目标载体承载的页面。
一方面，可以实现一套代码的复用，例如，实现“一次开发，多端使用”的效果，从而可以降低开发人员的开发工作量，降低人工成本。
另一方面，转换得到的页面的第二计算机程序代码能够支持目标载体的技术栈，例如，具有通过调用目标载体支持的画布库的API以创建画布的指令以及通过调用目标载体支持的图形库的API以在画布中绘制图形的指令，使得在目标载体上显示的页面的2D/3D图形不受制于比目标载体的技术栈更低级的技术栈的制约，可以尽可能地保障在目标载体上显示的页面中的2D/3D图形的很多关于目标载体的预期功能能够正常使用，提高用户对在目标载体上显示的页面中的2D/3D图形的使用体验。
附图说明
图1是本申请的一种数据处理方法的步骤流程图。
图2是本申请的一种数据处理装置的结构框图。
图3是本申请的一种电子设备的框图。
图4是本申请的一种电子设备的框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通开发人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
目前市面上能够承载页面的载体包括多种，例如，原生应用程序、小程序以及Web(网页)等。
另外，服务厂商为了增加对外提供服务的服务通道，往往会通过多种载体承载页面，以通过多种载体分别承载的页面分别对外提供服务。
为了能够通过多种载体分别承载的页面分别对外提供服务，服务厂商的开发人员可以事先分别开发各种载体分别承载的页面，各种载体分别承载的页面中均具有2D/3D图形，例如，开发原生应用程序承载的页面，开发小程序承载的页面以及开发web承载的页面等。
然而，发明人发现：服务厂商的开发人员分别开发各种载体分别承载的页面的开发工作量大，人工成本高。
如此，提出了降低开发人员的开发工作量的需求。
为了实现降低开发人员的开发工作量的需求的目的，发明人分析了“服务厂商的开发人员分别开发各种载体分别承载的页面的开发工作量大”的原因，并发现：
承载页面的不同的载体的技术栈往往不同，技术栈至少涉及绘制2D/3D图形所支持使用的绘制工具，如此，在不同的载体分别承载的页面中绘制2D/3D图形所支持使用的绘制工具也往往不同。
其中，绘制工具可以包括图形库以及画布库等，其中，一种形象的理解为：图形库可以看作笔，画布库可以看作纸，调用画布库可以实现在页面中创建画布，然后调用图形库可以实现在创建的画布上绘制2D/3D图形。
在开发页面的阶段中，开发人员往往通过编写页面的计算机程序代码来开发页面，其中，在开发人员编写页面的计算机程序代码的过程中，需要针对承载页面的载体支持的技术栈来针对性地编写页面的计算机程序代码。
图形库对外开放有API(Application Program Interface，应用程序编程接口)，且画布库也对外开放有API。
如此，在编写调用图形库的代码时，需要编写通过图形库的API调用图形库的调用语句(代码)，在调用画布库时，需要编写通过画布库的API调用画布库的调用语句(代码)。
但是，由于不同的载体支持的图形库以及画布库不同，不同的图形库对外开放的图形库的API不同，且不同的画布库对外开放的画布库的API不同。
如此，在开发不同的载体分别承载的页面的计算机程序代码的过程中，需要分别编写的调用图形库的调用语句以及调用画布库的调用语句不同。例如，需要编写通过不同的图形库的API调用图形库的调用语句(代码)，以及，需要编写通过不同的画布库的API调用画布库的调用语句(代码)。
为此，针对不同的载体分别承载的页面的计算机程序代码需要分别开发，例如，服务厂商需要通过哪些载体来承载页面以对外提供服务，则需要分别编写这些载体中的各个载体分别承载的页面的计算机程序代码，也即，需要编写各个载体分别对应的一个页面的计算机程序代码，导致编写页面的计算机程序代码的开发工作量大，人工成本高。
鉴于此原因，发明人想到了，对于各个的载体分别承载的页面而言，如果可以仅编写一套页面的计算机程序代码以实现开发一个页面，且开发的这一套页面的计算机程序代码能够在各个载体上分别复用，则可以实现“一次开发，多端使用”的效果，进而可以降低开发的开发工作量，降低人工成本。
为了能够实现开发的一套页面的计算机程序代码能够在各个载体上分别复用，发明人想到了一种方式：
例如，针对载体Web而言，载体Web的技术栈支持图形库three.js以及画布库canvas，在载体Web承载的页面上支持使用图形库three.js以及画布库canvas绘制2D/3D图形，如此，在开发载体Web承载的页面时，开发人员在载体Web承载的页面的计算机程序代码中，需要编写通过图形库three.js的API调用图形库three.js的调用语句以及通过画布库canvas的API调用画布库canvas的调用语句，在载体Web承载的页面的计算机程序代码开发完毕之后，可以将载体Web承载的页面的计算机程序代码打包，得到Web页面，如此，Web页面可以在载体Web上承载，例如，用户可以在载体Web上查看Web页面。
另外，在开发其他载体(例如原生应用程序或小程序等)承载的页面时，可以在其他载体承载的页面的计算机程序代码中载入Web控件，并在Web控件中记录为载体Web开发的Web页面的URL，以完成对其他载体承载的页面的开发。
如此，在其他载体需要显示页面时，直接基于Web控件中的Web页面的URL获取Web页面，并基于Web控件显示Web页面，Web页面具有2D/3D图形，如此，可以实现在其他载体上基于Web页面中的2D/3D图形对外提供服务。
可见，在上述复用的方式中，通过在其他载体中复用为载体Web开发的Web页面，使得开发人员针对其他载体承载的页面不需要手动编写页面的全部的计算机程序代码，从而可以降低开发人员的开发工作量，降低人工成本。
然而，在采用上述复用的方式之后，发明人又发现了：在其他载体上基于Web控件显示的Web页面中的2D/3D图形的很多预期功能无法正常使用，这样会影响广大用户对在其他载体上显示的页面中的2D/3D图形的使用体验。
发明人又对“在其他载体上基于Web控件显示的Web页面中的2D/3D图形的很多预期功能无法正常使用”的原因进行了分析，并发现：
在对不同的载体针对性地单独开发页面的计算机程序代码以实现单独开发不同的载体分别承载的具有2D/3D图形的页面的情况下，不同的载体分别承载的具有2D/3D图形的页面中的2D/3D图形的预期功能基本均能够正常使用，例如，为Web载体单独开发的Web载体承载的具有2D/3D图形的页面中的2D/3D图形的预期功能基本均能够正常使用，且为其他载体单独开发的其他载体承载的具有2D/3D图形的页面中的2D/3D图形的预期功能基本也均能够正常使用。
因此，发明人初步认为：“在其他载体上基于Web控件显示的Web页面中的2D/3D图形的很多预期功能无法正常使用”可能并不是其他载体本身引起的，而往往是为载体Web开发的Web页面不适于在其他载体上承载而引起的。
针对此结论，发明人又继续进行探索，并发现：载体Web的技术栈的功能没有其他载体(例如原生应用程序或小程序)的技术栈的功能强大，为其他载体开发的页面中的2D/3D图形的一些功能无法在为载体Web开发的Web页面中实现的。
然而，由于通过诸如小程序或者原生应用程序等其他载体查看页面的用户量往往很多，且多于使用Web载体查看页面的用户量，如此，为了增加更多用户对服务厂商的粘性，以尽可能地避免用户流失，开发人员往往对其他载体承载的页面中的2D/3D图形的功能的期望较高，且高于开发人员对载体Web承载的页面中的2D/3D图形的功能的期望。
但是，为载体Web开发的Web页面中的2D/3D图形的功能无法达到为其他载体开发的页面中的2D/3D图形的功能的期望(包括全面性或多样性等)，从而导致在其他载体上基于Web控件显示的Web页面中的2D/3D图形的很多预期功能无法正常使用。
鉴于此，提出了“降低开发人员的开发工作量以及尽可能地保障在其他载体上显示的页面中的2D/3D图形的很多预期功能能够正常使用”的需求。
为了实现“降低开发人员的开发工作量以及尽可能地保障在其他载体上显示的页面中的2D/3D图形的很多预期功能能够正常使用”的目的，发明人想到了又一种方式：
编写一套页面的计算机程序代码，对于用于承载页面的多个不同载体而言，如果需要得到某一个载体承载的页面，则可以将编写的这一套页面的计算机程序代码自动转换为支持该载体的技术栈的、页面的计算机程序代码(例如，能够体现该载体的技术栈的、页面的计算机程序代码)，然后将支持该载体的技术栈的、页面的计算机程序代码打包，得到该载体承载的页面，如果需要得到其他载体承载的页面，同样如此。
通过上述又一种方式，一方面，可以实现一套代码的复用，例如，实现“一次开发，多端使用”的效果，从而可以降低开发人员的开发工作量，降低人工成本。
另一方面，转换得到的页面的第二计算机程序代码能够支持目标载体的技术栈，例如，具有通过调用目标载体支持的画布库的API以创建画布的指令以及通过调用目标载体支持的图形库的API以在画布中绘制图形的指令，使得在目标载体上显示的页面的2D/3D图形不受制于比目标载体的技术栈更低级的技术栈的制约，可以尽可能地保障在目标载体上显示的页面中的2D/3D图形的很多关于目标载体的预期功能能够正常使用，提高用户对在目标载体上显示的页面中的2D/3D图形的使用体验。
具体地，参照图1，示出了本申请的一种数据处理方法的流程示意图，该方法应用于电子设备，电子设备中部署有开发环境，开发环境中创建有页面的工程项目，工程项目中已开发有页面的第一计算机程序代码，第一计算机程序代码中至少包括通过调用统一画布库API以创建画布的指令以及通过调用统一图形库API以在画布中绘制图形的指令。
其中，该方法包括：
在步骤S101中，获取对工程项目中的页面的第一计算机程序代码的打包请求，打包请求携带目标载体的标识，打包请求用于指示根据该标识以及页面的第一计算机程序代码生成目标载体承载的页面。
目标载体具有承载页面的能力。目标载体可以包括具有承载页面的能力的多个载体中的至少一个载体等。
在本申请中，在开发人员需要在工程项目中开发页面且页面中需要具有2D/3D图形的情况下，在编写页面的计算机程序代码的阶段，开发人员可以在工程项目中编写调用画布库的API以创建画布的指令，以及编写调用图形库API以在画布中绘制图形的指令，开发人员编写的页面的计算机程序代码可以看作页面的第一计算机程序代码。
在实际情况中，开发人员往往需要页面承载在至少一个载体上，也即，使得用户可以基于至少一个载体来查看页面。
其中，不同的载体支持的画布库的API与不同的载体支持的图形库的API不同。
在本申请中，无论开发人员是想让开发的页面承载在哪些载体上，开发人员都不需要关心这个载体支持的图形库的API，也不需要关心这个载体支持的画布库的API。
为了降低开发人员开发页面的工作量，支持开发人员编写的调用画布库的API以创建画布的指令可以是调用对外开放的统一画布库API以创建画布的指令，以及支持开发人员编写的调用图形库API以在画布中绘制图形的指令可以是调用统一图形库API以在画布中绘制图形的指令。
统一图形库API与承载页面的各个载体分别支持的图形库的API可以不同。统一画布库API与承载页面的各个载体分别支持的画布库的API可以不同。
在开发完毕页面的第一计算机程序代码的情况下，可以输入对工程项目中的页面的第一计算机程序代码的打包请求。
例如，开发人员可以控制电子设备中在开发环境中显示多个载体的标识。多个载体的标识可以是从“载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系”中得到的，关于“载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系”可以参见步骤S102的描述，在此不做详述。
开发人员可以在显示的多个载体的标识中选择一个载体的标识，电子设备可以获取开发人员选择的载体的标识，并作为目标载体的标识。
例如，开发人员此时需要得到载体小程序承载的页面，则可以在显示的多个载体的标识中选择载体小程序的标识，电子设备可以获取开发人员选择的载体小程序的标识，并作为目标载体的标识。
然后开发人员可以在电子设备中的开发环境中输入打包请求，电子设备可以获取对工程项目中的页面的第一计算机程序代码的打包请求，然后执行步骤S102。
另外，在检测到工程项目处于开发页面的第一计算机程序代码的过程的情况下，输出提示信息，提示信息用于提示：在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。
以提示用户可以不关心开发人员预期的用于承载开发的页面的载体支持的画布库的API以及图形库的API，而在工程项目中编写调用画布库的API以创建画布的指令以及编写调用图形库API以在画布中绘制图形的指令时，可以在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。避免开发人员不知道使用统一画布库API以及统一图形库API。
在步骤S102中，根据目标载体的标识，获取目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API。
在本申请中，事先在开发环境中可以设置中间件，中间件可以包括SDK(SoftwareDevelopment Kit，软件开发工具包)等，中间件至少能够起到的一个作用包括：充当“统一图形库API以及统一画布库API”与“各个载体分别支持的图形库的API以及支持的画布库的API”之间的桥梁，对“统一图形库API以及统一画布库API”与“各个载体分别支持的图形库的API以及支持的画布库的API”进行承上启下。
在本申请中，在开发页面的场景中，对于服务厂商需要的能够承载页面的任意一个载体而言，事先可以确定该载体支持的图形库的API以及该载体支持的画布库的API，然后将该载体的标识、该载体支持的图形库的API以及该载体支持的画布库的API组成对应表项，并存储在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中。对于服务厂商需要的能够承载页面的其他每一个载体而言，同样如此。
其中，该对应关系可以位于中间件中。
不同的载体的标识不同。不同的载体支持的图形库往往不同，且不同的图形库对外开放的API也往往不同，不同的载体支持的画布库往往不同，且不同的画布库对外开放的API也往往不同。
例如，载体Web支持的画布库包括Canvas，载体小程序支持的画布库包括原生Canvas，载体原生应用程序支持的画布库包括Expo-gl。
如此，在根据目标载体的标识，获取目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API时，可以在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中，查找与目标载体的标识相对应的图形库的API以及画布库的API，并分别作为目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API。
另外，后续根据实际需求可能需要增加承载页面的新的载体。
例如，后续服务厂商根据实际需求可能还需要增加承载页面的新的载体，以使得还可以通过新的载体承载的页面对外提供服务，如此，后续开发页面时也需要开发新的载体承载的页面，如此，为了便于开发人员开发新的载体承载的页面，可以在上述对应关系中更新新的载体、新的载体支持的图形库的API以及新的载体支持的画布库的API。
例如，开发人员可以在电子设备中输入添加指令，添加指令携带上述对应关系中不包括的新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API。
电子设备在接收到添加指令的情况下，可以将新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API建立关联关系，并存储在上述对应关系中。以实现对在上述对应关系中更新新的载体、新的载体支持的图形库的API以及新的载体支持的画布库的API。以支持开发人员后续通过统一图形库API以及统一画布库API开发新的载体承载的页面。
另外，后续服务厂商根据实际需求可能还需要减少承载页面的某一旧的载体，以使得不再通过该旧的载体承载的页面对外提供服务，如此，后续不再需要承载页面的该旧的载体，例如，后续开发页面时不再需要开发该旧的载体承载的页面，如此，为了节省存储空间，可以在上述对应关系中删除该旧的载体、该旧的载体支持的图形库的API以及该旧的载体支持的画布库的API。
例如，开发人员可以在电子设备中输入删除指令，删除指令携带上述对应关系中包括的旧的载体的标识。电子设备在接收到删除指令的情况下，在上述对应关系中查找包括旧的载体的标识的对应关联关系。在上述对应关系中删除包括旧的载体的标识的对应关联关系。
其中，上述对应关系可以位于中间件中，上述实施例可以是在中间件中的包括载体的标识的对应表项的层面上进行更新的，例如，添加一个载体的对应表项以及删除一个载体的对应表项等。
在另一个实施例中，可以是在中间件的层面上进行更新，例如，使用新的中间件替换已部署在开发环境中的当前的中间件，新的中间件可以是开发人员自己开发的，或者，也可以是其他团队开发并上传至云端，之后开发人员从云端中下载的等。
在步骤S103中，使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码。
在步骤S104中，对页面的第二计算机程序代码打包，得到目标载体承载的页面。
例如，对页面的第二计算机程序代码编译，得到目标载体承载的页面。
另外，电子设备还可以存储页面的第二计算机程序代码，以使得后续若开发人员根据实际需求需要对目标载体承载的页面优化，则可以直接调用存储的页面的第二计算机程序代码，并在页面的第二计算机程序代码的基础上优化。
页面的第二计算机程序代码中的API是目标图形库的API以及目标画布库的API，而不是统一图形库API以及统一画布库API，由于是需要对目标载体承载的页面优化，则对于开发人员而言，页面的第二计算机程序代码中的内容更加直观，便于开发人员理解，有助于提高对目标载体承载的页面优化的效率以及准确性等。
在本申请中，获取对工程项目中的页面的第一计算机程序代码的打包请求，打包请求携带目标载体的标识，打包请求用于指示根据该标识以及页面的第一计算机程序代码生成目标载体承载的页面。根据目标载体的标识，获取目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API。使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码。对页面的第二计算机程序代码打包，得到目标载体承载的页面。
一方面，可以实现一套代码的复用，例如，实现“一次开发，多端使用”的效果，从而可以降低开发人员的开发工作量，降低人工成本。
另一方面，转换得到的页面的第二计算机程序代码能够支持目标载体的技术栈，例如，具有通过调用目标载体支持的画布库的API以创建画布的指令以及通过调用目标载体支持的图形库的API以在画布中绘制图形的指令，使得在目标载体上显示的页面的2D/3D图形不受制于比目标载体的技术栈更低级的技术栈的制约，可以尽可能地保障在目标载体上显示的页面中的2D/3D图形的很多关于目标载体的预期功能能够正常使用，提高用户对在目标载体上显示的页面中的2D/3D图形的使用体验。
需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域开发人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域开发人员也应该知悉，说明书中所描述的实施例均属于可选实施例，所涉及的动作并不一定是本申请所必须的。
参照图2，示出了本申请的一种数据处理装置的结构框图，所述装置应用于电子设备，所述电子设备中部署有开发环境，所述开发环境中创建有页面的工程项目，所述工程项目中已开发有页面的第一计算机程序代码，第一计算机程序代码中至少包括通过调用统一画布库应用程序编程接口API以创建画布的指令以及通过调用统一图形库API以在画布中绘制图形的指令；
所述装置包括：
第一获取模块11，用于获取对所述工程项目中的页面的第一计算机程序代码的打包请求，所述打包请求携带目标载体的标识，所述打包请求用于指示根据所述标识以及页面的第一计算机程序代码生成所述目标载体承载的页面；
第二获取模块12，用于根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API；
替换模块13，用于使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码；
打包模块14，用于对页面的第二计算机程序代码打包，得到所述目标载体承载的页面。
在一个可选的实现方式中，所述第二获取模块包括：
第一查找单元，用于在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中，查找与所述目标载体的标识相对应的图形库的API以及画布库的API，并分别作为所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API。
在一个可选的实现方式中，所述第二获取模块还包括：
第一接收单元，用于接收添加指令，所述添加指令携带所述对应关系中不包括的新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API；
存储单元，用于将新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API建立关联关系，并存储在所述对应关系中。
在一个可选的实现方式中，所述第二获取模块还包括：
第二接收单元，用于接收删除指令，所述删除指令携带所述对应关系中包括的旧的载体的标识；
第二查找单元，用于在所述对应关系中查找包括旧的载体的标识的对应关联关系；
删除单元，用于在所述对应关系中删除包括旧的载体的标识的对应关联关系。
在一个可选的实现方式中，所述装置还包括：
存储模块，用于存储页面的第二计算机程序代码。
在一个可选的实现方式中，所述装置还包括：
输出模块，用于在检测到所述工程项目处于开发页面的第一计算机程序代码的过程的情况下，输出提示信息，所述提示信息用于提示：在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。
在本申请中，获取对工程项目中的页面的第一计算机程序代码的打包请求，打包请求携带目标载体的标识，打包请求用于指示根据该标识以及页面的第一计算机程序代码生成目标载体承载的页面。根据目标载体的标识，获取目标载体支持的目标图形库的API以及目标载体支持的目标画布库的API。使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码。对页面的第二计算机程序代码打包，得到目标载体承载的页面。
一方面，可以实现一套代码的复用，例如，实现“一次开发，多端使用”的效果，从而可以降低开发人员的开发工作量，降低人工成本。
另一方面，转换得到的页面的第二计算机程序代码能够支持目标载体的技术栈，例如，具有通过调用目标载体支持的画布库的API以创建画布的指令以及通过调用目标载体支持的图形库的API以在画布中绘制图形的指令，使得在目标载体上显示的页面的2D/3D图形不受制于比目标载体的技术栈更低级的技术栈的制约，可以尽可能地保障在目标载体上显示的页面中的2D/3D图形的很多关于目标载体的预期功能能够正常使用，提高用户对在目标载体上显示的页面中的2D/3D图形的使用体验。
对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
可选的，本申请实施例还提供了一种电子设备，包括：处理器，存储器，存储在存储器上并可在处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
本申请实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现上述方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的计算机可读存储介质，如只读存储器(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 (14)
1.一种数据处理方法，其特征在于，所述方法应用于电子设备，所述电子设备中部署有开发环境，所述开发环境中创建有页面的工程项目，所述工程项目中已开发有页面的第一计算机程序代码，第一计算机程序代码中至少包括通过调用统一画布库应用程序编程接口API以创建画布的指令以及通过调用统一图形库API以在画布中绘制图形的指令；所述开发环境中设置中间件，所述中间件包括载体的标识、载体支持的图形库的API以及载体支持的画布库的API之间的对应关系；
所述方法包括：
获取对所述工程项目中的页面的第一计算机程序代码的打包请求，所述打包请求携带目标载体的标识，所述打包请求用于指示根据所述标识以及页面的第一计算机程序代码生成所述目标载体承载的页面；
通过所述中间件根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API；
使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码；所述第一计算机程序代码对应页面的载体的技术栈与所述第二计算机程序代码对应页面的目标载体的技术栈不同；所述目标载体包括具有承载页面的能力的多个载体中的至少一个载体；
对页面的第二计算机程序代码打包，得到所述目标载体承载的页面。
2.根据权利要求1所述的方法，其特征在于，所述根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API，包括：
在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中，查找与所述目标载体的标识相对应的图形库的API以及画布库的API，并分别作为所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
接收添加指令，所述添加指令携带所述对应关系中不包括的新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API；
将新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API建立关联关系，并存储在所述对应关系中。
4.根据权利要求2所述的方法，其特征在于，所述方法还包括：
接收删除指令，所述删除指令携带所述对应关系中包括的旧的载体的标识；
在所述对应关系中查找包括旧的载体的标识的对应关联关系；
在所述对应关系中删除包括旧的载体的标识的对应关联关系。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
存储页面的第二计算机程序代码。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在检测到所述工程项目处于开发页面的第一计算机程序代码的过程的情况下，输出提示信息，所述提示信息用于提示：在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。
7.一种数据处理装置，其特征在于，所述装置应用于电子设备，所述电子设备中部署有开发环境，所述开发环境中创建有页面的工程项目，所述工程项目中已开发有页面的第一计算机程序代码，第一计算机程序代码中至少包括通过调用统一画布库应用程序编程接口API以创建画布的指令以及通过调用统一图形库API以在画布中绘制图形的指令；所述开发环境中设置中间件，所述中间件包括载体的标识、载体支持的图形库的API以及载体支持的画布库的API之间的对应关系；
所述装置包括：
第一获取模块，用于获取对所述工程项目中的页面的第一计算机程序代码的打包请求，所述打包请求携带目标载体的标识，所述打包请求用于指示根据所述标识以及页面的第一计算机程序代码生成所述目标载体承载的页面；
第二获取模块，用于通过所述中间件根据所述标识，获取所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API；
替换模块，用于使用目标图形库的API替换第一计算机程序代码中的统一图形库API，以及，使用目标画布库的API替换第一计算机程序代码中的统一画布库API，得到页面的第二计算机程序代码；所述第一计算机程序代码对应页面的载体的技术栈与所述第二计算机程序代码对应页面的目标载体的技术栈不同；所述目标载体包括具有承载页面的能力的多个载体中的至少一个载体；
打包模块，用于对页面的第二计算机程序代码打包，得到所述目标载体承载的页面。
8.根据权利要求7所述的装置，其特征在于，所述第二获取模块包括：
第一查找单元，用于在载体的标识、载体支持的图形库的API以及载体支持的画布库的API三者之间的对应关系中，查找与所述目标载体的标识相对应的图形库的API以及画布库的API，并分别作为所述目标载体支持的目标图形库的API以及所述目标载体支持的目标画布库的API。
9.根据权利要求8所述的装置，其特征在于，所述第二获取模块还包括：
第一接收单元，用于接收添加指令，所述添加指令携带所述对应关系中不包括的新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API；
存储单元，用于将新的载体的标识、新的载体支持的图形库的API以及新的载体支持的画布库的API建立关联关系，并存储在所述对应关系中。
10.根据权利要求8所述的装置，其特征在于，所述第二获取模块还包括：
第二接收单元，用于接收删除指令，所述删除指令携带所述对应关系中包括的旧的载体的标识；
第二查找单元，用于在所述对应关系中查找包括旧的载体的标识的对应关联关系；
删除单元，用于在所述对应关系中删除包括旧的载体的标识的对应关联关系。
11.根据权利要求7所述的装置，其特征在于，所述装置还包括：
存储模块，用于存储页面的第二计算机程序代码。
12.根据权利要求7所述的装置，其特征在于，所述装置还包括：
输出模块，用于在检测到所述工程项目处于开发页面的第一计算机程序代码的过程的情况下，输出提示信息，所述提示信息用于提示：在工程项目中编写调用统一画布库API以创建画布的指令以及编写调用统一图形库API以在画布中绘制图形的指令。
13.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至6中任一项所述的方法。
14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211648455.5A CN116126320B (zh) | 2022-12-21 | 2022-12-21 | 一种数据处理方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211648455.5A CN116126320B (zh) | 2022-12-21 | 2022-12-21 | 一种数据处理方法、装置、电子设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116126320A CN116126320A (zh) | 2023-05-16 |
| CN116126320B true CN116126320B (zh) | 2024-02-23 |
Family
ID=86303752
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211648455.5A Active CN116126320B (zh) | 2022-12-21 | 2022-12-21 | 一种数据处理方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116126320B (zh) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102722376A (zh) * | 2012-06-25 | 2012-10-10 | 苏州科达科技有限公司 | 基于视频监控绘图的二次编解码方法及其装置 |
| CN109887058A (zh) * | 2018-11-07 | 2019-06-14 | 上海艾麒信息科技有限公司 | 跨平台绘图系统 |
| CN110515623A (zh) * | 2019-07-09 | 2019-11-29 | 北京达佳互联信息技术有限公司 | 图形操作实现方法、装置、电子设备及存储介质 |
| CN110751592A (zh) * | 2019-08-21 | 2020-02-04 | 北京达佳互联信息技术有限公司 | 图形资源转换方法、装置、电子设备及存储介质 |
| CN110908712A (zh) * | 2019-12-04 | 2020-03-24 | 北京中启智源数字信息技术有限责任公司 | 移动端跨平台的数据处理方法和设备 |
| CN111026396A (zh) * | 2019-12-13 | 2020-04-17 | 北京小米移动软件有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
| CN113326115A (zh) * | 2021-06-21 | 2021-08-31 | 上海华客信息科技有限公司 | 多图表页面的渲染方法、系统、电子设备和存储介质 |
| CN114297544A (zh) * | 2021-12-28 | 2022-04-08 | 恒安嘉新（北京）科技股份公司 | 一种远程浏览方法、装置、设备及存储介质 |
| CN114371838A (zh) * | 2022-01-10 | 2022-04-19 | 百度在线网络技术（北京）有限公司 | 一种小程序画布渲染方法、装置、设备及存储介质 |
| CN114489607A (zh) * | 2021-12-31 | 2022-05-13 | 瑞庭网络技术（上海）有限公司 | 跨栈应用处理与页面渲染方法、装置、设备及存储介质 |
| CN114721656A (zh) * | 2022-04-13 | 2022-07-08 | 北京字节跳动网络技术有限公司 | 界面结构提取方法、装置、介质及电子设备 |
| CN114816391A (zh) * | 2022-04-12 | 2022-07-29 | 百果园技术(新加坡)有限公司 | 一种组件渲染方法及装置 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10620980B2 (en) * | 2018-03-28 | 2020-04-14 | Microsoft Technology Licensing, Llc | Techniques for native runtime of hypertext markup language graphics content |
| US10684871B2 (en) * | 2018-06-03 | 2020-06-16 | Apple Inc. | Multi-process model for cross-platform applications |
-
2022
- 2022-12-21 CN CN202211648455.5A patent/CN116126320B/zh active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102722376A (zh) * | 2012-06-25 | 2012-10-10 | 苏州科达科技有限公司 | 基于视频监控绘图的二次编解码方法及其装置 |
| CN109887058A (zh) * | 2018-11-07 | 2019-06-14 | 上海艾麒信息科技有限公司 | 跨平台绘图系统 |
| CN110515623A (zh) * | 2019-07-09 | 2019-11-29 | 北京达佳互联信息技术有限公司 | 图形操作实现方法、装置、电子设备及存储介质 |
| CN110751592A (zh) * | 2019-08-21 | 2020-02-04 | 北京达佳互联信息技术有限公司 | 图形资源转换方法、装置、电子设备及存储介质 |
| CN110908712A (zh) * | 2019-12-04 | 2020-03-24 | 北京中启智源数字信息技术有限责任公司 | 移动端跨平台的数据处理方法和设备 |
| CN111026396A (zh) * | 2019-12-13 | 2020-04-17 | 北京小米移动软件有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
| CN113326115A (zh) * | 2021-06-21 | 2021-08-31 | 上海华客信息科技有限公司 | 多图表页面的渲染方法、系统、电子设备和存储介质 |
| CN114297544A (zh) * | 2021-12-28 | 2022-04-08 | 恒安嘉新（北京）科技股份公司 | 一种远程浏览方法、装置、设备及存储介质 |
| CN114489607A (zh) * | 2021-12-31 | 2022-05-13 | 瑞庭网络技术（上海）有限公司 | 跨栈应用处理与页面渲染方法、装置、设备及存储介质 |
| CN114371838A (zh) * | 2022-01-10 | 2022-04-19 | 百度在线网络技术（北京）有限公司 | 一种小程序画布渲染方法、装置、设备及存储介质 |
| CN114816391A (zh) * | 2022-04-12 | 2022-07-29 | 百果园技术(新加坡)有限公司 | 一种组件渲染方法及装置 |
| CN114721656A (zh) * | 2022-04-13 | 2022-07-08 | 北京字节跳动网络技术有限公司 | 界面结构提取方法、装置、介质及电子设备 |
Non-Patent Citations (1)
| Title |
|---|
| 跨平台图形用户接口设计与实现;王薰，费向东;微计算机信息;169-171 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116126320A (zh) | 2023-05-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109032606B (zh) | 原生应用程序的编译处理方法、装置及终端 | |
| CN105808305B (zh) | 静态资源的加载方法和装置 | |
| CN106991018B (zh) | 界面换肤的方法及装置 | |
| CN110704059A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
| CN109117144B (zh) | 页面处理方法、装置、终端及存储介质 | |
| CN107463372B (zh) | 一种数据驱动的页面更新方法和装置 | |
| CN111221613B (zh) | 程序调用方法及装置、存储介质 | |
| CN116126320B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN112087544B (zh) | 一种提示方法及装置 | |
| CN107423060B (zh) | 动画效果的呈现方法、装置及终端 | |
| CN112083981A (zh) | 一种页面视图组件的创建方法和装置 | |
| CN114528037B (zh) | 一种应用启动方法、装置、电子设备及存储介质 | |
| CN114416218B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN111596949B (zh) | 一种开发应用程序的方法及装置 | |
| CN114416084B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN113946346B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN116028046A (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN107463414B (zh) | 应用安装方法及装置 | |
| CN113934452B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN108205452B (zh) | 软件的执行控制方法及装置 | |
| CN114416083A (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN115809054A (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN113821212A (zh) | 一种信息处理方法、装置、电子设备及存储介质 | |
| CN116483436A (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| CN114816390A (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |