一种用于前端开发的数据生成方法和装置与流程

1.本公开涉及互联网应用技术领域，尤其涉及一种用于前端开发的数据生成方法和装置。


背景技术：

2.软件项目前后端开发采用分离的模式，前端负责页面展示和逻辑交互，后端负责提供业务接口数据。前后端通过应用程序接口进行数据交互，当后端接口变更频繁，无法为前端提供接口数据时，后端通过选择使用模拟数据为前端项目提供服务，使应用界面达到预期的效果。
3.当前后端进行联调时，开发人员需要手动编写大量代码，流程繁琐，并且随着服务端api出现功能变更，前端交互代码也需要进行手动修改，开发人员工作量大，手动编写代码费时费力，代码编写失误率较高，导致开发效率低下。


技术实现要素：

4.有鉴于此，本公开实施例提供了一种用于前端开发的数据生成方法、装置、电子设备及计算机可读存储介质，以解决开发人员手动编写代码费时费力，代码编写失误率较高，导致开发效率低下的问题。
5.本公开实施例的第一方面，提供了一种用于前端开发的数据生成方法，包括：
6.对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档；
7.基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记；
8.利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件；
9.对业务需求列表进行监控，当监控到业务需求列表发生改动后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。
10.本公开实施例的第二方面，提供了一种用于前端开发的数据生成装置，包括：
11.获取模块，被配置为对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档；
12.过滤模块，被配置为基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记；
13.更新模块，被配置为利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件；
14.监控模块，被配置为对业务需求列表进行监控，当监控到业务需求列表发生改动
后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。
15.本公开实施例的第三方面，提供了一种电子设备，包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序，该处理器执行计算机程序时实现上述方法的步骤。
16.本公开实施例的第四方面，提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现上述方法的步骤。
17.本公开实施例与现有技术相比存在的有益效果是：本公开实施例通过对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档；基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记；利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件；对业务需求列表进行监控，当监控到业务需求列表发生改动后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。本公开能够自动生成接口文档，及时响应业务需求的改变，从而使前端人员根据业务需求调用接口文档，减少了大量的沟通成本，并且代码的开发效率得到提升。
附图说明
18.为了更清楚地说明本公开实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
19.图1是本公开实施例提供的一种用于前端开发的数据生成方法的流程示意图；
20.图2是本公开实施例提供的一种用于前端开发的数据生成方法的具体流程示意图；
21.图3是本公开实施例提供的一种用于前端开发的数据生成装置的结构示意图；
22.图4是本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
23.以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本公开实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本公开。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本公开的描述。基于所描述的本发明的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本发明保护的范围。若未特别指明，实施例中所用的技术手段为本领域技术人员所熟知的常规手段。
24.下面将结合附图详细说明根据本公开实施例的技术方案。
25.开发应用程序时，前端开发需要后端提供的数据，若后端数据未完成，则出现前端和后端开发进度无法统一，为了避免因开发进度不一致导致的空窗期，项目初期，前端开发
使用模拟数据，通常会由人工编写模拟数据，为前端开发提供支持。后端开发完成后，进行前后端功能联调，利用后端的应用程序编程接口，完成真实数据和模拟数据的切换，以实现前后端分离情况下的数据交换。
26.然而，代码编写过程中，由于采用人工编写相关代码，且开发人员编写习惯不同，存在代码编写前后格式不一致的问题。当用户的业务需求发生变化时，开发人员需要分别对代码进行人工修改，投入大量时时间进行沟通维护，增加了开发的时间成本。
27.现有技术中，提供以下几种方案解决因开发进度不同导致的空窗期。部分开发人员采用填充固定数据作为模拟数据进行展示，固定数据存在配置不协调的情况，如果后期固定数据清理不彻底，可能会导致系统问题。或者选择分批次联调，一定程度上缓解空窗期，存在因服务端逻辑更改造成联调过程中出现接口异常。
28.也可以选择通过第三方提供模拟数据，可以缓解一定程度的开发风险，数据安全问题无法得到保障。以及通过自主研发的可视化平台生成模拟数据，基于研发人员配置模拟数据的能力，模拟网络情况及应用配置，提供模拟数据服务，但是自主研发的平台需要投入大量服务资源进行运维，投入成本大幅上升。
29.本公开实施例则提出了一种用于前端开发的数据生成方法，通过对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档；基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记；利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件；对业务需求列表进行监控，当监控到业务需求列表发生改动后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。本公开能够自动生成接口文档，从而减少代码编写工作，降低代码的出错率。同时，及时响应业务需求的改变，从而使前端人员根据业务需求调用接口文档，减少了大量的沟通成本，不需要第三方平台即可实现接口调用，避免了重复工作，使代码的开发效率得到提升。
30.图1是本公开实施例提供的一种用于前端开发的数据生成方法的示意图，该用于前端开发的数据生成方法可以通过后端应用服务器执行,可以运行在计算机程序或手机终端等设备上，在此不作具体限定。编写数据的代码语言可以为java，也可以为其他的编程语言，适用的系统可以为linux操作系统、mac操作系统或windows操作系统。
31.如图1所示，一种用于前端开发的数据生成方法包括以下步骤：
32.s101，对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档。
33.在对后端应用服务器中用户上传的文档服务器进行访问之前，需要获取前端开发人员和后端开发人员共同确定的业务接口文档，获取业务接口文档，主要获取业务接口文档中的接口参数，接口参数至少包括接口文档的名称、接口请求路径url、接口请求参数信息，接口请求参数信息包含参数名称和参数类型。这里的接口基于业务需要包含一个或多个接口，在此不作具体限定。
34.在后端将业务接口文档添加到文档服务器中，并将包含业务接口文档的文档服务器部署到后端应用服务器中。
35.当用户首次访问后端应用服务器时，将存储在后端应用服务器中的业务接口文档进行下载，并将业务接口文档保存至本地，以及将用户访问后端应用服务器时产生的详情数据写入本地环境。
36.s102，基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记。
37.基于用户上传的业务需求列表，业务需求列表是用户基于不同业务场景需要生成的。业务需求列表至少包括参数名称、关键字的描述或注释、请求类型、请求地址等基本信息。基于业务需求列表，执行过滤操作，得到用于提供在线服务的业务接口数据。
38.调用安装在开发工具中的文件对比模块，确定对业务接口文档执行过滤操作前后，业务接口数据的变化情况，根据业务接口数据的变化情况，使用工具数据处理模型中的diff算法对接口文档中的数据的进行改动标记，降低本地服务的运行负荷。针对业务接口文档中的代码进行改动标记时，可以采用markdown格式、word格式或采用在线文档的格式。
39.s103，利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件。
40.基于对业务接口数据的改动所做的标记，业务接口数据的改动包括增加数据、删除数据和修改数据。作为示例，增加接口文档的路由配置，可以选择容光在扩展字段中添加新的路由配置。本实施例对数据的具体类型不做限制，凡是相对于原来业务接口数据发生变化，均可以作为业务接口数据的改动。
41.利用工具数据处理模型将改动的数据重新进行梳理，对前端的业务接口文档进行更新，使业务接口文档保持同步更新状态。更新后的接口文档存储后端应用服务器中，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件。
42.s104，对业务需求列表进行监控，当监控到业务需求列表发生改动后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。
43.当项目服务启动之后，调用监控模块对用户上传的业务需求列表进行监控，监控业务需求列表中的接口需求文件是否发生变化，监控的文件可以为一个或多个文件。监控对象至少包括文档服务器中的接口文档或目录，具体地，接口文件的变化可以为目录中的复制、添加、目录下子目录的复制、文件名称的修改，以及针对业务接口文档进行创建、修改或删除的操作。
44.当用户前端页面进行操作时，后端应用服务器将会监控到业务需求列表发生改动，重新获取更新后的业务接口文档。将更新的接口文档，发送至接口文档查看请求对应的客户端，进行前端页面的更新。作为示例，用户点击医药平台的药品购买链接，生成购买药品的请求，此时业务需求列表发生变化，根据用户业务请求获取业务标识信息，基于标识信息确定接口的配置信息，调用解析接口的配置信息，获取相应的业务接口文档，将待购药品的页面更新至前端页面，供用户进行选择。
45.图2是本公开实施例提供的一种用于前端开发的数据生成方法的具体流程示意图。如图2所示，该方法包括如下步骤：
46.s201，定义业务接口文档。
47.由前端开发人员和后端开发人员共同确定的业务接口文档，接口文档的内容至少包括请求路径、请求参数、响应内容等。
48.s202，编写前端页面布局的代码。
49.由前端开发人员通过工作空间(workspace)编写页面布局的代码，代码的编写语言可以由一个或多个程序语言进行编写。页面布局的代码可以选择使用《script》标签、《link》标签，导入，其中，标签的属性值表示资源文件的具体路径。通过编写代码，开发人员可以基于业务需要自定义组件功能，供用户进行调用。
50.s203，基于页面布局代码，启动代码生成服务。
51.页面布局代码完成后，生成业务接口文档，并将包含业务接口文档的文档服务器部署到后端应用服务器中。
52.s204，编写后端服务代码。
53.后端人员基于工作项目通过工作空间编写代码，将代码生成时用到的组件进行配置，包括数据表、字段、校验等规则配置，表结构建立好后，生成用于后端服务的代码。
54.s205，基于后端服务代码，自动生成模拟数据及服务项目代码。
55.具体地，人工参与编写前台逻辑和前后端数据交互代码，交互代码是执行交互操作的代码。将交互代码确定为超文本的标记语言代码，并将超文本标记的语言代码推送至后端应用服务器，自动生成模拟数据及服务项目代码。
56.s206，变更后端接口。
57.变更后端的接口数据，发送至前端页面。
58.s207，基于变更的后端接口，更新业务接口文档。
59.基于变更的后端接口信息，对前端的业务接口文档进行更新。
60.s208，基于业务接口文档，自动变更模拟数据及相关项目代码。
61.基于更新的业务接口文档，对更新后的业务接口文档进行数据运算，变更模拟数据及相关项目代码。
62.s209，基于模拟数据及相关项目代码，切换模拟数据服务为真实接口数据。
63.后端接口开发完成的情况下，将模拟数据切换为真实数据，后端应用服务器将真实数据通过接口返回至前端；若开发未完成，则继续返回模拟数据。
64.s210，联调前后端应用，开发完成。
65.将接口文档中的模拟数据返回给前端时，前端页面将返回的模拟数据进行解析。
66.本公开实施例则提出了一种用于前端开发的数据生成方法，通过对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档；基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记；利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件；对业务需求列表进行监控，当监控到业务需求列表发生改动后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。本公开能够自动生成业务接口文档，减少人工编写接口文档的时间。能够及时响应业务需求的改变，从而使前端人员根据业务需求调用接口文档，减少了大量的沟通成本，并且代码的开发效率得到提升。
67.进一步地，若增加了新的接口，则获取新增接口的接口配置信息，基于新增加的接口配置信息，与业务接口文档中的参数信息进行匹配，则新增加的接口配置信息中匹配成功的接口配置信息为最新的接口配置信息。基于最新的接口配置信息，前端自动修改代码。
68.接口变更，是基于原有的接口信息进行更改。作为示例，原来接口只能调用用户的信息数据，接口变更后还可以调用用户的交易信息，接口变更需要调整接口参数，接口参数的调整需要将当前的接口信息和历史接口信息比较，确定变更的入参和出参，以及接口地址的变更。当后端接口变更时，前端页面的布局的代码随之改变，变更中的代码自动生成，不需要开发人员手动编写。
69.上述所有可选技术方案，可以采用任意结合形成本技术的可选实施例，在此不再一一赘述。
70.下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。
71.图3是本公开实施例提供的一种用于前端开发的数据生成装置的结构示意图。如图3所示，应用于前端开发的数据生成装置包括获取模块301、过滤模块302、更新模块303和监控模块304。其中，获取模块301，被配置为对后端应用服务器中用户上传的文档服务器进行访问，获取文档服务器中的用户预先定义的业务接口文档；过滤模块302，被配置为基于用户上传的业务需求列表，对业务接口文档执行数据过滤操作，得到用于提供在线服务的业务接口数据，并在前端对业务接口数据进行改动标记；更新模块303，被配置为利用改动标记后的业务接口数据对前端的业务接口文档进行更新，得到更新后的业务接口文档，将更新后的业务接口文档作为本地项目开发时所需要的项目接口文件；监控模块304，被配置为对业务需求列表进行监控，当监控到业务需求列表发生改动后，重新获取更新后的业务接口文档，并根据改动后的业务需求列表对更新后的业务接口文档进行数据运算和更新。
72.进一步地，获取模块301被具体配置为获取前端开发人员和后端开发人员共同确定的业务接口文档，在后端将业务接口文档添加到文档服务器中，并将包含业务接口文档的文档服务器部署到后端应用服务器中。当用户首次访问后端应用服务器时，将存储在后端应用服务器中的业务接口文档进行下载，并将业务接口文档保存至本地，以及将用户访问后端应用服务器时产生的详情数据写入本地环境。
73.进一步地，过滤模块302被具体配置调用安装在开发工具中的文件对比模块，确定对业务接口文档执行过滤操作前后，业务接口数据的变化情况，根据业务接口数据的变化情况，对业务接口数据的改动进行标记。
74.进一步地，更新模块303被具体配置基于对业务接口数据的改动所做的标记，对前端的业务接口文档进行更新，使业务接口文档保持同步更新状态，其中，业务接口数据的改动包括增加数据、删除数据和修改数据。
75.进一步地，监控模块304被具体配置为当项目服务启动之后，调用监控模块对用户上传的业务需求列表进行监控，监控模块用于监控业务需求列表中的接口需求文件是否发生变化，当监测到业务需求列表中的接口需求文件发生变化时，重新获取更新后的业务接口文档；基于改动后的业务需求列表，重新利用改动后的业务需求列表对业务接口文档进行过滤，得到新的业务接口数据，基于新的业务接口数据以及改动前的业务需求列表，对前端的业务接口文档进行数据运算和更新，得到最新改动后的业务接口文档。
76.图4是本公开实施例提供的电子设备4的结构示意图。如图4所示，该实施例的电子设备4包括：处理器401、存储器402以及存储在该存储器402中并且可以在处理器401上运行的计算机程序403。处理器401执行计算机程序403时实现上述各个方法实施例中的步骤。或者，处理器401执行计算机程序403时实现上述各装置实施例中各模块/单元的功能。
77.电子设备4可以是桌上型计算机、笔记本、掌上电脑及云端服务器等电子设备。电子设备4可以包括但不仅限于处理器401和存储器402。本领域技术人员可以理解，图4仅仅是电子设备4的示例，并不构成对电子设备4的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件。
78.处理器401可以是中央处理单元(centralprocessingunit，cpu)，也可以是其它通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field-programmablegatearray，fpga)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
79.存储器402可以是电子设备4的内部存储单元，例如，电子设备4的硬盘或内存。存储器402也可以是电子设备4的外部存储设备，例如，电子设备4上配备的插接式硬盘，智能存储卡(smartmediacard，smc)，安全数字(securedigital，sd)卡，闪存卡(flashcard)等。进一步地，存储器402还可以既包括电子设备4的内部存储单元也包括外部存储设备。存储器402用于存储计算机程序以及电子设备所需的其它程序和数据。
80.所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
81.集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本公开实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，计算机程序可以存储在计算机可读存储介质中，该计算机程序在被处理器执行时，可以实现上述各个方法实施例的步骤。计算机程序可以包括计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质可以包括：能够携带计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、电载波信号、电信信号以及软件分发介质等。需要说明的是，计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如，在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
82.以上实施例仅用以说明本公开的技术方案，而非对其限制；尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本公开各实施例技术方案的精神和范围，均应包含
在本公开的保护范围之内。