移动端网页开发的数据处理系统和方法、及应用装置与流程

本发明涉及网页开发领域，特别涉及一种移动端网页开发中的数据处理系统和方法、移动端应用装置。

背景技术：

随着移动设备的普及、移动互联网技术的逐渐成熟，移动应用的领域也不断扩展，人们对移动化的需求也越来越深入，需求变化也越来越快。对于目前的移动市场而言，一款移动应用的开发周期是这款应用是否能迅速占有市场的决定性因素之一。

为缩短开发周期，降低不同平台设备上的应用开发的工作难度，针对不同移动设备、不同开发平台，开发出了如phonegap这样的跨平台中间件，使得不同平台设备上的应用开发的工作难度大大减少，代码维护工作也更容易。然而，这种跨平台的中间件也仅仅是将原生应用封装之后，暴露给上层，并没有对web层的应用开发给出相应的开发方案。

此前，跨平台的移动端web开发更多的是基于PC浏览器及运行环境的web开发技术，并没有考虑移动设备的特性，如对移动设备CPU的处理能力、存储空间大小、流量控制等。基于PC端的web开发并不能完全适用于移动平台。于是，跨平台的移动端web开发应运而生，例如jQuery Mobile、jQuery Mobi等都是基于jQuery的移动端web开发库。但需要指出的是，这些移动端web开发库也存在着相应的问题，比如代码维护问题、库文件比大、组件开发不全和数据流交互等等。

因此，移动端的web开发主要涉及网页布局和数据流两个方面，其中，数据流处理主要受数据处理能力、存储空间和流量等方面的限制，这是本领域技术人员亟待解决的问题。

技术实现要素：

有鉴于此，本发明实施例的目的在于提出一种移动端网页开发中的数据处理系统和方法、移动端应用装置，能够减少开发工作量和开发难度以及代码维护方面工作量，使移动端应用的开发更容易、更快捷，更易维护。

进一步来讲，该移动端网页开发中的数据处理方法包括：基于兼容多平台的测试脚本语言数据库建立采用对象方式的存储模式，对数据流进行存储，所述对象包含一个以上的数据域；基于所述对象建立对数据进行封装的数据模型，所述数据模型增设有记录的ID属性，能自动将每个数据域转换为指定类型，并将数据渲染到网页中。

可选地，在一些实施例中，上述移动端网页开发中的数据处理方法还包括：创建数据处理类DataHandler的实例并初始化，确定并解析所述数据模型；区分远程传输和本地传输并初始化；根据区分的传输类型创建传输类实例，对数据进行读取、更新及删除处理。

可选地，在一些实施例中，所述根据区分的传输类型创建传输类实例，对数据进行读取、更新及删除处理中，本地传输类的数据处理流程包括：创建并初始化本地传输类实例，填充本地数据源到数据处理类中数据集合；触发读取数据事件时，解析用户配置信息，查看是否需要过滤、分组、分页、排序、计算聚合，并指定成功回调方法和失败回调方法；调用本地传输类的读取方法，并将解析的配置信息作为参数传递给所述本地传输类的读取方法；读取成功后执行成功回调方法，返回读取数据；用数据解析类处理读取的数据，并根据配置信息使用查询类处理数据，返回处理结果；为待更新、待删除和/或新增数据建立数据模型，当触发更新事件、待删除事件和/或新增事件，将每条数据放入对应事件的数组中；若自动保存，则将对应数组中数据保存到所述数据处理类中的数据集合；若不自动保存，则需要调用所述数据处理类中的同步方法将对应数组中数据保存到所述数据处理类中的数据集合。

可选地，在一些实施例中，上述的移动端网页开发中的数据处理方法还包括：建立缓存类数据模型，将远程获取的数据缓存在本地内存中，下次请求时通过缓存类数据模型中设置的寻找方法直接读取缓存中的数据。

可选地，在一些实施例中，所述根据区分的传输类型创建传输类实例，对数据进行读取、更新及删除处理中，远程传输类的处理过程包括：创建并初始化远程传输类实例；遍历数组以确定远程请求类型；检测缓存配置是否为真，若是则直接读取缓存中数据，否则创建一个缓存区，以存储远程数据；触发读取数据事件时，解析请求参数，若远程接受的参数和本地参数不匹配，通过参数匹配方法将本地参数修改为远程可接受参数，并将解析的参数配置到远程请求链接url中；配置成功回调方法和失败回调方法，再读取缓存中的数据；如果有缓存数据，读取成功；如果没有缓存数据，则发出ajax请求，向服务器请求远程数据；读取成功则调用成功回调函数，将数据放入缓存类中，失败则调用失败回调函数；触发新增、更新或删除数据事件时，直接向远程服务器发送ajax请求。

可选地，在一些实施例中，所述远程传输类的处理过程进一步包括：创建远程传输类实例，解析所述数据模型；触发读取数据事件时，解析用户配置信息，查看是否需要过滤、分组、分页、排序、计算聚合操作，并指定成功回调方法和失败回调方法；调用远程传输类的读取方法，并将解析的配置信息作为参数传递给远程传输类的读取方法；在远程传输类的读取方法中，组装参数，向远程服务器发出请求；远程服务器接收到此请求，解析参数并根据要求返回结果数据到本地，根据所解析出的数据模型将返回的结果数据存放在本地内存中。

可选地，在一些实施例中，所述远程传输类的处理过程还进一步包括：触发更新数据事件时，按照数据模型新建一条数据记录，并将新建的数据记录放入更新数据中，直至遍历完成整个需要更新的数据；指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出更新请求，更新成功则执行成功回调函数，更新失败则执行失败回调函数；触发新增数据事件时，按照数据模型新建一条数据记录，并将新建的数据记录放入新增数据中，直至遍历完成整个需要新增的数据；指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出新增请求，新增成功则执行成功回调函数，新增失败则执行失败回调函数；触发删除数据事件时，按照数据模型新建一条数据记录，并将新建的数据记录放入待删除数据中，直至遍历完成整个需要删除的数据；指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出删除增请求，删除成功则执行成功回调函数，删除失败则执行失败回调函数。

相应地，本发明还提出一种移动端网页开发中的数据处理系统，该系统包括：兼容多平台的测试脚本语言数据库；存储数据模块，用于建立采用对象方式的存储模式，对数据流进行存储，对象中包含一个以上的数据域；创建模型模块，用于基于所述对象建立对数据进行封装的数据模型，所述数据模型增设有记录的ID属性，能自动将每个数据域转换为指定类型，并将数据渲染到网页中。

可选地，在一些实施例中，上述的移动端网页开发中的数据处理系统还包括：查询类模块，用于对原始数据进行查询操作，设置有用于存放查询结果的数组对象；其中，查询操作包括聚合、分组、分页、过滤及排序操作；缓存类模块，用于建立缓存类数据模型，将远程获取的数据缓存在本地内存中，下次请求时通过缓存类数据模型中设置的寻找方法直接读取缓存中的数据；传输类模块，包括本地传输类子模块和远程传输类子模块；处理类模块，用于新建数据、读取数据、更新数据、删除数据。

另外，本发明还提出一种移动端应用装置，该移动端应用装置设置有采用前述任一种所述的移动端网页开发中的数据处理方法制作的网页。

相对于现有技术，本发明各实施例具有以下优点：

采用本发明实施例的技术方案后，可实现跨平台开发，本发明的移动端网页开发中的数据处理方法及系统可提供数据查询、数据聚合、数据转换和序列化等数据处理能力，使开发者可以在数据处理能力，存储空间限制和流量限制做出平衡的同时，减少开发工作量和开发难度以及代码维护方面工作量，使得移动端应用的开发更容易、更快捷，易于学习，更易维护。并且，通过创建对应的数据模型，可以方便地将数据渲染到网页中，展示在UI组件中，大大减少数据处理的中间过程，是网页开发更简单。

本发明实施例的更多特点和优势将在之后的具体实施方式予以说明。

附图说明

构成本发明实施例一部分的附图用来提供对本发明实施例的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1为本发明实施例提供的移动端网页开发中的类关系框图；

图2为本发明实施例提供的移动端网页开发中的查询类流程示意图；

图3为本发明实施例提供的移动端网页开发中的数据传输类流程示意图；

图4为本发明实施例提供的移动端网页开发中的数据处理类流程示意图。

具体实施方式

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

需要说明的是，在不冲突的情况下，本发明实施例及实施例中的特征可以相互组合。

下面结合附图，对本发明的各实施例作进一步说明：

方法实施例：

为了满足上述提到的数据流开发需求，本实施例提出一种移动端网页开发中的数据处理方法，该方法包括以下步骤：

S100：基于兼容多平台的测试脚本语言数据库建立采用对象方式的存储模式，对数据流进行存储，该对象包含一个以上的数据域；

S200：基于对象建立对数据进行封装的数据模型，数据模型增设有记录的ID属性，能自动将每个数据域转换为指定类型，并将数据渲染到网页中。

本实施例可基于jQuery实现，可以实现跨平台开发，上述移动端网页开发中的数据处理方法可提供数据查询、数据聚合、数据转换和序列化等数据处理能力，使开发者可以在数据处理能力，存储空间限制和流量限制做出平衡的同时，减少开发工作量和开发难度以及代码维护方面工作量，使得移动端应用的开发更容易、更快捷，易于学习，更易维护。并且，通过创建对应的数据模型，可以方便地将数据渲染到网页中，展示在UI组件中，大大减少数据处理的中间过程，是网页开发更简单。

在一可选实施例中，上述移动端网页开发中的数据处理方法还可包括以下步骤：

S300：创建数据处理类DataHandler的实例并初始化，确定并解析数据模型；区分远程传输和本地传输并初始化；根据区分的传输类型创建传输类实例，对数据进行读取、更新及删除处理。其中，传输类型包括远程传输和本地传输；

上述实施例S300中，在根据区分的传输类型创建传输类实例，对数据进行读取、更新及删除处理过程中，本地传输类的数据处理流程进一步包括：

1、创建并初始化本地传输类实例，填充本地数据源到数据处理类中数据集合；

2、触发读取数据事件时，解析用户配置信息，查看是否需要过滤、分组、分页、排序、计算聚合，并指定成功回调方法和失败回调方法；调用本地传输类的读取方法，并将解析的配置信息作为参数传递给本地传输类的读取方法；读取成功后执行成功回调方法，返回读取数据；用数据解析类处理读取的数据，并根据配置信息使用查询类处理数据，返回处理结果；

3、为待更新、待删除和/或新增数据建立数据模型，当触发更新事件、待删除事件和/或新增事件，将每条数据放入对应事件的数组中；若自动保存，则将对应数组中数据保存到数据处理类中的数据集合；若不自动保存，则需要调用数据处理类中的同步方法将对应数组中数据保存到数据处理类中的数据集合。

在一可选实施例中，上述移动端网页开发中的数据处理方法还可包括以下步骤：

S400：建立缓存类数据模型，将远程获取的数据缓存在本地内存中，下次请求时通过缓存类数据模型中设置的寻找方法直接读取缓存中的数据。

作为一种可选的实施方式，上述实施例中，在根据区分的传输类型创建传输类实例，对数据进行读取、更新及删除处理的过程中，远程传输类的处理流程包括以下步骤：

1、创建并初始化远程传输类实例，解析数据模型；遍历数组以确定远程请求类型；检测缓存配置是否为真，若是则直接读取缓存中数据，否则创建一个缓存区，以存储远程数据；

2、触发读取数据事件时，解析请求参数，若远程接受的参数和本地参数不匹配，通过参数匹配方法将本地参数修改为远程可接受参数，并将解析的参数配置到远程请求链接url中；

3、配置成功回调方法和失败回调方法，再读取缓存中的数据；如果有缓存数据，读取成功；如果没有缓存数据，则发出ajax请求，向服务器请求远程数据；读取成功则调用成功回调函数，将数据放入缓存类中，失败则调用失败回调函数；

4、触发新增、更新或删除数据事件时，直接向远程服务器发送ajax请求。

需要说明的是，上述远程传输类的处理过程中的读取、更新、新增、删除事件的处理方法：

1）读取数据事件

触发读取数据事件时，解析用户配置信息，查看是否需要过滤、分组、分页、排序、计算聚合操作，并指定成功回调方法和失败回调方法；调用远程传输类的读取方法，并将解析的配置信息作为参数传递给远程传输类的读取方法；在远程传输类的读取方法中，组装参数，向远程服务器发出请求；远程服务器接收到此请求，解析参数并根据要求返回结果数据到本地，根据所解析出的数据模型将返回的结果数据存放在本地内存中。

2）更新数据事件

触发更新数据事件时，按照数据模型新建一条数据记录，并将新建的数据记录放入更新数据中，直至遍历完成整个需要更新的数据；指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出更新请求，更新成功则执行成功回调函数，更新失败则执行失败回调函数；

3）新增数据事件

触发新增数据事件时，按照数据模型新建一条数据记录，并将新建的数据记录放入新增数据中，直至遍历完成整个需要新增的数据；指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出新增请求，新增成功则执行成功回调函数，新增失败则执行失败回调函数；

4）删除数据事件

触发删除数据事件时，按照数据模型新建一条数据记录，并将新建的数据记录放入待删除数据中，直至遍历完成整个需要删除的数据；指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出删除增请求，删除成功则执行成功回调函数，删除失败则执行失败回调函数。

下面结合图1至图4，对上述移动端网页开发中的数据处理方法的各处理过程进行举例说明：

参照图1所示，其为移动端网页开发中的类关系示意图。上述应用于移动端web开发中的数据处理方法，概括来讲，该方法主要包括数据存储方式、数据查询流程、数据缓存方式、数据传输流程、数据处理流程等。

一、关于数据存储对象

数据采用对象方式存储，对象中可以包含一个或多个数据域，针对每个数据域的操作，在存储对象中定义了set方法、get方法，序列化方法、遍历方法、toJSON方法和wrap方法。为了方便对数据的自动化处理，减少开发者工作量，在此对象的基础上封装成了数据模型。数据模型继承自存储对象，增加了记录的ID属性；_parse私有方法，如果指定数据域的类型为number、date、boolean或string，则自动将每个数据域转换为指定的类型；_notifyChange私有方法，数据增加或者删除时的处理方法。

二、关于数据查询流程

参照图2所示，其为移动端网页开发中的查询类流程示意图。查询类提供的查询操作均不改变原始数据，只对原始数据进行查询操作。查询类自身维护一个数组对象，用以存放查询结果。查询类提供的操作有：

1）聚合（aggregate）：根据用户指定的数据域和聚合类型（"average", "count", "max", "min" 和 "sum"）计算聚合结果、

2）分组（group）：根据用户指定的数据域分组、

3）分页（page）：根据用户指定的page和pageSize分页、

4）过滤（filter）：根据用户指定的数据域、过滤条件或正则表达式过滤；

5）排序（sort）：根据用户指定的数据域和排序方法排序，分为升序排序、降序排序。

其中，聚合（aggregate）操作需要遍历整个数据集合dataSet，并对指定的数据域进行"average", "count", "max", "min" 或 "sum"计算，最后返回聚合结果。

进一步来讲，上述分组、分页、过滤、排序的处理流程如下：

S1：新建查询类示例并初始化；

S2：如果用户指定了过滤操作，则先对数据集合dataSet进行过滤，将过滤结果集返回；没有指定过滤操作，则不做任何操作；

S3：如果用户指定了排序操作，则对步骤S2的结果集进行排序，将排序结果集返回；没有指定排序操作，则不做任何操作；

S4:如果用户指定了分页操作，则对步骤S3的结果集进行分页，将分页结果返回；没有指定分页操作，则不做任何操作；

S5:如果用户指定了分组操作，则对步骤S4的结果集进行分组，将分组结果返回；没有指定分组操作，则不做任何操作；

S6：返回查询结果，结束查询。

三、关于数据缓存方式

缓存类是一个辅助类，用于将远程获取的数据缓存在本地内存中，下次请求时可以通过缓存类中的find方法直接读取缓存中的数据，减少和服务器交互的数据流量。也可以通过取消缓存，每次都获取服务器数据。

四、关于数据传输流程

参照图3所示，其为移动端网页开发中的数据传输类流程示意图。传输类分为本地传输类和远程传输类，均包括新建数据、读取数据、更新数据、删除数据。可用于传输的数据格式有json、xml、对象等格式，可以通过dataType指定数据格式。

（一）本地传输类

本地传输类是对本地数据的操作，不需要和远程服务器交互，处理流程相对简单，不与远程服务器交互，不需要考虑数据源缓存等问题。其处理流程如下：

S1：初始化本地传输类，将原始数据直接赋值给本地传输类中的data；

S2：读取数据时，调用read读取本地传输类实例中的data；

S4：新增数据时，add方法和insert方法均可增加一条新数据到数据集合DataSet中，并以数据模型储存。

S3：更新数据时，调用update方法更新数据。当执行数据更新时，先将更新后的数据缓存，再调用sync方法时，将更新的数据替换到DataSet中对应的数据模型Model中。定义了batch布尔型变量，设置是否需要进行批处理。当更新多条数据时，可以设置batch=false，每次更新一条数据，逐条更新直至所有待更新数据都更新完毕，也可以设置batch=true，选择批处理，一次更新所有待更新数据；

S5：删除数据时，调用remove方法删除数据，删除数据的处理过程类似于更新数据。

（二）远程传输类

远程传输类是对于远程服务器中的数据传输问题的处理，主要包括以下内容：

S1：初始化远程传输类；

S2：遍历数组crud = [CREATE, READ, UPDATE, REMOVE],确定远程请求类型；

S3：检测缓存配置是否为true。是，则直接读取缓存中数据；否，则创建一个缓存区，以便存储远程数据；

S4：解析请求参数，如果远程接受的参数和本地参数不匹配，可以通过参数匹配方法parameterMap将本地参数修改为远程可接受参数。并将解析的参数配置到远程请求链接url中；

S5：读取数据时，首先，配置成功回调方法和失败回调方法，再读取缓存中的数据。如果有缓存数据，读取成功；如果没有缓存数据，则发出ajax请求，请求远程数据，读取成功调用成功回调函数，将数据放入缓存类中，失败则调用失败回调函数，读取失败的后续处理，用户根据需求可以自定义；

S6：新增数据时，直接向远程服务器发送ajax请求；

S7：更新数据时，直接向远程服务器发送ajax请求；

S8：删除数据时，直接向远程服务器发送ajax请求。

五、关于数据处理流程

参照图4所示，其为移动端网页开发中的数据处理类流程示意图。数据处理类DataHandler的工作流程主要包括：首先要创建数据处理类DataHandler的实例并初始化，初始化工作包括：初始化数据解析类DataParser；确定并解析数据模型Model，区分远程传输和本地传输并初始化等，

（一）本地传输情况下，数据处理类的工作流程如下：

S1：创建本地传输类实例，填充本地数据源到数据处理类DataHandler中数据集合dataSet；

S2：读取数据。本步骤中，读取数据的过程可包括如下步骤：

S21：解析用户配置信息，查看是否需要过滤、分组、分页、排序、计算聚合等操作；

S22：指定成功回调方法和失败回调方法；

S23：调用本地传输类的read方法，并将解析的配置信息作为参数传递给本地传输类read方法；

S24：读取成功，执行成功回调方法，返回读取数据

S25：用数据解析类DataParser处理读取的数据

S26：根据配置信息使用查询类处理数据，返回处理结果。

S3：更新数据。本步骤中，更新数据的过程可包括如下步骤：

S31：为待更新数据新建数据模型Model

S32：触发更新事件，将每条数据放入更新数组中。

S33：如果自动保存，则将更新数组中数据保存到DataHandler中数据集合dataSet；不自动保存，则需要调用DataHandler中的sync方法才能将更新数组中数据保存到DataHandler中数据集合dataSet。

S4：新增数据。新增数据与更新数据类似；

S5：删除数据。删除数据与更新数据类似。

（二）远程传输情况下，数据处理的工作流程如下：

S1：创建远程传输实例，解析数据模型Model；

S2：读取数据。其工作流程如下：

S21：解析用户配置信息，查看是否需要过滤、分组、分页、排序、计算聚合等操作；

S22：指定成功回调方法和失败回调方法；

S23：调用远程传输类的read方法，并将解析的配置信息作为参数传递给远程传输类read方法；

S24：在远程传输类的read方法中，组装参数，向远程服务器发出请求；

S25：远程服务器接收到此请求，解析参数并根据要求返回结果到本地；

S26：按照步骤S1中解析出的数据模型将返回的数据存放在内存中；

S3：更新数据。其工作流程为：

S31：按照数据模型Model新建一条数据记录；

S32：将新建的数据记录放入更新数据中；

S33：重复步骤S31和S32直至遍历完成整个需要更新的数据；

S34：指定成功回调函数和失败回调函数

S35：解析用户配置信息，向远程服务器发出更新请求，更新成功则执行成功回调函数，更新失败则执行失败回调函数。

S4：新增数据。其工作流程和更新数据类似。

S5：删除数据。其工作流程和更新数据类似。

这里，为便于理解，以分页操作为例，向远程服务器请求读取数据。首先，需要用户在数据处理类DataHandler中配置的请求信息，包括服务器地址url、serverPage、请求页号page、每页的记录条数pageSize，数据类型dataType。调用DataHandler中的read方法；解析配置信息并将解析出的serverPage、page、pageSize以参数形式添加在url中。若服务器能够识别的每页的记录条数参数为pageNumber，而不是pageSize，则需要通过parameterMap将pageSize转换成pageNumber之后，在以参数形式封装到url中。远程传输类将参数封装完成后向服务器发出ajax请求，服务器接收到请求后，先解析出请求页号page和每页的记录条数pageNumber，再根据解析出的页号page，记录条数pageNumber，处理服务器数据，将处理好的数据转化成dataType指定的数据格式，返回数据到数据处理类DataHandler中；数据处理类DataHandler按照数据模型Model将返回数据缓存在本地。

通过上述各实施例可以看出，本发明的移动端网页开发中的数据处理方法基于jQuery实现的，可以实现跨平台开发，提供了数据查询、数据聚合、数据转换和序列化等数据处理能力，使得移动端web开发和PC端web开发一样简单快捷，易于学习；可以在对开发过程中的数据处理能力、存储空间限制和流量限制做出平衡的同时，减少开发工作量和开发难度以及代码维护方面工作量，使移动端应用的开发更容易、更快捷，更易维护。

进一步来讲，本发明的移动端网页开发中的数据处理方法提供远程交互能力，例如，远程传输情况下，采用ajax请求的封装，使得应用开发和维护工作量大大减少，从而与远程交互时，不在需要书写大量的javascript代码，减少书写javascript代码，只需要简单的配置一下服务的地址、传递的参数和具体的请求，就可获得所需要的远程数据。

另外，本发明的移动端网页开发中的数据处理方法封装了数据处理功能，用户可根据需要列出自己想要的数据域和该数据域的数据类型，数据处理类会努力转化成用户所要的格式返回给用户，大大减少了开发者的工作量，也减少的代码维护工作，使得应用更简洁。

特别需要指出的是，本发明的移动端网页开发中的数据处理方法提供了数据模型，可以方便的把数据模型中的数据render到网页中，展示在UI组件中，大大减少数据处理的中间过程，是网页开发更简单。

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

产品实施例：

实施例一

与前述相对应的，本发明实施例还提出一种移动端网页开发中的数据处理系统，该系统包括以下组成部分：

1）兼容多平台的测试脚本语言数据库；

2）存储数据模块，用于建立采用对象方式的存储模式，对数据流进行存储，对象中包含一个以上的数据域；

3）创建模型模块，用于基于对象建立对数据进行封装的数据模型，数据模型增设有记录的ID属性，能自动将每个数据域转换为指定类型，并将数据渲染到网页中。

在一可选实施例中，上述移动端网页开发中的数据处理系统还可包括：

4）查询类模块，用于对原始数据进行查询操作，设置有用于存放查询结果的数组对象；其中，查询操作包括聚合、分组、分页、过滤及排序操作；

5）缓存类模块，用于建立缓存类数据模型，将远程获取的数据缓存在本地内存中，下次请求时通过缓存类数据模型中设置的寻找方法直接读取缓存中的数据；

6）传输类模块，包括本地传输类子模块和远程传输类子模块；

7）处理类模块，用于新建数据、读取数据、更新数据、删除数据。

其中，处理类模块可进一步包括：

创建单元，用于创建并初始化远程传输类实例；

检测单元，用于遍历数组以确定远程请求类型，检测缓存配置是否为真，若是则直接读取缓存中数据，否则创建一个缓存区，以存储远程数据；

读取单元，用于触发读取数据事件时，解析请求参数，若远程接受的参数和本地参数不匹配，通过参数匹配方法将本地参数修改为远程可接受参数，并将解析的参数配置到远程请求链接url中；配置成功回调方法和失败回调方法，再读取缓存中的数据；如果有缓存数据，读取成功；如果没有缓存数据，则发出ajax请求，向服务器请求远程数据；读取成功则调用成功回调函数，将数据放入缓存类中，失败则调用失败回调函数；

新增单元，用于按照数据模型新建一条数据记录，并将新建的数据记录放入新增数据中，直至遍历完成整个需要新增的数据；以及，用于指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出新增请求，新增成功则执行成功回调函数，新增失败则执行失败回调函数；

更新单元，用于按照数据模型新建一条数据记录，并将新建的数据记录放入更新数据中，直至遍历完成整个需要更新的数据；以及，用于指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出更新请求，更新成功则执行成功回调函数，更新失败则执行失败回调函数；

删除单元，用于按照数据模型新建一条数据记录，并将新建的数据记录放入待删除数据中，直至遍历完成整个需要删除的数据；以及，用于指定成功回调函数和失败回调函数，解析用户配置信息，向远程服务器发出删除增请求，删除成功则执行成功回调函数，删除失败则执行失败回调函数。

由于上述系统实施例与前述移动端网页开发中的数据处理方法实施例相对应，而移动端网页开发中的数据处理方法具有前述的优点，因此采用移动端网页开发中的数据处理系统也具有前述优点，此处不再赘述。

实施例二

本发明实施例还提出一种移动端应用装置，该移动端应用装置设置有采用前述任一种移动端网页开发中的数据处理方法制作得到的网页。由于该任一种移动端网页开发中的数据处理方法实施例具有前述的优点，因此采用该移动端网页开发中的数据处理方法得到的网页及设置有该网页的移动端应用装置也具有前述优点，此处不再赘述。

显然，本领域的技术人员应该明白，上述的本发明的移动端网页开发中的数据处理系统的各模块或移动端网页开发中的数据处理方法的各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。存储装置为非易失性存储器，如：ROM/RAM、闪存、磁碟、光盘等。

以上仅为本发明的实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。