Web前端数据操作层及其实现方法
【专利摘要】本发明涉及Web前端数据操作层及其实现方法，采用前端脚本加载器requirjs的json加载插件加载数据层配置文件DataAPIConfig.json，通过前端javascript MVVM框架angularjs的service封装数据层DataProvider，通过javascript的function apply实现AOP机制，注入到各数据访问方法，实现数据访问层被调用前以及调用后的统一业务逻辑处理。所述Web前端数据操作层方案通过json构造模拟数据，通过简单配置实现任意切换模拟数据、真实restful服务接口，符合promise规范，可在运行时动态修改模拟数据。
【专利说明】
Web前端数据操作层及其实现方法
技术领域
[0001]本发明涉及基于Web单页应用的数据操作层的实现方法。
【背景技术】
[0002]目前大多数的基于B/S(Browser/Server)的业务系统，均采用Server端生成动态业务数据，然后输出HTML到Browser端。数据层操作全部在Server端进行。这种方式的缺点在于，用户每做一次请求，都要重新刷新html页面，导致用户交互体验非常不好。因此，越来越多的业务系统采用了一种基于Ajax、Web Service的技术架构，Browser端统称为Web前端，通过javascript、ajax调用Server端提供的WebService接口，获取数据，提交数据。因此，Web前端与Server端的通讯转化为通过WebService接口形式，从而使数据层操作前移到了Web前端。在这种情况下，Web前端的开发工作从Server端独立出来。在开发过程中，经常会出现Server端接口未开发完成，Web前端无法继续进行的情况。
【发明内容】
[0003]本发明的目的是提供一套Web前端数据操作层实现方法，用以解决目前Web前端过于依赖Server端，导致开发效率不高的问题。
[0004]为实现上述目的，本发明的方案包括:
[0005]—种Web前端数据操作层的实现方法，步骤如下:
[0006]I)前端脚本加载器requir js加载数据层配置文件；
[0007]2 )通过前端 javascript MVVM 框架 an gu I ar j s 的 s e r v i c e 封装数据层DataProvider，通过javascript的funct1n apply实现AOP机制，注入到各数据访问方法，实现数据访问层被调用前以及调用后的统一业务逻辑处理。
[0008]采用前端脚本加载器re q u i r e j s的j s ο η插件加载数据层配置文件DataAPIConfig.json0
[0009]所述数据层配置文件DataAPIConfig.json的格式的定义包括:是否采用模拟数据，业务数据方法调用的后台WebService及其相关参数，以及业务数据方法对应的模拟数据。
[0010]所述数据层配置文件DataAPIConfig.json通过调用方法参数占位符，实现带有业务逻辑的模拟数据。
[0011 ]所述数据层配置文件DataAPIConf ig.json配置是否缓存，如果是模拟数据，则在运行时动态修改模拟数据，实现业务逻辑的状态变化模拟。
[0012]一种Web前端数据操作层，包括:
[0013]I)前端脚本加载器requirjs加载数据层配置文件的模块；
[0014]2 )通过前端 javascript MVVM 框架 an gu I ar j s 的 s e r v i c e 封装数据层DataProvider，通过javascript的funct1n apply实现AOP机制，注入到各数据访问方法，实现数据访问层被调用前以及调用后的统一业务逻辑处理的模块。
[0015]采用前端脚本加载器r e q u i r e j s的j s ο η插件加载数据层配置文件DataAPIConfig.json0
[ΟΟ??]所述数据层配置文件DataAPIConf ig.json的格式的定义包括:是否采用模拟数据，业务数据方法调用的后台WebService及其相关参数，以及业务数据方法对应的模拟数据。
[0017]所述数据层配置文件DataAPIConfig.json通过调用方法参数占位符，实现带有业务逻辑的模拟数据。
[0018]所述数据层配置文件DataAPIConfig.json，配置是否缓存，如果是模拟数据，则在运行时动态修改模拟数据，实现业务逻辑的状态变化模拟。
[0019]本发明为了解决目前Web前端过于依赖Server端，导致开发效率不高的问题，提出了一种Web前端数据操作层方案，旨在改善Web前端开发现状，提高开发效率。同时，也提出了一种对Server端WebService服务调用的统一封装管理。当Server端接口未开发完成的时候，Web前端可以通过本发明提供的方案，通过配置文件配置为模拟数据，并且在Web前端建立模拟数据json文件，从而实现对Server端的完整模拟。
[0020]而且本发明还可以通过动态修改模拟文件的数据，实现更加复杂的业务逻辑场景模拟。以及通过本使用信息提供的方案，完成不同调用参数对不同模拟数据文件的获取，进一步实现更加复杂的业务逻辑场景模拟。
【附图说明】
[0021 ]图1是Web前端数据操作层的结构原理图。
【具体实施方式】
[0022]下面结合附图对本发明做进一步详细的说明。
[0023]如图1所示的Web前端数据操作层的结构原理图，车辆运营管理系统包括DataProvider、DataAPIConf ig.json、Simulate Data Json Files。这种车辆运营管理系统可以用于通勤车、公交车等领域。
[0024]采用前端脚本加载器re q u i r j s的j s ο η加载插件加载数据层配置文件DataAPIConfig.json，通过前端 javascript MVVM 框架 angular js的 service封装数据层DataProvider，通过javascript的funct1n apply实现AOP机制，注入到各数据访问方法，实现数据访问层被调用前以及调用后的统一业务逻辑处理。所述Web前端数据操作层方案通过json构造模拟数据，通过简单配置实现任意切换模拟数据、真实restful服务接口，符合promise规范，可在运行时动态修改模拟数据。
[0025]其中，DataProvider主要是数据操作层的宿主代码，实现对DataAPIConf ig.json配置文件的读取，生成数据操作调用方法，供UI层调用，通过promise规范与UI层通信。
[0026]DataAPIConfig.json主要是数据操作层的配置参数，包括数据操作层的公共配置、Server端各WebService接口的配置。
[0027]Simulate Data Json Files主要是对Servre端各WebService接口的一对一模拟，通过json文件形式存放，通过模块加载器require js的json插件加载。
[0028]具体工作过程为:
[0029](I)配置文件加载流程:Web前端页面在浏览器中加载，触发DataProvider的初始化。该初始化读取DataAPIConfig.json配置信息，完成相关配置信息的初始化工作。
[0030](2)数据层调用方法生成流程:当配置文件加载完成后，DataProvider根据配置文件的配置，动态生成javascript调用方法，并且通过javascript apply机制，注入统一处理方法，实现对调用前的参数处理，数据返回后的数据错误码统一处理。
[0031](3)UI调用流程:UI层根据实际需求，调用DataProvider生成的数据层调用方法。并且在开发过程中，可根据开发需求，随时更改DataAPIConf ig.json，实现是否调用模拟数据的切换。如果切换到模拟数据方式，则需要先在Web前端建立SimulateDataJsonFi Ie0
[0032]以上给出了本发明涉及的【具体实施方式】，但本发明不局限于所描述的实施方式。在本发明给出的思路下，采用对本领域技术人员而言容易想到的方式对上述实施例中的技术手段进行变换、替换、修改，并且起到的作用与本发明中的相应技术手段基本相同、实现的发明目的也基本相同，这样形成的技术方案是对上述实施例进行微调形成的，这种技术方案仍落入本发明的保护范围内。
【主权项】
1.一种Web前端数据操作层的实现方法，其特征在于，步骤如下: 1)前端脚本加载器requirjs加载数据层配置文件； 2)通过前端javascriptMVVM框架angularjs的service封装数据层DataProvider，通过javascript的funct1n apply实现AOP机制，注入到各数据访问方法，实现数据访问层被调用前以及调用后的统一业务逻辑处理。2.根据权利要求1所述的Web前端数据操作层的实现方法，其特征在于，采用前端脚本加载器require js的json插件加载数据层配置文件DataAPIConfig.json ο3.根据权利要求2所述的Web前端数据操作层的实现方法，其特征在于，所述数据层配置文件DataAPIConfig.json的格式的定义包括:是否采用模拟数据，业务数据方法调用的后台WebService及其相关参数，以及业务数据方法对应的模拟数据。4.根据权利要求2所述的Web前端数据操作层的实现方法，其特征在于，所述数据层配置文件DataAPIConfig.json通过调用方法参数占位符，实现带有业务逻辑的模拟数据。5.根据权利要求2所述的Web前端数据操作层的实现方法，其特征在于，所述数据层配置文件DataAPIConfig.json配置是否缓存，如果是模拟数据，则在运行时动态修改模拟数据，实现业务逻辑的状态变化模拟。6.一种Web前端数据操作层，其特征在于，包括: 1)前端脚本加载器requirjs加载数据层配置文件的模块； 2)通过前端javascript MVVM 框架 angular js的 service 封装数据层 DataPro vider，通过javascript的funct1n apply实现AOP机制，注入到各数据访问方法，实现数据访问层被调用前以及调用后的统一业务逻辑处理的模块。7.根据权利要求6所述的Web前端数据操作层，其特征在于，采用前端脚本加载器require js的json插件加载数据层配置文件DataAPIConfig.json。8.根据权利要求7所述的Web前端数据操作层，其特征在于，所述数据层配置文件DataAPIConfig.json的格式的定义包括:是否采用模拟数据，业务数据方法调用的后台WebService及其相关参数，以及业务数据方法对应的模拟数据。9.根据权利要求7所述的Web前端数据操作层，其特征在于，所述数据层配置文件DataAPIConfig.json通过调用方法参数占位符，实现带有业务逻辑的模拟数据。10.根据权利要求7所述的Web前端数据操作层，其特征在于，所述数据层配置文件DataAPIConfig.json，配置是否缓存，如果是模拟数据，则在运行时动态修改模拟数据，实现业务逻辑的状态变化模拟。
【文档编号】G06F9/44GK105867944SQ201610248146
【公开日】2016年8月17日
【申请日】2016年4月19日
【发明人】周泽晨, 邓必红
【申请人】郑州宇通客车股份有限公司