Web前端数据操作层及其实现方法

Web前端数据操作层及其实现方法

[专利摘要]本发明涉及Web前端数据操作层及其实现方法. 它使用前端脚本加载器requirjs的json加载插件加载数据层配置文件DataAPIConfig.json，并通过前端javascript MVVM框架angularjs服务封装数据层. DataProvider通过javascript函数apply实现AOP机制. 并将其注入每种数据访问方法中，以在调用数据访问层之前和之后实现统一的业务逻辑处理. Web前端数据操作层方案通过json构造仿真数据，通过简单的配置即可实现仿真数据的简单切换和真正的Restful服务接口，符合承诺规范，可以在运行时动态修改仿真数据.

[专利说明]

Web前端数据操作层及其实现方法

技术领域

[0001]本发明涉及一种用于基于Web单页应用程序实现数据操作层的方法.

【背景技术】

[0002]当前，大多数基于B / S（浏览器/服务器）的业务系统都使用服务器来生成动态业务数据，然后将HTML输出到浏览器. 数据层操作全部在服务器端执行. 这种方法的缺点是，每当用户发出请求时web前端怎么调用接口，都必须刷新html页面，从而导致非常糟糕的用户交互体验. 因此，越来越多的业务系统采用基于Ajax和Web Service的技术体系结构. 浏览器端统称为Web前端，并通过javascript和ajax调用服务器端提供的WebService接口以获取数据并提交数据. 因此，Web前端与服务器端之间的通信被转换为WebService接口的形式，从而将数据层操作移至Web前端. 在这种情况下，Web前端的开发独立于服务器端. 在开发过程中，通常会发生服务器端接口未开发且Web前端无法继续的情况.

【发明内容】

[0003]本发明的目的是提供一种Web前端数据操作层的实现方法，以解决当前Web前端过于依赖Server端，开发水平低的问题. 效率.

[0004]为了达到上述目的，本发明的方案包括:

[0005]-一种实现Web前端数据操作层的方法，步骤如下:

[0006] I）前端脚本加载程序需求js加载数据层配置文件；

[0007] 2）数据层DataProvider是通过前端javascript MVVM框架和gu js服务封装的，而AOP机制是通过javascript funct1n apply实现的，它被注入每种数据访问方法中以实现统一业务逻辑处理之前和之后的数据访问层.

[0008]使用前端脚本加载器要求js j sη插件加载数据层配置文件DataAPIConfig.json0

[0009]数据层配置文件DataAPIConfig.json的格式定义包括: 是否使用模拟数据，业务数据方法调用的后台WebService和相关参数以及与业务数据相对应的模拟数据方法.

[0010]数据层配置文件DataAPIConfig.json通过调用方法参数占位符来实现具有业务逻辑的模拟数据.

[0011]是否缓存数据层配置文件DataAPIConf ig.json，如果是模拟数据，则在运行时对模拟数据进行动态修改，以实现业务逻辑的状态变化模拟.

[0012] Web前端数据操作层，包括:

[0013] I）前端脚本加载程序requirjs的模块，用于加载数据层配置文件；

[0014] 2）数据层DataProvider通过前端javascript MVVM框架和gu js的服务进行封装，而AOP机制通过javascript funct1n apply实现，并注入每种数据访问方法中在统一业务逻辑处理模块之前和之后实现数据访问层.

[0015]使用前端脚本加载器r j ej js sη插件加载数据层配置文件DataAPIConfig.json0

[OOG]]数据层配置文件DataAPIConf ig.json的格式定义包括: 是否使用模拟数据，业务数据方法调用的后台WebService和相关参数以及与之对应的模拟数据业务数据方法.

[0017]数据层配置文件DataAPIConfig.json通过调用方法参数占位符来实现具有业务逻辑的模拟数据.

[0018]数据层配置文件DataAPIConfig.json，是否缓存配置，如果是模拟数据，则在运行时动态修改模拟数据，以实现业务逻辑状态变化的模拟.

[0019]为了解决当前Web前端过于依赖Server端，导致开发效率低的问题，提出了Web前端数据操作层的解决方案，旨在改善Web前端数据操作层. Web前端开发的现状，提高开发效率. 同时，它还为服务器端WebService服务调用提出了统一的程序包管理. 当不开发服务器侧接口时，可以通过本发明提供的方案通过配置文件将Web前端配置为模拟数据，并在Web前端上建立模拟数据json文件，因此以实现服务器端的完整仿真.

[0020]此外，本发明还可以通过动态修改仿真文件的数据来实现更复杂的业务逻辑场景仿真. 通过该使用信息提供的方案，完成了通过不同的调用参数获取不同的仿真数据文件，并实现了对更复杂的业务逻辑场景的进一步仿真.

[图纸说明]

[0021]图1是Web前端数据操作层的结构.

[具体实现]

[0022]下面将参考附图进一步详细描述本发明.

[0023]图2所示的Web前端数据操作层的结构. 如图1所示，车辆运行管理系统包括DataProvider，DataAPIConf ig.json，Simulate Data Json文件. 该车辆运营管理系统可用于通勤车，公共汽车和其他领域.

[0024]采用前端脚本加载器re quirjs jsοload插件来加载数据层配置文件DataAPIConfig.json，通过前端javascript MVVM框架angular js服务包数据层DataProviderweb前端怎么调用接口，通过JavaScript funct1n申请实现AOP机制，注入到每种数据访问方法中，以在调用数据访问层之前和之后实现统一的业务逻辑处理. Web前端数据操作层方案通过json构造仿真数据，通过简单的配置即可实现仿真数据的简单切换和真正的Restful服务接口，符合承诺规范，可以在运行时动态修改仿真数据.

[0025]其中，DataProvider主要是数据操作层的主机代码，它实现了DataAPIConf ig.json配置文件的读取，生成了UI层要调用的数据操作调用方法，并进行通信. 在UI层中通过promise规范.

[0026] DataAPIConfig.json主要是数据操作层的配置参数，包括数据操作层的常用配置和服务器端WebService接口的配置.

[0027]模拟数据Json文件主要是对Serve端每个WebService接口的模拟，以json文件的形式存储，并通过需要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）数据层DataProvider通过前端javascriptMVVM框架angularjs服务打包，AOP机制通过javascript的funct1n应用实现，注入到每种数据访问方法中，以实现数据访问层前后的统一业务逻辑处理叫做. 2.根据权利要求1所述的实现Web前端数据操作层的方法，其特征在于，所述数据层配置文件DataAPIConfig.json是使用前端脚本加载器require js 3的json插件加载的. 3.根据权利要求2所述的Web，其特征在于，所述数据层配置文件DataAPIConfig.json的格式定义包括: 是否使用模拟数据，后台WebService以及相关参数调用业务数据方法以及相应的模拟数据. 3.根据权利要求2所述的Web前端数据操作层的实现方法，其特征在于，所述数据层配置文件DataAPIConfig.json通过调用方法参数占位符，利用业务逻辑实现模拟数据. 5.根据权利要求2所述的实现Web前端数据操作层的方法，其特征在于，所述数据层配置文件DataAPIConfig.json用于配置是否缓存，如果是模拟数据，则在运行时动态修改模拟数据以实现业务. 逻辑状态变化模拟.

6. Web前端数据操作层，包括: 1）通过前端脚本加载器requirjs加载数据层配置文件的模块； 2）由前端javascript MVVM框架angular js服务封装的数据层DataPro vider，通过javascript的funct1n应用实现AOP机制，并将其注入每种数据访问方法中，以实现前后的统一业务逻辑处理模块. 称为数据访问层. 7.根据权利要求6所述的Web前端数据操作层，其特征在于，所述数据层配置文件DataAPIConfig.json是使用前端脚本加载器require js的json插件加载的. 8.根据权利要求7所述的Web前端数据操作层，其特征在于，所述数据层配置文件DataAPIConfig.json的格式定义包括: 是否使用模拟数据，所述业务数据方法调用的后台WebService以及相关参数. ，与模拟数据对应的业务数据方法. 9.根据权利要求7所述的网络前端数据操作层，其中，所述数据层配置文件DataAPIConfig.json通过调用方法参数占位符来利用业务逻辑来实现模拟数据. 10.根据权利要求7所述的Web前端数据操作层，其特征在于，所述数据层配置文件DataAPIConfig.json用于配置是否缓存，如果是模拟数据，则在运行时动态修改所述模拟数据以实现业务逻辑模拟. 状态更改.

【文件号】G06F9 / 44GK105867944SQ201610248146

[开放日] 2016年8月17日

[申请日期] 2016年4月19日

[发明人]周泽辰，邓必红

[申请人]郑州宇通客车

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shouji/article-274740-1.html