[发明专利]一种代码开发方法、装置及电子设备和存储介质

说明书

本申请公开了一种代码开发方法、装置及一种电子设备和计算机可读存储介质，该方法包括：接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；将所述前端代码和所述后端代码部署于云端。本申请提供的代码开发方法，实现了各系统之间的数据互通，提高了代码开发效率。

技术领域

本申请涉及计算机技术领域，更具体地说，涉及一种代码开发方法、装置及一种电子设备和一种计算机可读存储介质。

背景技术

在当前大数据时代，各个企业均面临数智化转型，如何将云端存储的大数据进行分析及可视化展示，如何解决企业难以满足的可视化大屏定制需求，成为企业数智化转型成功与否的关键。

低代码开发工具(Low-Code Development)指无需编码，或只需要少量代码，就可以快速生成应用程序的软件开发模式。在相关技术中，低代码开发工具多用于构建单一系统，各系统之间数据无法互通、难以实现一体化的数据分析和实时呈现，代码开发效率较低。

因此，如何实现各系统之间的数据互通、提高代码开发效率是本领域技术人员需要解决的技术问题。

发明内容

本申请的目的在于提供一种代码开发方法、装置及一种电子设备和一种计算机可读存储介质，实现了各系统之间的数据互通，提高了代码开发效率。

为实现上述目的，本申请提供了一种代码开发方法，包括：

接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；

为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；

根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；

将所述前端代码和所述后端代码部署于云端。

其中，所述接收目标组件的拖拽命令之后，还包括：

显示所述目标组件的默认参数信息；

相应的，所述方法还包括：

若接收到已渲染页面中组件的点击命令，则显示所述组件的当前参数信息；

通过输入组件接收配置指令，根据所述配置指令对所述当前参数信息进行更新。

其中，所述数据源地址具体为目标数据库的地址或目标服务器的地址，所述根据所述数据源地址获取所述目标数据项，包括：

通过Restful接口从所述目标数据库或所述目标服务器中获取所述目标数据项。

其中，所述通过Restful接口从所述目标数据库或所述目标服务器中获取所述目标数据项之后，还包括：

对获取到的所述目标数据项进行格式化处理，并将格式化处理后的数据转换为JSON格式，以渲染页面。

其中，所述目标数据项具体为目标数据指标的监控数据，所述目标组件具体为目标可视化组件；

相应的，所述基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面包括：

基于所述目标可视化组件的参数信息在页面中渲染所述目标可视化组件，并利用所述目标可视化组件显示所述目标数据指标的监控数据。

其中，将所述前端代码和所述后端代码部署于云端之前，还包括：

输出所有所述Restful接口对应的代码；