[发明专利]前端页面开发方法及装置

说明书

本发明公开了一种前端页面开发方法及装置，应用于软件开发技术领域，该方法包括：在接收到开发人员的前端页面开发的需求参数后，输入至分类器模型，获得前端页面的页面组件模板；分别确定页面组件模板中各个组件的属性；分别对各个组件的属性进行结构化封装，获得各个组件的对象；调用数据库查询服务，读取数据库中预先配置的各个组件的属性值，并分别配置至对应的组件的对象，获得初始化完成的页面组件。本发明可以基于数据库配置实现前端页面开发，不涉及大量代码的复制，维护简单，开发效率高，错误率低。

技术领域

本发明涉及软件开发技术领域，尤其涉及前端页面开发方法及装置。

背景技术

本部分旨在为权利要求书中陈述的本发明实施例提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

前端页面展示通常使用bootstrap，是流行面最广的前端框架。使用方式非常简单，下载源代码，导入链接，在官网找到自己需要的组件复制粘贴就能完成简单的开发任务，极易上手。Bootstrap是基于响应式设计的一套框架，以栅格系统为基础，辅以基础的布局组件，加上多个封装完好的css组件和js插件，形成快速开发的一整套完整框架。

当一个项目，如应用于银行业务的大型项目中存在大量格式相似，业务不同的页面时，如果只使用bootstrap框架会存在大量的相似的重复代码，维护起来比较复杂，开发效率低，出错率高。

发明内容

本发明实施例提供一种前端页面开发方法，用以基于数据库配置实现前端页面开发，不涉及大量代码的复制，维护简单，开发效率高，错误率低，该方法包括：

在接收到开发人员的前端页面开发的需求参数后，输入至分类器模型，获得前端页面的页面组件模板；

分别确定页面组件模板中各个组件的属性；

分别对各个组件的属性进行结构化封装，获得各个组件的对象；

调用数据库查询服务，读取数据库中预先配置的各个组件的属性值，并分别配置至对应的组件的对象，获得初始化完成的页面组件。

本发明实施例还提供一种前端页面开发装置，用以基于数据库配置实现前端页面开发，不涉及大量代码的复制，维护简单，开发效率高，错误率低，该装置包括：

页面组件模板获得模块，用于在接收到开发人员的前端页面开发的需求参数后，输入至分类器模型，获得前端页面的页面组件模板；

组件属性获得模块，用于分别确定页面组件模板中各个组件的属性；

封装模块，用于分别对各个组件的属性进行结构化封装，获得各个组件的对象；

配置模块，用于调用数据库查询服务，读取数据库中预先配置的各个组件的属性值，并分别配置至对应的组件的对象，获得初始化完成的页面组件。

本发明实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述前端页面开发方法。

本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述前端页面开发方法。

本发明实施例还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现上述前端页面开发方法。