图形化编程场景的代码展示方法、系统、装置及存储介质制造方法及图纸

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

【技术实现步骤摘要】
图形化编程场景的代码展示方法、系统、装置及存储介质


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

技术介绍

[0002]图形化编程是指设计人员通过操作图形元素来创建程序的编程方法，其与传统编程方式相比，设计人员在编程时无需键入文本命令，只需通过拖拽预设的图形化功能块，并将之按照规则拼接在一起就能够实现程序的设计，每一个图形化功能块都由一个或者多个功能函数构成功能代码从而实现模块编程功能。在图形化编程场景下，编程过程操作灵活、可读性强并且易于查错。
[0003]目前，在实现图形化编程的相关方案中，用户在进行图形化编程的过程中，图形化功能块的所代表的实际功能代码对用户而言是不可见的，用户无法了解图形化功能块实际功能代码的编程原理，影响用户体验。

技术实现思路

[0004]为了解决上述技术问题，本申请提供了一种图形化编程场景的代码展示方法、系统、装置及存储介质，使用户在图形化编程过程中可以阅览到图形化功能块背后的实际功能代码，提升用户体验。
[0005]本申请第一方面提供了一种图形化编程场景的代码展示方法，包括：
[0006]提供图形化编程界面，所述图形化编程界面中包含第一操作区域和第二操作区域，所述第一操作区域中容置有功能块集合，每个所述功能块分别被配置有一组功能代码，所述功能代码与所述功能块之间存在映射关系；
[0007]接收用户发送的拖拽指令，所述拖拽指令用于请求将所述功能块集合中的目标功能块从所述第一操作区域拖拽至所述第二操作区域的目标位置；
[0008]在所述目标位置显示所述目标功能块；
[0009]接收用户发送的切换指令，获取与所述目标功能块对应的目标代码；
[0010]生成第三操作区域，并在所述第三操作区域显示所述目标代码。
[0011]可选的，若所述目标功能块的数量为若干个，则所述在所述第三操作区域中显示所述目标代码包括：
[0012]确定所述若干个目标功能块在所述第二操作区域中的拼接关系；
[0013]根据所述拼接关系确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序；
[0014]在所述第三操作区域中根据所述执行顺序显示所述若干个目标代码。
[0015]可选的，所述根据所述拼接关系确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序包括：
[0016]当所述拼接关系为纵向拼接时，确定所述若干个目标功能块对应的所述若干个目
标代码之间的执行顺序为顺序执行；
[0017]当所述拼接关系为横向拼接时，确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序为选择执行或循环执行。
[0018]可选的，所述方法还包括：
[0019]预先设定所述第三操作区域的属性为可编辑属性；
[0020]接收用户对所述目标代码的编辑指令，根据所述编辑指令修改所述目标代码；
[0021]根据修改后的目标代码更新所述目标功能块所配置的功能代码。
[0022]可选的，所述根据修改后的目标代码更新所述目标功能块所配置的功能代码包括：
[0023]判断修改后的目标代码是否合法；
[0024]若是，则根据修改后的目标代码更新所述目标功能块所配置的功能代码；
[0025]若否，则生成提示信息，所述提示信息用于提示用户所述目标代码不合法。
[0026]可选的，所述图形化编程界面中还包含演示界面，所述演示界面中包含有至少一个操作对象，在所述在所述第三操作区域显示所述目标代码之后，所述方法还包括：
[0027]接收用户发送的动态展示指令，编译并执行所述目标代码；
[0028]在所述演示界面中控制所述操作对象执行与所述目标代码对应的操作，并在所述第三操作区域中突出显示所述目标代码。
[0029]可选的，所述方法还包括：
[0030]接收用户发送的预览指令，获取与所述目标功能块对应的目标代码；
[0031]生成独立于所述图形化编程界面的临时显示区域，并在所述临时显示区域中显示所述目标代码；
[0032]接收用户发送的取消预览指令，隐藏所述临时显示区域。
[0033]本申请第二方面提供了一种图形化编程场景的代码展示系统，包括：
[0034]第一显示单元，用于提供图形化编程界面，所述图形化编程界面中包含第一操作区域和第二操作区域，所述第一操作区域中容置有功能块集合，每个所述功能块分别被配置有一组功能代码，所述功能代码与所述功能块之间存在映射关系；
[0035]第一接收单元，用于接收用户发送的拖拽指令，所述拖拽指令用于请求将所述功能块集合中目标功能块从所述第一操作区域拖拽至所述第二操作区域的目标位置；
[0036]第二显示单元，用于在所述目标位置显示所述目标功能块；
[0037]第二接收单元，用于接收用户发送的切换指令；
[0038]获取单元，用于在所述第二接收单元接收到用户发送的切换指令后获取与所述目标功能块对应的目标代码；
[0039]第一生成单元，用于生成第三操作区域；
[0040]第三显示单元，用于在所述第三操作区域显示所述目标代码。
[0041]本申请第三方面提供了一种图形化编程场景的代码展示装置，包括：
[0042]处理器、存储器、输入输出设备以及总线；
[0043]所述处理器与所述存储器、输入输出设备以及总线相连；
[0044]所述存储器保存有程序，所述处理器调用所述程序以执行如第一方面中任一项所述的代码展示方法。
[0045]本申请第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质上保存有程序，所述程序在计算机上执行时执行如第一方面中任一项所述的代码展示方法。
[0046]从以上技术方案可以看出，本申请具有以下优点：
[0047]通过增加代码展示功能，使得用户在图形化编程过程中可以阅览到图形化功能块背后的实际代码，由此用户可以通过图形化功能块以及代码的对比来了解图形化功能块实际功能代码的编程原理，明晰编程思路，提升用户体验，提高实用性。
附图说明
[0048]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0049]图1为本申请提供的图形化编程场景的代码展示方法一个实施例流程示意图；
[0050]图2为本申请提供的图形化编程场景的代码展示方法另一个实施例流程示意图；
[0051]图3为本申请提供的图形化编程场景的代码展示方法另一个实施例流程示意图；
[0052]图4为本申请提供的图形化编程场景的代码展示系统一个实施例结构示意图；
[0053]图5为本申请提供的图形化编程本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图形化编程场景的代码展示方法，其特征在于，所述代码展示方法包括：提供图形化编程界面，所述图形化编程界面中包含第一操作区域和第二操作区域，所述第一操作区域中容置有功能块集合，每个所述功能块分别被配置有一组功能代码，所述功能代码与所述功能块之间存在映射关系；接收用户发送的拖拽指令，所述拖拽指令用于请求将所述功能块集合中的目标功能块从所述第一操作区域拖拽至所述第二操作区域的目标位置；在所述目标位置显示所述目标功能块；接收用户发送的切换指令，获取与所述目标功能块对应的目标代码；生成第三操作区域，并在所述第三操作区域显示所述目标代码。2.根据权利要求1所述的方法，其特征在于，若所述目标功能块的数量为若干个，则所述在所述第三操作区域中显示所述目标代码包括：确定所述若干个目标功能块在所述第二操作区域中的拼接关系；根据所述拼接关系确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序；在所述第三操作区域中根据所述执行顺序显示所述若干个目标代码。3.根据权利要求2所述的方法，其特征在于，所述根据所述拼接关系确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序包括：当所述拼接关系为纵向拼接时，确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序为顺序执行；当所述拼接关系为横向拼接时，确定所述若干个目标功能块对应的所述若干个目标代码之间的执行顺序为选择执行或循环执行。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：预先设定所述第三操作区域的属性为可编辑属性；接收用户对所述目标代码的编辑指令，根据所述编辑指令修改所述目标代码；根据修改后的目标代码更新所述目标功能块所配置的功能代码。5.根据权利要求4所述的方法，其特征在于，所述根据修改后的目标代码更新所述目标功能块所配置的功能代码包括：判断修改后的目标代码是否合法；若是，则根据修改后的目标代码更新所述目标功能块所配置的功能代码；若否，则生成提示信息，所述提示信息用于提示用户所述目标代码不合法。6.根据...

【专利技术属性】
技术研发人员：李西峙，
申请(专利权)人：深圳市大富网络技术有限公司，
类型：发明
国别省市：