[发明专利]图形化编程场景的代码展示方法、系统、装置及存储介质

说明书

本申请公开了一种图形化编程场景的代码展示方法、系统、装置及存储介质。本申请方法包括：提供图形化编程界面，所述图形化编程界面中包含第一操作区域和第二操作区域，所述第一操作区域中容置有功能块集合，每个所述功能块分别被配置有一组功能代码，所述功能代码与所述功能块之间存在映射关系；接收用户发送的拖拽指令，所述拖拽指令用于请求将所述功能块集合中目标功能块从所述第一操作区域拖拽至所述第二操作区域的目标位置；在所述目标位置显示所述目标功能块；接收用户发送的切换指令，获取与所述目标功能块对应的目标代码；生成第三操作区域，并在所述第三操作区域显示所述目标代码。

技术领域

本申请涉及编程技术领域，尤其涉及一种图形化编程场景的代码展示方法、系统、装置及存储介质。

背景技术

图形化编程是指设计人员通过操作图形元素来创建程序的编程方法，其与传统编程方式相比，设计人员在编程时无需键入文本命令，只需通过拖拽预设的图形化功能块，并将之按照规则拼接在一起就能够实现程序的设计，每一个图形化功能块都由一个或者多个功能函数构成功能代码从而实现模块编程功能。在图形化编程场景下，编程过程操作灵活、可读性强并且易于查错。

目前，在实现图形化编程的相关方案中，用户在进行图形化编程的过程中，图形化功能块的所代表的实际功能代码对用户而言是不可见的，用户无法了解图形化功能块实际功能代码的编程原理，影响用户体验。

发明内容

为了解决上述技术问题，本申请提供了一种图形化编程场景的代码展示方法、系统、装置及存储介质，使用户在图形化编程过程中可以阅览到图形化功能块背后的实际功能代码，提升用户体验。

本申请第一方面提供了一种图形化编程场景的代码展示方法，包括：

提供图形化编程界面，所述图形化编程界面中包含第一操作区域和第二操作区域，所述第一操作区域中容置有功能块集合，每个所述功能块分别被配置有一组功能代码，所述功能代码与所述功能块之间存在映射关系；

接收用户发送的拖拽指令，所述拖拽指令用于请求将所述功能块集合中的目标功能块从所述第一操作区域拖拽至所述第二操作区域的目标位置；

在所述目标位置显示所述目标功能块；

接收用户发送的切换指令，获取与所述目标功能块对应的目标代码；

生成第三操作区域，并在所述第三操作区域显示所述目标代码。

可选的，若所述目标功能块的数量为若干个，则所述在所述第三操作区域中显示所述目标代码包括：

确定所述若干个目标功能块在所述第二操作区域中的拼接关系；

根据所述拼接关系确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序；

在所述第三操作区域中根据所述执行顺序显示所述若干个目标代码。

可选的，所述根据所述拼接关系确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序包括：

当所述拼接关系为纵向拼接时，确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序为顺序执行；

当所述拼接关系为横向拼接时，确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序为选择执行或循环执行。

可选的，所述方法还包括：

预先设定所述第三操作区域的属性为可编辑属性；

接收用户对所述目标代码的编辑指令，根据所述编辑指令修改所述目标代码；

根据修改后的目标代码更新所述目标功能块所配置的功能代码。