基于基础库的前端开发处理方法、装置、设备和存储介质制造方法及图纸

本申请涉及一种基于基础库的前端开发处理方法、装置、计算机设备和存储介质。本申请能够将不同的功能组件封装后构成基础库，使用基础库通过接口文件与后端关联，使得前端与后端开发的联调耗时减少，提高了开发效率。该方法包括：响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与上述获取请求对应的所述目标功能组件；调用接口文件获取与上述目标功能组件对应的数据资源；响应于开发端基于上述目标功能组件和上述数据资源发送的开发指令，将上述目标组件和上述数据资源进行重组后部署到前端应用页面。组后部署到前端应用页面。组后部署到前端应用页面。

【技术实现步骤摘要】
基于基础库的前端开发处理方法、装置、设备和存储介质


[0001]本申请涉及互联网前端开发
，特别是涉及一种基于基础库的前端开发处理方法、装置、计算机设备和存储介质。

技术介绍

[0002]随着互联网应用的不断发展，对web前端开发的开发效率的考验也不断加强，当前web前端开发中大多采用框架+基础组件库的方式自行实现业务需求，例如VUE+elementUI，或者简单页面模板封装开发，比如ejs等。
[0003]而目前的基础库封装未与后端直接关联，导致与后端开发的联调耗时长，降低了开发效率。

技术实现思路

[0004]基于此，有必要针对上述技术问题，提供一种基于基础库的前端开发处理方法、装置、计算机设备和存储介质。
[0005]一种基于基础库的前端开发处理方法，所述方法包括：
[0006]响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与所述获取请求对应的所述目标功能组件；
[0007]调用接口文件获取与所述目标功能组件对应的数据资源；
[0008]响应于所述开发端基于所述目标功能组件和所述数据资源发送的开发指令，将所述目标功能组件和所述数据资源进行重组后部署到前端应用页面。
[0009]在其中一个实施例中，所述响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与所述获取请求对应的所述目标功能组件的步骤之前，包括：
[0010]响应于针对多种基础元素的封装操作，将所述多种基础元素进行封装形成相应的多种功能组件；所述多种基础元素包括业务系统开发逻辑、代码规范插件组件、视觉设计规范插件组件、性能监控插件和埋点插件；
[0011]基于所述多种功能组件构建所述基础库。
[0012]在其中一个实施例中，所述基础库的类型包括页面模板类、工程模板类、区块模板类和业务组件类。
[0013]在其中一个实施例中，所述接口文件包括模拟数据生成器；所述调用接口文件获取与所述目标功能组件对应的数据资源，包括：
[0014]在业务系统调试阶段，调用所述模拟数据生成器，以通过所述模拟数据生成器生成模拟数据返回至前端，并作为所述目标功能组件对应的数据资源。
[0015]在其中一个实施例中，所述接口文件包括应用程序接口文件；所述调用接口文件获取与所述目标功能组件对应的数据资源，包括：
[0016]在业务系统运行阶段，调用所述应用程序接口文件，以通过所述应用程序接口文件从后端服务器获取与所述目标功能组件对应的数据资源。
[0017]在其中一个实施例中，所述业务系统开发逻辑用于抽取业务事件的数据实现方法。
[0018]在其中一个实施例中，所述模拟数据生成器与所述应用程序接口文件中的参数是一一对应的。
[0019]一种基于基础库的前端开发处理装置，所述装置包括：
[0020]目标功能组件获取模块，用于响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与所述获取请求对应的所述目标功能组件；
[0021]数据资源获取模块，用于调用接口文件获取与所述目标功能组件对应的数据资源；
[0022]资源部署模块，用于响应于所述开发端基于所述目标功能组件和所述数据资源发送的开发指令，将所述目标功能组件和所述数据资源进行重组后部署到前端应用页面。
[0023]一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
[0024]响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与所述获取请求对应的所述目标功能组件；
[0025]调用接口文件获取与所述目标功能组件对应的数据资源；
[0026]响应于所述开发端基于所述目标功能组件和所述数据资源发送的开发指令，将所述目标功能组件和所述数据资源进行重组后部署到前端应用页面。
[0027]在一个实施例中，处理器执行计算机程序时还实现以下步骤：
[0028]响应于针对多种基础元素的封装操作，将所述多种基础元素进行封装形成相应的多种功能组件；所述多种基础元素包括业务系统开发逻辑、代码规范插件组件、视觉设计规范插件组件、性能监控插件和埋点插件；基于所述多种功能组件构建所述基础库。
[0029]在一个实施例中，所述基础库的类型包括页面模板类、工程模板类、区块模板类和业务组件类。
[0030]在一个实施例中，处理器执行计算机程序时还实现以下步骤：
[0031]在业务系统调试阶段，调用所述模拟数据生成器，以通过所述模拟数据生成器生成模拟数据返回至前端，并作为所述目标功能组件对应的数据资源。
[0032]在一个实施例中，处理器执行计算机程序时还实现以下步骤：
[0033]在业务系统运行阶段，调用所述应用程序接口文件，以通过所述应用程序接口文件从后端服务器获取与所述目标功能组件对应的数据资源。
[0034]在一个实施例中，所述业务系统开发逻辑用于抽取业务事件的数据实现方法。
[0035]在一个实施例中，所述模拟数据生成器与所述应用程序接口文件中的参数是一一对应的。一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述的基于基础库的前端开发处理方法的步骤
[0036]上述基于基础库的前端开发处理方法、装置、计算机设备和存储介质，响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与上述获取请求对应的所述目标功能组件；调用接口文件获取与上述目标功能组件对应的数据资源；响应于开发端基于上述目标功能组件和上述数据资源发送的开发指令，将上述目标组件和上述数据资源进行重组后部署到前端应用页面。该方法将不同的功能组件封装后构成基础库，使用基础库通过
接口文件与后端关联，使得前端与后端开发的联调耗时减少，提高了开发效率。
附图说明
[0037]图1为一个实施例中基于基础库的前端开发处理方法的应用环境图；
[0038]图2为一个实施例中基于基础库的前端开发处理方法的流程示意图；
[0039]图3为一个实施例中基于基础库的前端开发处理方法的框架结构图；
[0040]图4为一个实施例中基于基础库的前端开发处理装置的结构框图；
[0041]图5为一个实施例中计算机设备的内部结构图；
[0042]图6为另一个实施例中计算机设备的内部结构图。
具体实施方式
[0043]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
[0044]本申请提供的基于基础库的前端开发处理方法，可以应用于如图1所示的应用环境中。其中，前端101通过网络与后端服务器102进行通信。其中，前端101可由各种浏览器和前端服务器构成，后端服务器102可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
[0045]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于基础库的前端开发处理方法，其特征在于，所述方法包括：响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与所述获取请求对应的所述目标功能组件；调用接口文件获取与所述目标功能组件对应的数据资源；响应于所述开发端基于所述目标功能组件和所述数据资源发送的开发指令，将所述目标功能组件和所述数据资源进行重组后部署到前端应用页面。2.根据权利要求1所述的方法，其特征在于，所述响应于开发端发送的针对目标功能组件的获取请求，从基础库中获取与所述获取请求对应的所述目标功能组件的步骤之前，包括：响应于针对多种基础元素的封装操作，将所述多种基础元素进行封装形成相应的多种功能组件；所述多种基础元素包括业务系统开发逻辑、代码规范插件组件、视觉设计规范插件组件、性能监控插件和埋点插件；基于所述多种功能组件构建所述基础库。3.根据权利要求2所述的方法，其特征在于，所述基础库的类型包括页面模板类、工程模板类、区块模板类和业务组件类。4.根据权利要求1所述的方法，其特征在于，所述接口文件包括模拟数据生成器；所述调用接口文件获取与所述目标功能组件对应的数据资源，包括：在业务系统调试阶段，调用所述模拟数据生成器，以通过所述模拟数据生成器生成模拟数据返回至前端，并作为所述目标功能组件对应的数据资源。5.根据权利要求1所述的方法，其特征在于...

【专利技术属性】
技术研发人员：欧阳海龙，杨梓明，宋建辉，李志勇，林华春，
申请(专利权)人：招联消费金融有限公司，
类型：发明
国别省市：