一种前端配置方法、系统及电子设备技术方案

本发明专利技术提供了一种前端配置方法、系统及电子设备，该前端配置方法包括：S1、预先在组件库中定义出包含属性配置的组件配置；S2、通过嵌套前端编辑器的前端编辑页面接收前端配置业务请求，自组件库获取与组件配置匹配的组件；S3、前端编辑页面中使用高阶组件调用后端服务资源库中与所述组件匹配的页面配置数据，渲染形成前端。本发明专利技术所揭示的前端配置方法、前端配置系统及电子设备实现了业务代码分离和代码复用，显著地提高了形成前端的代码的复用性与可读性，避免了开发人员在子类和基类之间作频繁切换，降低了开发人员对前端的开发难度，从而显著地提高了对前端的开发效率。

A front-end configuration method, system and electronic equipment

【技术实现步骤摘要】
一种前端配置方法、系统及电子设备
本专利技术涉及计算机
，尤其涉及一种前端配置方法、系统及电子设备。
技术介绍
前端用于向用户显示或者推送页面或者包含数据的页面，页面嵌布于计算机装置中运行，而后端则是形成前端的底层代码，并由开发人员通过代码编写而成。前端通常被理解为页面、嵌布页面的一种应用或者能够被用户远程调用的具有GUI(用户图形界面)的计算机程序。目前，前端开发的主流技术是基于React应用程序。React是一个用于构建用户图形界面的JavaScript库。在React应用程序中，通常采用使用组件的嵌套和组合，通过对页面进行区域模块拆分，来进行前端的开发。页面根据功能和展示特点，划分为不同的组件，每个组件用来展示不同的视图和数据，开发人员通过将不同的组件进行组合嵌套来实现页面的开发。各个组件具有很高的独立性和可插拔性，并具有代码简单、业务逻辑单一、复用性强等诸多优点。然而，在实际开发中，前端开发人员也会用到基类继承的方法来开发页面。在基类中，定义通用性的函数方法来处理数据，并且提供渲染方法。开发人员在开发页面时，页面继本文档来自技高网...

【技术保护点】
1.一种前端配置方法，其特征在于，包括以下步骤：/nS1、预先在组件库中定义出包含属性配置的组件配置；/nS2、通过嵌套前端编辑器的前端编辑页面接收前端配置业务请求，自组件库获取与组件配置匹配的组件；/nS3、前端编辑页面中使用高阶组件调用后端服务资源库中与所述组件匹配的页面配置数据，渲染形成前端。/n

【技术特征摘要】
1.一种前端配置方法，其特征在于，包括以下步骤：
S1、预先在组件库中定义出包含属性配置的组件配置；
S2、通过嵌套前端编辑器的前端编辑页面接收前端配置业务请求，自组件库获取与组件配置匹配的组件；
S3、前端编辑页面中使用高阶组件调用后端服务资源库中与所述组件匹配的页面配置数据，渲染形成前端。


2.根据权利要求1所述的前端配置方法，其特征在于，所述步骤S1中的组件配置包括组件的属性和方法。


3.根据权利要求1所述的前端配置方法，其特征在于，所述步骤S2中自组件库获取与组件配置匹配的组件之后，还包括：
对与组件配置匹配的组件予以可视化展示。


4.根据权利要求1所述的前端配置方法，其特征在于，所述前端编辑器选自ATOM编辑器、Brackets编辑器、Hbuilder编辑器、WebStorm编辑器或者VSCode编辑器。


5.根据权利要求1所述的前端配置方法，其特征在于，所述步骤S3具体为：在前端编辑页面中使用高阶组件调用后端服务资源库中与组件所对应的后端服务名称、地址或者端口信息中至少一种描述对象，以在后端服务资源库查找是否存在与组件匹配的页面配置数据；
若存在，由高阶组件调用并运行后端服务名称、地址以及端口信息所展现的页面配置数据，渲染形成前端；
若不存在，由后端服务资源库通知高阶组件触发配置信息错误定义事件。


6.根据权利要求5所述的前端配置方法，其特征在于，当前端编辑页面接收至少两个前端配置业务请求时，使用高阶组件通过反向继承方式复用多个前端配置业务请求中所包含的至少一个属性和/或函数，调用后端服务资源库中与所述组件相匹配的页面配置数据。


7.根据权利要求6所述的前端配置方法，其特征在于，由后端服务资源库通知高阶组件触发配置信息错误定义事件包括：告警事件、通知提醒事件、对话框事件、文...

【专利技术属性】
技术研发人员：孟繁超，梁广玮，杨波，
申请(专利权)人：华云数据有限公司，
类型：发明
国别省市：安徽;34