CN111679828A

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

Info

Publication number: CN111679828A
Application number: CN202010451846.2A
Authority: CN
Inventors: 刘明
Original assignee: Taikang Asset Management Co ltd; Taikang Insurance Group Co Ltd
Current assignee: Taikang Asset Management Co ltd; Taikang Insurance Group Co Ltd
Priority date: 2020-05-25
Filing date: 2020-05-25
Publication date: 2020-09-18
Anticipated expiration: 2040-05-25
Also published as: CN111679828B

Abstract

本申请实施例提供了一种数据处理的方法及装置、电子设备、存储介质，所述方法包括：在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系；响应于对所述用户操作事件的触发，采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令；采用所述第一操作指令，在所述客户端所在的操作***中进行***调用，实现了业务逻辑代码在服务端中的动态部署，避免了因编译、打包等步骤造成部署周期过长，并且，使用相同的JavaScript代码即可在不同的客户端中执行相同的业务逻辑，避免了业务逻辑代码的重复开发，提高了开发效率。

Description

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

技术领域

本申请涉及互联网技术领域，特别是涉及一种数据处理的方法及装置、电子设备、存储介质。

背景技术

随着移动终端技术的高速发展和普及，移动终端应用的市场需求不断扩大，移动终端应用的操作平台种类繁多，例如苹果公司的iOS操作***和谷歌公司的安卓(Android)操作***。

现有技术中，由于iOS和安卓的编程语言并不相同，在进行移动终端应用开发时，针对移动应用中相同的业务内容或业务逻辑，技术开发人员需要分别编写iOS与安卓两个移动操作***的代码，在对代码进行编译后，可以打包生成移动终端应用安装包并发布至应用商店，在下载后即可安装至用户手机执行。

然而，在该方法中，需要技术开发人员同时具备iOS和安卓平台的移动应用开发技能，针对相同的业务逻辑分别开发两种代码，开发效率极低，例如，技术开发人员在开发iOS平台的代码后，还需要开发一份具有相同功能的安卓平台代码。并且，代码在开发后需要经过编译、打包、发布和下载安装等一系列过程后，最终才能在移动终端运行，部署周期较长。

发明内容

鉴于上述问题，提出了以便提供克服上述问题或者至少部分地解决上述问题的一种数据处理的方法及装置、电子设备、存储介质，包括：

一种数据处理的方法，应用于客户端，所述客户端与服务端通信连接，所述客户端设置有JavaScript解析器，所述服务端存储有JavaScript代码；所述JavaScript代码包含所述客户端的业务逻辑代码，所述客户端为安卓客户端或iOS客户端；所述方法包括：

在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系；

响应于对所述用户操作事件的触发，采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令；

采用所述第一操作指令，在所述客户端所在的操作***中进行***调用。

可选地，所述第一操作指令中包括回调函数标识，所述方法还包括：

接收所述操作***发送的所述回调函数标识；其中，所述回调函数标识在所述操作***进行与所述第一操作指令对应的***调用后发送；

在所述JavaScript代码中，确定所述回调函数标识对应的回调函数；

采用所述JavaScript解析器执行所述回调函数，得到第二操作指令。

可选地，所述JavaScript代码包括一组或多组候选JavaScript代码，所述预设的用户操作事件包括一个或多个预设的用户操作事件，所述建立所述JavaScript代码与预设的用户操作事件的绑定关系，包括：

确定所述一个或多个预设的用户操作事件对应的候选UI组件，以及所述候选UI组件对应的第一页面元素标识；

从所述一组或多组候选JavaScript代码中获取对应的第二页面元素标识；

当所述第二页面元素标识与所述第一页面元素标识匹配时，在预置的事件映射表中，存储所述候选JavaScript代码与所述第一页面元素标识的对应关系。

可选地，所述采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令，包括：

确定所述用户操作事件对应的目标UI组件，以及所述目标UI组件对应的第三页面元素标识；

在所述事件映射表中，确定所述第三页面元素标识对应的候选JavaScript代码为目标JavaScript代码；

采用所述JavaScript解析器执行所述目标JavaScript代码，得到第一操作指令。

可选地，所述确定所述用户操作事件对应的目标UI组件，以及所述目标UI组件对应的第三页面元素标识，包括：

确定所述用户操作事件对应的被触发UI组件，以及所述被触发UI组件对应的页面元素标识；

当在所述事件映射表中，确定所述被触发UI组件对应的页面元素标识存在对应的候选JavaScript代码时，确定所述被触发UI组件为目标UI组件，并确定所述被触发UI组件对应的页面元素标识为第三页面元素标识。

可选地，所述在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系的步骤之前，所述方法还包括：

在客户端启动时，获取资源文件地址；

采用所述资源文件地址，从所述服务端获取JavaScript代码。

可选地，所述获取资源文件地址的步骤包括：

确定预设的页面模板描述文件，并从所述页面模板描述文件中获取资源文件地址；

所述页面模板描述文件包括多个资源文件地址，所述采用所述资源文件地址，从所述服务端获取JavaScript代码的步骤，包括：

采用所述多个资源文件地址，从所述服务端获取与所述多个资源文件地址对应的多组待拼接代码；

采用所述多组待拼接代码进行拼接，生成JavaScript代码。

一种数据处理的装置，应用于客户端，所述客户端与服务端通信连接，所述客户端设置有JavaScript解析器，所述服务端存储有JavaScript代码；所述JavaScript代码包含所述客户端的业务逻辑代码，所述客户端为安卓客户端或iOS客户端；所述装置包括：

用户操作事件绑定模块，用于在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系；

用户操作事件响应模块，用于响应于对所述用户操作事件的触发，采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令；

***调用模块，用于采用所述第一操作指令，在所述客户端所在的操作***中进行***调用。

一种电子设备，包括处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述的数据处理的方法的步骤。

一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如上所述的数据处理的方法的步骤。

本申请实施例具有以下优点：

在本申请实施例中，通过在接收到服务端发送的JavaScript代码时，建立JavaScript代码与预设的用户操作事件的绑定关系，响应于对用户操作事件的触发，采用JavaScript解析器执行JavaScript代码，得到第一操作指令，采用第一操作指令，在客户端所在的操作***中进行***调用，实现了业务逻辑代码在服务端中的动态部署，避免了因编译、打包等步骤造成部署周期过长，并且，使用相同的JavaScript代码即可在不同的客户端中执行相同的业务逻辑，避免了业务逻辑代码的重复开发，提高了开发效率。

附图说明

为了更清楚地说明本申请的技术方案，下面将对本申请的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请一实施例提供的一种数据处理的方法的步骤流程图；

图2是本申请一实施例提供的另一种数据处理的方法的步骤流程图；

图3是本申请一实施例提供的用户界面示意图；

图4是本申请一实施例提供的一种数据处理的装置的结构示意图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

参照图1，示出了本申请一实施例提供的一种数据处理的方法的步骤流程图，可以应用在客户端，客户端可以和服务端通信连接，客户端可以设置有JavaScript解析器，该解析器可用于解析JavaScript代码，服务端中可以存储有JavaScript代码，JavaScript代码可以包含客户端的业务逻辑代码。

其中，客户端可以是安卓客户端或iOS客户端。在安卓平台中，客户端可以是使用Java语言开发的客户端；在iOS平台中，客户端可以是采用Objective-C语言开发的客户端。

具体的，可以包括如下步骤：

步骤101，在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系；

在具体实现中，客户端可以向服务端发送资源获取请求。在接收到资源获取请求后，服务端可以将JavaScript代码发送至客户端。

在接收到服务端发送的JavaScript代码时，客户端可以建立JavaScript代码与预设的用户操作事件的绑定关系，其中，预设的用户操作事件可以包括用户点击界面中的UI控件。

在实际应用中，针对具有相同业务内容的客户端，需要分别采用Objective-C语言和Java语言编写业务逻辑，以在不同平台中运行客户端，然而该方法开发效率低下，基于此，可以引入JavaScript代码。

JavaScript可以是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，同时也是基于原型编程、多范式的动态脚本语言。

在本申请实施例中，可以采用安卓客户端或iOS客户端中内置的JavaScript解析器执行JavaScript代码。通过采用JavaScript语言编写业务逻辑代码，可以达到跨平台编写业务逻辑的目的，使得相同的业务逻辑代码可以在iOS平台和安卓中同时执行，技术开发人员无需重复编写业务逻辑代码，提高了开发效率。

在一示例中，还可以通过HTML5编写页面、嵌入JavaScript代码描述业务逻辑，然后，可以通过移动终端内嵌的WebView(网络视图)加载HTML5页面，执行其中的JavaScript代码。

步骤102，响应于对所述用户操作事件的触发，采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令；

在客户端运行过程中，可以检测是否有预设的用户操作事件被触发，当被触发时，响应于对用户操作事件的触发，客户端可以采用JavaScript解析器执行JavaScript代码，得到第一操作指令。

步骤103，采用所述第一操作指令，在所述客户端所在的操作***中进行***调用。

在获取第一操作指令后，可以在客户端所在的操作***中进行***调用。

具体的，操作***可以通过原生代码(Objective-C语言和Java语言编写的代码)进行开发，拥有调用移动终端设备功能、网络请求、管理用户事件、页面刷新、弹出对话框等基础功能。

在执行JavaScript代码时，客户端可以通过JavaScript解析器生成调用基础功能的调用请求，并将该请求封装为第一操作指令，存储至JavaScript解析器内存中的指令队列，操作***可以从指令队列中获取待执行的第一操作指令，并在执行完毕后，继续从指令队列中获取下一条操作指令，直到所有操作指令执行完毕。

在实际应用中，由于JavaScript代码可以应用于iOS平台或安卓平台，在无法确定实际应用的操作***的情况下，无法得知操作***中原生代码具体的上下文环境；并且，出于安全性考虑，JavaScript解析器并不会将Objective-C或者Java对象直接显示在JavaScript代码的执行环境中，以防止JavaScript代码获取过高的执行权限，对操作***的安全造成威胁，例如反射操作(访问、检测和修改程序或程序状态的行为)。这都导致了无法通过JavaScript代码直接调用Objective-C或者Java对象的方法。

而在本申请实施例中，通过执行JavaScript代码生成操作指令，由操作***从指令队列中读取指令，达到了调用操作***内置功能的目的，协调了JavaScript代码与移动终端操作***的交互。

在一示例中，可以通过如下代码在指令队列中增加操作指令以调用基础功能：

在本申请一实施例中，第一操作指令中可以包括回调函数标识，所述方法还可以包括如下步骤：

S1，接收所述操作***发送的所述回调函数标识；其中，所述回调函数标识在所述操作***进行与所述第一操作指令对应的***调用后发送；

在执行JavaScript代码并得到第一操作指令的过程中，可以在第一操作指令中增加回调函数标识(CallbackID)，然后将第一操作指令存储至指令队列中，在的操作***中进行***调用，其中，回调函数标识可以在JavaScript解析器内存中映射对应的回调函数。

操作***在执行第一操作指令对应的***调用后，可以将第一操作指令中的回调函数标识发送至客户端，以使客户端可以接收操作***发送的回调函数标识。

在一示例中，可以采用如下代码在JavaScript解析器内存中创建回调函数映射字典：

var callbacks＝{}；

在另一示例中，可以采用如下方式生成回调函数标识：

var callbackId＝plugin+"_"+generateCallbackId()；

在另一示例中，可以采用如下方式创建回调函数：

在一示例中，可以采用如下方式在回调函数映射字典中增加回调函数与回调函数标识的映射关系：

callbacks[callbackId]＝callback；

并采用如下方式生成第一操作指令，在第一操作指令中添加回调函数标识：

var command＝JSON.stringify({"plugin":"alert","callback":callbackId,"args":"你好！"})

enqueue_call_native(command)；

S2，在所述JavaScript代码中，确定所述回调函数标识对应的回调函数；

在接收到回调函数标识后，客户端可以在JavaScript代码中确定与回调函数标识对应的回调函数。

S3，采用所述JavaScript解析器执行所述回调函数，得到第二操作指令。

在确定回调函数后，可以采用JavaScript解析器执行该回调函数，得到第二操作指令。

参照图2，示出了本申请一实施例提供的另一种数据处理的方法的步骤流程图，可以应用在客户端，客户端可以是安卓客户端或iOS客户端。客户端可以和服务端通信连接，客户端可以设置有JavaScript解析器，该解析器可用于解析JavaScript代码，服务端中可以存储有JavaScript代码，JavaScript代码可包含客户端的业务逻辑代码，。

具体的，可以包括如下步骤：

步骤201，在客户端启动时，获取资源文件地址；

作为一示例，资源文件地址可以是URL(Uniform Resource Locator，统一资源定位符)，通过URL可以对服务端中的资源地址进行唯一标识。

在实际应用中，当客户端启动时，可以获取资源文件地址。

在本申请一实施例中，获取资源文件地址的步骤可以包括如下子步骤：

确定预设的页面模板描述文件，并从所述页面模板描述文件中获取资源文件地址。

具体的，客户端中可以配置有模板解析引擎，客户端可以在本地资源或服务端中预先存储页面模板描述文件，例如HTML文件。在客户端启动时或运行过程中，可以获取预置的页面模板描述文件。

在页面模版描述文件中，可以通过“<script>”标签对资源文件地址进行定义，则在客户端确定页面模板描述文件后，可以由模板解析引擎对页面模板描述文件进行解析，从<script>标签定义的内容中获取资源文件地址。

在一示例中，可以通过以下方式对JavaScript代码的资源文件地址进行定义：

步骤202，采用所述资源文件地址，从所述服务端获取JavaScript代码；

在获取资源文件地址后，可以采用资源文件地址，从服务端中获取JavaScript代码。

在实际应用中，客户端中的模板解析引擎在获取资源文件地址后，可以将地址发送给JavaScript解析器，由JavaScript解析器针对该资源文件地址发送一资源获取请求，从服务端获取有JavaScript代码。

在本申请实施例中，JavaScript代码可以包括客户端业务逻辑的代码，通过将描述业务逻辑的JavaScript代码部署在服务端，可以实现动态部署，在客户端进行升级时，可以迅速地从服务端中获取业务逻辑代码，无需经过编译、打包、发布、下载安装等过程，缩短了部署周期。

在本申请一实施例中，页面模板描述文件中可以包括多个资源文件地址，步骤202可以包括如下子步骤：

采用所述多个资源文件地址，从所述服务端获取与所述多个资源文件地址对应的多组待拼接代码；采用所述多组待拼接代码进行拼接，生成JavaScript代码。

在实际应用中，当页面模板描述文件中包括多个资源文件地址时，客户端可以采用多个资源文件地址，从服务端获取多组待拼接代码，多组待拼接代码可以与多个资源文件地址一一对应。在获取多组待拼接代码后，可以对多组待拼接代码进行拼接，生成JavaScript代码。

步骤203，在接收到所述服务端发送的JavaScript代码时，确定所述一个或多个预设的用户操作事件对应的候选UI组件，以及所述候选UI组件对应的第一页面元素标识；

作为一示例，预设的用户操作事件可以包括一个或多个预设的用户操作事件，JavaScript代码可以包括一组或多组候选JavaScript代码。

在具体实现中，JavaScript代码中可以包括一组或多组候选JavaScript代码，每组候选JavaScript代码可以对应预设的用户操作事件。虽然通过在客户端中内置JavaScript解析器，可以在移动终端执行JavaScript代码，但是基本的JavaScript代码无法响应移动终端的用户操作事件，基于此，可以进行用户事件绑定，以通知客户端当用户进行一具体操作时，需要执行的JavaScript代码和相应执行的操作。

在接收到服务端发送的JavaScript代码时，客户端可以确定用户操作事件对应的候选UI组件，以及UI组件对应的第一页面元素标识。

在实际应用中，在渲染页面模板描述文件中的页面元素时，用户界面中的UI组件可以与页面元素具有预设的对应关系。具体的，UI组件可以具有ID标识，例如可以采用如下方式进行指定，以指定“保存”按键的ID标识为“submit”：

页面元素可以通过页面元素标识唯一确定，该页面元素标识也可以称为元素选择器。通过设置相同的标识，可以确定UI组件与页面元素的对应关系。

例如，当使用“#name”选择器，可以表示页面模板描述文件中ID为“name”的元素，当UI组件的标识为“submit”时，与该UI组件对应的页面元素可以具有页面元素标识“#submit”。例如，可以采用“$("#submit")”确定页面模板描述文件中的页面元素。

在一示例中，当服务端接收到客户端发送的资源获取请求时，可以从资源获取请求中读取资源文件地址，并将由资源文件地址确定的JavaScript资源文件发送至客户端，JavaScript资源文件中可以包含JavaScript代码。在接收到JavaScript资源文件后，客户端可以采用JavaScript解析器读取JavaScript资源文件，获取JavaScript代码。

步骤204，从所述一组或多组候选JavaScript代码中获取对应的第二页面元素标识；

在实际应用中，JavaScript代码中可以包括第二页面元素标识，在确定候选UI组件和对应的第一页面元素标识后，可以从一组或多组候选JavaScript代码中获取对应的第二页面元素标识。

步骤205，当所述第二页面元素标识与所述第一页面元素标识匹配时，在预置的事件映射表中，存储所述候选JavaScript代码与所述第一页面元素标识的对应关系；

当第二页面元素标识与第一页面元素标识匹配时，可以在预置的事件映射表中，存储候选JavaScript代码与第一页面元素标识的对应关系。

具体的，可以采用“$(doc).ready()”函数进行用户事件绑定，当预设的用户操作事件为用户点击事件时，如用户点击一UI组件时，可以采用JavaScript解析器执行如下代码：

“$("#name").click(function(){

alert("hello")；

})”

在该代码中包含第二页面元素标识"#name"，可以确定该JavaScript代码与UI组件对应的第一页面元素标识"#name"匹配，可以在JavaScript解析器的内存中的事件映射表中建立候选JavaScript代码与第一页面元素标识的映射关系，进行用户事件绑定，可以在JavaScript解析器内存中，建立如下映射关系：

event_map["#name"]["click"]＝function(){

alert("hello")；

}；

在“$(doc).ready()”函数执行过程中，可以进行数据初始化、用户事件绑定处理，该函数的执行没有返回值，在执行结束即完成，JavaScript解析器可以进入等待状态，检测是否有用户操作事件发生。

由于UI组件可以是属于视图(view)层的数据，负责页面绘制，而页面元素可以是属于模型(model)层的数据，页面元素中可以保存数据，通过将JavaScript代码绑定在于UI组件对应的页面元素中，可以实现视图层与模型层的分离，得到更好的解耦合效果。

步骤206，响应于对所述用户操作事件的触发，确定所述用户操作事件对应的目标UI组件，以及所述目标UI组件对应的第三页面元素标识；

在检测到用户操作事件时，客户端响应于对用户操作事件的触发，可以确定用户操作事件对应的目标UI组件和目标UI组件对应的第三页面元素标识。

在本申请一实施例中，所述确定所述用户操作事件对应的目标UI组件，以及所述目标UI组件对应的第三页面元素标识的步骤可以包括如下子步骤：

子步骤11，确定所述用户操作事件对应的被触发UI组件，以及所述被触发UI组件对应的页面元素标识；

在实际应用中，可以将由用户操作事件触发的空间确定为被触发UI组件，并确定被触发UI组件对应的页面元素标识。例如，当客户端检测到用户点击(click)界面中的“保存”按键时，可以触发客户端中由原生代码编写的点击事件，客户端可以确定“保存”按键为被触发UI组件，并获取对应的页面元素标识。

子步骤12，当在所述事件映射表中，确定所述被触发UI组件对应的页面元素标识存在对应的候选JavaScript代码时，确定所述被触发UI组件为目标UI组件，并确定所述被触发UI组件对应的页面元素标识为第三页面元素标识。

在实际应用中，JavaScript代码可以不直接绑定在用户点击的UI组件上，例如，在一包含文字的图片UI组件中，图片UI组件为文字UI组件的父组件，JavaScript代码被绑定在图片UI组件中。

在确定被触发UI组件对应的页面元素标识后，可以判断在事件映射表中，判断被触发UI组件对应的页面元素标识是否存在对应的候选JavaScript代码，若确定存在，可以进一步确定被触发UI组件为目标UI组件，被触发UI组件对应的页面元素标识为第三页面元素标识。

若未发现被触发UI组件存在对应的候选JavaScript代码，可以进行事件冒泡，确定被触发UI组件的父组件，以及父组件对应的页面元素标识，并继续在事件映射表中查找是否有对应的候选JavaScript代码，若有，则可以将其确定为被触发UI组件为目标组件，否则，可以继续查找上层组件，直到查找到最上层组件为止。

步骤207，在所述事件映射表中，确定所述第三页面元素标识对应的候选JavaScript代码为目标JavaScript代码；

在确定第三页面元素标识后，可以在事件映射表中，将第三页面元素标识对应的候选JavaScript代码确定为目标JavaScript代码。

步骤208，采用所述JavaScript解析器执行所述目标JavaScript代码，得到第一操作指令；

步骤209，采用所述第一操作指令，在所述客户端所在的操作***中进行***调用。

为了使本领域技术人员能够更好地理解上述步骤，以下通过一个例子对本申请实施例加以示例性说明，但应当理解的是，本申请实施例并不限于此。

如图3所示，用户可以在该页面中添加文字和图片，当用户点击UI控件“保存”按键301时，客户端可以将文字和图片上传至服务端；其中，“保存”按键301的ID为“submit”。

在具体应用中，技术开发人员可以针对文字或图片上传至服务端的过程，以JavaScript代码编写业务逻辑，并部署在服务端中，客户端中可以内置有封装为SDK(Software Development Kit，软件开发工具包)的JavaScript解析器。

当用户启动客户端或进入图3所示的界面后，客户端可以从服务端下载与该页面对应的JavaScript代码，在JavaScript代码中，可以包括与该页面相关业务的业务逻辑代码，并利用JavaScript解析器执行JavaScript代码。

在执行JavaScript代码过程中，可以默认首先执行JavaScript代码中的“$(doc).ready()”方法，该方法可将JavaScript代码与用户操作事件绑定。具体的，在“$(doc).ready()”方法中，可以调用“$("#submit").click(function)”方法，通过使用"#submit"选择器(即第一页面元素标识)，将页面中ID为“submit”的按键的点击事件与function参数指定的回调函数关联，在事件映射表表中记录映射关系。在执行“$(doc).ready()”方法后，客户端进入待机状态，等待用户点击“保存”按键。

在待机状态时，客户端可以监控页面中所有的点击事件，当检测到用户点击“保存”按键时，可以通过事件冒泡，在事件映射表中进行查找，判断“#submit”选择器是否有对应的回调函数。当检测到在JavaScript代码中，“#submit”绑定了对应的回调函数，例如，“#submit”绑定了“保存函数”，可以采用JavaScript解析器执行“保存函数”，进入事件循环状态。在执行过程中，操作***通过客户端的原生代码可以对指令队列进行监听，判断JavaScript解析器在执行“保存函数”的过程中，是否有新的指令存入至JavaScript解析器内存中的指令队列。

在JavaScript解析器执行“保存函数”时，可以生成一“上传图片指令”，并存储至指令队列中，并且，在生成操作指令时，可以生成具有唯一性的回调函数标识a，并将回调函数标识a增加至“上传图片指令”中，回调函数标识a可以与回调函数A关联。

在将“上传图片指令”存储至指令队列后，操作***从指令队列中获取到该指令，并从指令中获取回调函数标识a。在调用***基础功能执行“上传图片指令”，将图片上传至指令中指定的地址后，操作***可以向客户端返回回调函数标识a，以指示其执行与回调函数标识a关联的回调函数。在上传指令后，可以进入等待状态。

在获取到回调函数标识a后，客户端可以采用JavaScript解析器执行函数A，JavaScript解析器在执行函数A的过程中，可以生成“提交数据指令”，并将该指令存储至指令队列中，同时，生成回调函数标识b，并将回调函数标识b增加至“提交数据指令”中，回调函数标识b可以与回调函数B关联。

由于JavaScript代码的执行，是一个同步处理模型；而在调用的移动终端操作***功能，需要进行网络请求处理、用户响应等操作，该过程为异步处理模型，在具体实现中，难以让同步处理等待异步处理完成。而在本申请中，通过执行JavaScript代码生成操作指令，并在操作指令执行完毕后，调用对应的回调函数，解决了无法让同步处理等待异步处理完成的问题。

在将“提交数据指令”存储至指令队列后，操作***可以从指令队列中获取到该指令，并得到回调函数标识b。在执行提交数据处理以将数据提交至“提交数据指令”中指定的地址后，操作***可以向客户端返回回调函数标识b。

在接收到回调函数标识b后，客户端可以采用JavaScript解析器执行函数B，并在执行完毕后，结束循环状态，向用户反馈执行结果。在本申请例子中，通过JavaScript代码，进行了上传图片、提交数据的业务处理，技术开发人员无需掌握iOS应用或者安卓应用的开发技能，在只有JavaScript代码开发经验的情况下，仍然可以编写适用于iOS应用或者安卓应用的业务逻辑。

并且，在上述交互过程中，可以实现由客户端中的原生代码响应用户操作事件、利用JavaScript代码执行业务逻辑，并通过JavaScript代码调用移动终端操作***内置功能，最终向用户反馈执行结果的效果，形成了一完整的业务逻辑响应闭环。

在本申请实施例中，通过从一组或多组候选JavaScript代码中获取对应的第二页面元素标识，当第二页面元素标识与第一页面元素标识匹配时，在预置的事件映射表中，存储候选JavaScript代码与第一页面元素标识的对应关系，实现了用户操作事件与JavaScript代码的绑定，可以让JavaScript代码响应移动终端用户操作事件。

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

参照图4，示出了本申请一实施例提供的一种数据处理的装置的结构示意图，可以应用在客户端，客户端可以是安卓客户端或iOS客户端；客户端与服务端通信连接，客户端设置有JavaScript解析器，服务端存储有JavaScript代码，JavaScript代码可以包含客户端的业务逻辑代码。具体可以包括如下模块：

用户操作事件绑定模块401，用于在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系；

用户操作事件响应模块402，用于响应于对所述用户操作事件的触发，采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令；

***调用模块403，用于采用所述第一操作指令，在所述客户端所在的操作***中进行***调用。

在本申请一实施例中，所述第一操作指令中包括回调函数标识，所述装置还包括：

回调函数标识确定模块，用于接收所述操作***发送的所述回调函数标识；其中，所述回调函数标识在所述操作***进行与所述第一操作指令对应的***调用后发送；

回调函数确定模块，用于在所述JavaScript代码中，确定所述回调函数标识对应的回调函数；

第二操作指令生成模块，用于采用所述JavaScript解析器执行所述回调函数，得到第二操作指令。

在本申请一实施例中，所述JavaScript代码包括一组或多组候选JavaScript代码，所述预设的用户操作事件包括一个或多个预设的用户操作事件，所述用户操作事件绑定模块401包括：

第一页面元素标识确定子模块，用于确定所述一个或多个预设的用户操作事件对应的候选UI组件，以及所述候选UI组件对应的第一页面元素标识；

第二页面元素标识确定子模块，用于从所述一组或多组候选JavaScript代码中获取对应的第二页面元素标识；

元素标识匹配子模块，用于当所述第二页面元素标识与所述第一页面元素标识匹配时，在预置的事件映射表中，存储所述候选JavaScript代码与所述第一页面元素标识的对应关系。

在本申请一实施例中，所述***调用模块403包括：

第三页面元素标识确定子模块，用于确定所述用户操作事件对应的目标UI组件，以及所述目标UI组件对应的第三页面元素标识；

目标代码确定子模块，用于在所述事件映射表中，确定所述第三页面元素标识对应的候选JavaScript代码为目标JavaScript代码；

第一操作指令生成子模块，用于采用所述JavaScript解析器执行所述目标JavaScript代码，得到第一操作指令。

在本申请另一实施例中，所述第三页面元素标识确定子模块包括：

被触发组件确定单元，用于确定所述用户操作事件对应的被触发UI组件，以及所述被触发UI组件对应的页面元素标识；

页面元素查找单元，用于当在所述事件映射表中，确定所述被触发UI组件对应的页面元素标识存在对应的候选JavaScript代码时，确定所述被触发UI组件为目标UI组件，并确定所述被触发UI组件对应的页面元素标识为第三页面元素标识。

在本申请另一实施例中，所述装置还包括：

资源文件地址获取模块，用于在客户端启动时，获取资源文件地址；

代码获取模块，用于采用所述资源文件地址，从所述服务端获取JavaScript代码。

在本申请一实施例中，所述资源文件地址获取模块包括：

页面模板描述文件确定子模块，应用于确定预设的页面模板描述文件，并从所述页面模板描述文件中获取资源文件地址；

所述代码获取模块包括：

待拼接代码获取子模块，用于采用所述多个资源文件地址，从所述服务端获取与所述多个资源文件地址对应的多组待拼接代码；

代码拼接子模块，用于采用所述多组待拼接代码进行拼接，生成JavaScript代码。

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

本申请一实施例还提供了一种电子设备，可以包括处理器、存储器及存储在存储器上并能够在处理器上运行的计算机程序，计算机程序被处理器执行时实现如上数据处理的方法的步骤。

本申请一实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储计算机程序，计算机程序被处理器执行时实现如上数据处理的方法的步骤。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本申请实施例可提供为方法、装置、或计算机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请实施例是参照根据本申请实施例的方法、终端设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对所提供的一种数据处理的方法及装置、电子设备、存储介质，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims

1.一种数据处理的方法，其特征在于，应用于客户端，所述客户端与服务端通信连接，所述客户端设置有JavaScript解析器，所述服务端存储有JavaScript代码；所述JavaScript代码包含所述客户端的业务逻辑代码，所述客户端为安卓客户端或iOS客户端；所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述第一操作指令中包括回调函数标识，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，所述JavaScript代码包括一组或多组候选JavaScript代码，所述预设的用户操作事件包括一个或多个预设的用户操作事件，所述建立所述JavaScript代码与预设的用户操作事件的绑定关系，包括：

4.根据权利要求3所述的方法，其特征在于，所述采用所述JavaScript解析器执行所述JavaScript代码，得到第一操作指令，包括：

5.根据权利要求4所述的方法，其特征在于，所述确定所述用户操作事件对应的目标UI组件，以及所述目标UI组件对应的第三页面元素标识，包括：

6.根据权利要求1所述的方法，其特征在于，所述在接收到所述服务端发送的JavaScript代码时，建立所述JavaScript代码与预设的用户操作事件的绑定关系的步骤之前，所述方法还包括：

在客户端启动时，获取资源文件地址；

采用所述资源文件地址，从所述服务端获取JavaScript代码。

7.根据权利要求6所述的方法，其特征在于，所述获取资源文件地址的步骤包括：

采用所述多组待拼接代码进行拼接，生成JavaScript代码。

8.一种数据处理的装置，其特征在于，应用于客户端，所述客户端与服务端通信连接，所述客户端设置有JavaScript解析器，所述服务端存储有JavaScript代码；所述JavaScript代码包含所述客户端的业务逻辑代码，所述客户端为安卓客户端或iOS客户端；所述装置包括：

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

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