本申请公开了一种代码开发方法、装置及一种电子设备和计算机可读存储介质，该方法包括：接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；将所述前端代码和所述后端代码部署于云端。本申请提供的代码开发方法，实现了各系统之间的数据互通，提高了代码开发效率。高了代码开发效率。高了代码开发效率。
【技术实现步骤摘要】
一种代码开发方法、装置及电子设备和存储介质
[0001]本申请涉及计算机
，更具体地说，涉及一种代码开发方法、装置及一种电子设备和一种计算机可读存储介质。
技术介绍
[0002]在当前大数据时代，各个企业均面临数智化转型，如何将云端存储的大数据进行分析及可视化展示，如何解决企业难以满足的可视化大屏定制需求，成为企业数智化转型成功与否的关键。
[0003]低代码开发工具(Low
‑
Code Development)指无需编码，或只需要少量代码，就可以快速生成应用程序的软件开发模式。在相关技术中，低代码开发工具多用于构建单一系统，各系统之间数据无法互通、难以实现一体化的数据分析和实时呈现，代码开发效率较低。
[0004]因此，如何实现各系统之间的数据互通、提高代码开发效率是本领域技术人员需要解决的技术问题。
技术实现思路
[0005]本申请的目的在于提供一种代码开发方法、装置及一种电子设备和一种计算机可读存储介质，实现了各系统之间的数据互通，提高了代码开发效率。
[0006]为实现上述目的，本申请提供了一种代码开发方法，包括：
[0007]接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；
[0008]为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；
[0009]根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；
[0010]将所述前端代码和所述后端代码部署于云端。
[0011]其中，所述接收目标组件的拖拽命令之后，还包括：
[0012]显示所述目标组件的默认参数信息；
[0013]相应的，所述方法还包括：
[0014]若接收到已渲染页面中组件的点击命令，则显示所述组件的当前参数信息；
[0015]通过输入组件接收配置指令，根据所述配置指令对所述当前参数信息进行更新。
[0016]其中，所述数据源地址具体为目标数据库的地址或目标服务器的地址，所述根据所述数据源地址获取所述目标数据项，包括：
[0017]通过Restful接口从所述目标数据库或所述目标服务器中获取所述目标数据项。
[0018]其中，所述通过Restful接口从所述目标数据库或所述目标服务器中获取所述目标数据项之后，还包括：
[0019]对获取到的所述目标数据项进行格式化处理，并将格式化处理后的数据转换为JSON格式，以渲染页面。
[0020]其中，所述目标数据项具体为目标数据指标的监控数据，所述目标组件具体为目标可视化组件；
[0021]相应的，所述基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面包括：
[0022]基于所述目标可视化组件的参数信息在页面中渲染所述目标可视化组件，并利用所述目标可视化组件显示所述目标数据指标的监控数据。
[0023]其中，将所述前端代码和所述后端代码部署于云端之前，还包括：
[0024]输出所有所述Restful接口对应的代码；
[0025]通过输入组件接收第一修改指令，根据所述第一修改指令对所述Restful接口对应的代码进行修改。
[0026]其中，将所述前端代码和所述后端代码部署于云端之前，还包括：
[0027]输出所述前端代码和所述后端代码；
[0028]通过输入组件接收第二修改指令，根据所述第二修改指令对所述前端代码和/或所述后端代码进行修改。
[0029]为实现上述目的，本申请提供了一种代码开发装置，包括：
[0030]第一生成模块，用于接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；
[0031]第二生成模块，用于为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；
[0032]渲染模块，用于根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；
[0033]部署模块，用于将所述前端代码和所述后端代码部署于云端。
[0034]为实现上述目的，本申请提供了一种电子设备，包括：
[0035]存储器，用于存储计算机程序；
[0036]处理器，用于执行所述计算机程序时实现如上述代码开发方法的步骤。
[0037]为实现上述目的，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上述代码开发方法的步骤。
[0038]通过以上方案可知，本申请提供的一种代码开发方法，包括：接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；将所述前端代码和所述后端代码部署于云端。
[0039]本申请提供的代码开发方法，目标用户可以在操作界面中通过拖拽命令进行页面布局，通过配置数据源地址和目标数据项从数据库或其他系统的服务器中拉取数据，实现了各系统之间的数据互通。进一步的，本申请基于目标组件的参数信息、配置的数据源地址和目标数据项自动生成前端代码和后端代码，提高了代码开发效率。本申请还公开了一种
代码开发装置及一种电子设备和一种计算机可读存储介质，同样能实现上述技术效果。
[0040]应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本申请。
附图说明
[0041]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：
[0042]图1为根据一示例性实施例示出的一种代码开发方法的流程图；
[0043]图2为根据一示例性实施例示出的一种代码开发系统的架构图；
[0044]图3为根据一示例性实施例示出的一种大屏编辑器的操作界面示意图；
[0045]图4为根据一示例性实施例示出的一种代码开发装置的结构图；
[0046]图5为根据一示例性实施例示出的一种电子设备的结构图。
具体实施方式
[0047]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种代码开发方法，其特征在于，包括：接收目标组件的拖拽命令，并基于所述目标组件和所述拖拽命令对应的目标位置生成前端代码；为所述目标组件配置数据源地址和目标数据项，并基于所述数据源地址和所述目标数据项生成后端代码；根据所述数据源地址获取所述目标数据项，并基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面；将所述前端代码和所述后端代码部署于云端。2.根据权利要求1所述代码开发方法，其特征在于，所述接收目标组件的拖拽命令之后，还包括：显示所述目标组件的默认参数信息；相应的，所述方法还包括：若接收到已渲染页面中组件的点击命令，则显示所述组件的当前参数信息；通过输入组件接收配置指令，根据所述配置指令对所述当前参数信息进行更新。3.根据权利要求1所述代码开发方法，其特征在于，所述数据源地址具体为目标数据库的地址或目标服务器的地址，所述根据所述数据源地址获取所述目标数据项，包括：通过Restful接口从所述目标数据库或所述目标服务器中获取所述目标数据项。4.根据权利要求3所述代码开发方法，其特征在于，所述通过Restful接口从所述目标数据库或所述目标服务器中获取所述目标数据项之后，还包括：对获取到的所述目标数据项进行格式化处理，并将格式化处理后的数据转换为JSON格式，以渲染页面。5.根据权利要求3所述代码开发方法，其特征在于，所述目标数据项具体为目标数据指标的监控数据，所述目标组件具体为目标可视化组件；相应的，所述基于所述目标组件的参数信息和获取到的所述目标数据项渲染页面包括：基于所述目标可视化...
【专利技术属性】
技术研发人员：贾少龙，符佳凤，颜秉珩，
申请(专利权)人：济南浪潮数据技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。