CN108681455A - 图形与代码的转换方法及装置 - Google Patents

Abstract

本申请提供一种图形与代码的转换方法及装置，所述方法包括：获取待处理代码；针对每个代码行，在检测到该代码行中包括其中一个预设函数的函数名时，将该代码行对应的预设函数作为目标函数；当目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构；当目标函数不为主函数或变量列表函数时，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置；针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示图形结构。如此，通过简洁的处理逻辑实现了将待处理代码转化为模块流程图，转换效率高。

Description

图形与代码的转换方法及装置

技术领域

本申请涉及数据处理技术领域，具体而言，涉及一种图形与代码的转换方法及装置。

背景技术

用于进行逻辑判断控制的代码，一般通过较为简单的逻辑判断和各种执行指令的配合，实现对预设或者输入的参数进行逻辑判断，然后输出控制指令。针对用于进行逻辑判断控制的代码，在一些编程场景中，需要进行代码与模块流程图之间转换，以实现可视化的编程或者对程序代码的逻辑检查。现有技术将代码转为流程图的方案中，实现转换的逻辑比较复杂，导致转换速度较慢，效率不高。

发明内容

为了克服现有技术中的上述不足，本申请的目的在于提供一种图形与代码的转换方法，应用于数据处理设备，所述数据处理设备预存有多种预设函数对应的图形结构，所述方法包括：

获取待处理代码，其中，所述待处理代码包括多个类型的预设函数，同一所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等；

针对每个代码行，在检测到该代码行中包括其中一个所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数；

当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置；

当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置；

针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示所述图形结构。

进一步地，在上述方法中，所述当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置的步骤，包括：

当所述目标函数为变量列表函数时，生成该变量列表函数对应的图形结构，将预设的第一显示位置作为该变量列表函数的图形结构的显示位置；

当所述目标函数为主函数时，生成该主函数对应的图形结构，将预设的第二显示位置作为该主函数的图形结构的显示位置，其中，所述主函数的图形结构至少包括本图形地址及下一图形地址；将所述主函数的本图形地址存入一结构栈。

进一步地，在上述方法中，所述当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置的步骤，包括：

当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名前的段前空格数，确定该目标函数的范围；

根据该目标函数的函数名及范围生成对应的图形结构，其中，该目标函数的图形结构至少包括本图形地址、上一图形地址及显示位置；

根据所述结构栈中最后一个成员指向的图形结构的显示位置确定该目标函数的图形结构的显示位置，将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址；

将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址。

进一步地，在上述方法中，在所述将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址的步骤之后，所述方法还包括：

当所述目标函数的前一行不是所述预设函数中的逻辑判断函数的函数名时，然后将所述结构栈中最后一个成员的值修改为所述目标函数的本图形地址；

当所述目标函数的前一行为所述预设函数中的逻辑判断函数的函数名时，然后将所述目标函数的本图形地址存入所述结构栈中。

进一步地，在上述方法中，所述方法还包括：

针对每个代码行，在该代码行为一个第二特征代码行时，删除所述结构栈中最后一个图形结构的地址。

进一步地，在上述方法中，所述在一图形显示界面上显示所述图形结构的步骤之后，所述方法还包括：

根据每个所述图形结构的上一图形地址及下一图形地址，确定各图形结构之间的连接关系，根据所述连接关系显示各图形结构之间的连线。

进一步地，在上述方法中，所述根据该目标函数的函数名前的空格数，确定该目标函数的范围的步骤，包括：

获得所述目标函数的函数名的段前空格数量作为目标空格数，将该目标函数的函数名之后的第一个出现的第一特征代码行作为该目标函数的第一特征代码行；

遍历所述目标函数之后的代码行，将首个出现后括号且段前空格数等于所述目标空格数代码行作为该目标函数的第二特征代码行，并将所述第一特征代码行与第二特征代码行之间的代码作为所述目标函数的范围。

进一步地，在上述方法中，所述在检测到该代码行中包括其中一个所述预设函数的函数名时，该代码行对应的函数作为目标函数的步骤之后，所述方法还包括：

根据所述目标函数的函数名后的变量参数，确定需要该目标函数的图形数据结构上显示的变量内容。

进一步地，在上述方法中，所述数据处理设备预存有多种图形结构对应的代码，所述数据处理设备预选配置有一代码缓冲区；所述数据处理设备预设有用于将图形结构转换为代码的处理函数；所述方法还包括：

获取待转换的图形结构，调用一个处理函数对获取到的图形结构进行处理；

当获取到的图形结构为只有1个或2个连接点的图形结构时，向所述代码缓冲区返回该图形结构对应的代码，并获取与该图形结构最下方连接的图形结构作为待转换的图形结构调用一个新的待处理函数进行处理；

当获取到的图形结构为if函数或循环函数对应的图形结构时，向所述代码缓冲区域添加该图形结构对应代码；获取与该if函数或循环函数或循环函数的图形结构内部连接的图形结构作为一个待转换的图形结构调用一个新的处理函数进行处理，并在处理完成后获取与该if函数或循环函数的图形结构最下方相连的图形结构作为待转换的图形结构调用一个新的处理函数进行处理；

当获取到的图形结构为if-else函数的图形结构时，向所述代码缓冲区返回该if-else函数的图形结构的if条件部分对应的函数调用代码，将与该if-else函数的图形结构左端连接的图形结构作为待处理的图形结构调用一个新的处理函数进行处理，在处理完成后向代码缓冲区返回该if-else函数的图形结构的else条件分支对应的代码，然后将与该if-else函数的图形结构右端连接的图形结构为待处理的图形结构调用一个新的处理函数进行处理，在处理完成后向代码缓冲区返回该if-else函数的图形结构内部递归完毕时对应代码，然后将与该if-else函数的图形结构最下端连接的图形结构为待处理的图形结构调用一个新的处理函数进行处理。

本申请的另一目的在于提供一种图形与代码的转换装置，应用于数据处理设备，所述数据处理设备预存有多种预设函数对应的图形结构，所述装置包括：

获取模块，用于获取待处理代码，其中，所述待处理代码包括多个类型的预设函数，同一所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等；

检测模块，用于针对每个代码行，在检测到该代码行中包括其中一个所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数；

第一处理模块，用于当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置；

第二处理模块，用于当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置；

显示模块，用于针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示所述图形结构。

相对于现有技术而言，本申请具有以下有益效果：

本申请提供的图形与代码的转换方法及装置，通过根据待处理代码中代码行的段前空格数确定各预设函数的范围，然后生成对应的图形结构，并根据各预设函数的顺序确定各图形结构的显示位置。如此，通过简洁的处理逻辑实现了将待处理代码转化为模块流程图，转换效率高。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的数据处理设备的示意图；

图2为本申请实施例提供的图形与代码的转换方法的流程示意图；

图3为本申请实施例提供的待处理代码的示意图；

图4为本申请实施例提供的转换结构示意图；

图5为本申请实施例提供的单分支判断函数的图形结构示意图；

图6为本申请实施例提供的双分支判断函数的图形结构示意图；

图7为本申请实施例提供的图形编辑界面的示意图；

图8为本申请实施例提供的处理函数的示意图；

图9为本申请实施例提供的图形与代码的转换装置的示意图。

图标：100-数据处理设备；110-图形与代码的转换装置；111-获取模块；112-检测模块；113-第一处理模块；114-第二处理模块；115-显示模块；120-存储单元；130-处理单元。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

在本申请的描述中，还需要说明的是，除非另有明确的规定和限定，术语“设置”、“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。

请参照图1，图1是本申请较佳实施例提供的一种数据处理设备100，所述数据处理设备100包括可以是，但不限于，服务器、个人电脑(Personal Computer，PC)等具有数据处理能力的计算机设备。所述数据处理设备100包括图形与代码的转换装置110、存储器120、处理器130。

所述存储器120及处理器130各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述图形与代码的转换装置110包括至少一个可以软件或固件(firmware)的形式存储于所述存储器120中或固化在所述数据处理设备100的操作系统(Operating System，OS)中的软件功能模块。所述处理器130用于执行所述存储器120中存储的可执行模块，例如所述图形与代码的转换装置110所包括的软件功能模块及计算机程序等。

其中，所述存储器120可以是，但不限于，随机存取存储器(Random AccessMemory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(ProgrammableRead-Only Memory，PROM)，可擦除只读存储器(Erasable Programmable Read-OnlyMemory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-OnlyMemory，EEPROM)等。其中，存储器120用于存储程序，所述处理器130在接收到执行指令后，执行所述程序。

所述处理器130可能是一种集成电路芯片，具有信号的处理能力。上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(NetworkProcessor，NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

请参照图2，图2为应用于图1所示的数据处理设备100的一种应用信息获取方法的流程图，以下将对所述方法包括各个步骤进行详细阐述。

步骤S110，获取待处理代码，其中，所述待处理代码包括多个类型的预设函数，同一所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等。

在本实施例中，预先规定有多个类型的预设函数，如主函数、变量列表函数、单分支的判断函数、双分支的判断函数、循环函数等。

所述数据处理设备100预存有所述多个类型的预设函数对应的图形结构。所述待处理代码为根据预设的编写格式编写的，包括多个所述预设函数的代码，其中，所述第一特征代码行可以为前括号代码行，所述第二特征代码行可以为后括号代码行。其中，请参照图3，在所述待处理代码中，同一个所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等。值得说明的是，所述第一特征代码行及第二特征代码行也可以为其他可以标识函数范围的字符组成的代码行。

步骤S120，针对每个代码行，在检测到该代码行中包括其中一个所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数。

得到所述待处理代码后，所述数据处理设备100依次遍历所述待处理代码中的每个代码行，针对每个所述代码行，在检测到该代码行中包括有所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数，开始对该目标函数进行转换处理。

根据检测到的不同类型的所述预设函数，所述数据处理设备100采取不同的处理策略。在本实施例中，请参照图3，以图3所示的待处理代码为例，对不同的函数的处理方式进行纤细阐述。

步骤S130，当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置。

例如，在对图3中的代码进行处理时，所述数据处理设备100在遍历到第3行时，检测到变量列表函数的函数名，则将所述变量列表函数作为目标函数进行处理。

在对所述变量列表函数进行处理时，生成该变量列表函数对应的图形结构。由于所述变量列表函数作用为初始换变量，不在步骤中执行任何逻辑，所以不需要与其他图形结构相连，故在本实施例中，将预设的第一显示位置作为该变量列表函数的图形结构的显示位置，如图4所示。

在对所述变量列表函数进行处理时，获得所述目标函数的函数名的段前空格数量作为目标空格数，将该目标函数的函数名之后的第一个出现的第一特征代码行作为该目标函数的第一特征代码行。

遍历所述目标函数之后的代码行，将首个出现后括号且段前空格数等于所述目标空格数代码行作为该目标函数的第二特征代码行，并将所述第一特征代码行与第二特征代码行之间的代码作为所述目标函数的范围。

例如，在处理图3所示待处理代码时，根据该变量列表函数的函数名的段前空格数确定该变量列表函数的范围，检测到所述变量列表函数的函数名的段前空格数为0，则将所述变量列表函数的函数名所在代码行之后，最先出现的段前空格数相同的第一特征代码行及或括号代码行作为该变量列表函数的代码行。如，图3中所示在，将第4行及第5行分别作为该变量列表函数的前括号行及或括号行，则所述前括号行及后括号行之间的部分为该变量列表函数的范围。在处理至第5行时，解释该变量列表函数的图形结构的生成。

可选地，在本实施例中，确定所述变量列表函数的范围后，可以获取该变量列表函数中定义的变量个数，以在该变量列表函数的图形结构上显示所述变量的个数。

如图3中所示，在完成对所述变量列表函数的处理后，所述数据处理设备100继续遍历其后的代码行。当遍历至第7行时，检测到主函数的函数名，则将所述主函数作为目标函数进行处理。

在对所述主函数进行处理时，生成该主函数对应的图形结构，由于所述主函数为所有执行逻辑的起始，其后需要显示的图形结构都需要基于所述主函数的图形结构的位置，故在本实施例中。将预设的第二显示位置作为该主函数的图形结构的显示位置，如图4所示。

在本实施例中，通过各图形结构中记录的有关联的其他图形结构的地址确定图形间的连线关系，并且通过一结构栈进行图形结构地址的存取以进行个图形结构之间地址的关联。

例如，在本实施例中，所述主函数的图形结构至少包括本图形地址及下一图形地址，生成所述主函数的图形结构后，将该图形结构的本图形地址存入所述结构栈。

完成所述主函数对应的图形结构的生成后，进行步骤S140，开始后续其他函数额处理。

步骤S140，当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置。

在本实施例中，当所述目标函数不为主函数或变量列表函数时，首先根据该目标函数的函数名前的段前空格数，确定该目标函数的范围，并根据该目标函数的函数名及范围生成对应的图形结构，其中，该目标函数的图形结构至少包括本图形地址、上一图形地址及显示位置。

然后，根据所述结构栈中最后一个成员指向的图形结构的显示位置确定该目标函数的图形结构的显示位置，将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址，并将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址。其中，所述逻辑判断函数的函数名包括“_if”、“_else”、“_while”或者“_do”。

接着确定该目标函数的图形结构与其他图形结构的连线关系，其中，

当所述目标函数的前一行不是所述预设函数中的逻辑判断函数的函数名时，然后将所述结构栈中最后一个成员的值修改为所述目标函数的本图形地址。

当所述目标函数的前一行为所述预设函数中的逻辑判断函数的函数名时，然后将所述目标函数的本图形地址存入所述结构栈中。

请再次参照图3，以图3所示代码为例对说明本步骤进行说明。

当所述数据处理设备100遍历至第9行时，检测到_if函数名，将该代码行对应的预设函数作为目标函数，需要判断该目标函数是单分支的判断函数还是双分支的判断函数。

在本实施例中，根据_if的段前空格数匹配到第10行为该目标函数的第一特征代码行，第19行为该目标函数的第二特征代码行。然后判断第20行之后是否为_else，因为第20行不是_else，则该目标函数为单分支的判断函数，所述数据处理设备100成一个单分支的判断函数对应的图形结构，如图5所示。其中，该图形结构包括本图形地址、上一图形地址及下一图形地址。同时根据所述主函数的显示位置确定该目标函数的显示位置。

然后，将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址，即所述主函数的图形结构的本图形地址。

并将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址，即将所述主函数的图形结构的下一图形地址修改为当前目标函数的图形结构的图形地址。

在本实施例中，所述单分支的判断函数的图形结构的下一图形地址包括内部相连图形地址及下部相连图形地址。其中，所述上一图形地址用于确定图5中与节点A相连的图形结构，所述下部相连图形地址用于确定图5中与节点B相连的图形结构，所述内部相连图形地址用于确定图5中与节点C相连的图形结构。此时，所述单分支的判断函数图形结构的生成尚未完成，之后代码行中，处于所述单分支的判断函数范围内的其他预设函数产生的图形结构将被插入到节点C的位置。

接着，由于该目标函数的前一行不是所述预设函数中的逻辑判断函数的函数名，则将所述结构栈中最后一个成员的值修改为所述目标函数的本图形地址。

下一步，所述数据处理设备100继续对所述待处理代码进行遍历，遍历至第11行时，检测到_if函数名，将该代码行对应的预设函数作为目标函数，再次需要判断该目标函数是单分支的判断函数还是双分支的判断函数。

在本实施例中，根据_if的段前空格数匹配到第14行为该目标函数的第一特征代码行，第15行为该目标函数的第二特征代码行。然后判断第15行之后是否为_else，因为第15行是_else，则该目标函数为双分支的判断函数，所述数据处理设备100成一个双分支的判断函数对应的图形结构，如图7所示。同时根据之前生成的所述单分支的判断函数的显示位置确定该目标函数的显示位置。

然后将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址，即所述单分支的判断函数的图形结构的本图形地址。

并将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址，即将所述单分支的判断函数的图形结构的内部相连图形地址修改为当前目标函数的图形结构的图形地址。

在本实施例中，所述双分支的判断函数的图形结构的下一图形地址包括左部相连图形地址及右部相连图形地址。其中，所述上一图形地址用于确定图6中与节点D相连的图形结构，所述左部相连图形地址用于确定图6中与节点E相连的图形结构，所述右部相连图形地址用于确定图6中与节点F相连的图形结构。此时，所述双分支的判断函数图形结构的生成尚未完成，之后代码行中，处于所述双分支的判断函数范围内的其他预设函数产生的图形结构将被插入到节点E或F的位置。

接着，由于该目标函数的前一行是所述预设函数中的逻辑判断函数的函数名，则将当前所述目标函数的本图形地址存入所述结构栈中。

下一步，所述数据处理设备100继续对所述待处理代码进行遍历，遍历至第13行时，检测到数字输出函数的函数名，将该代码行对应的预设函数作为目标函数。

在本实施例中，根据所述数字输出函数的函数名生成对应的图形结构，同时根据之前生成的所述双分支的判断函数的显示位置确定该目标函数的显示位置，由于该数字输出函数的位置在_if函数的范围内，则作为“是”分支的下一步，将其显示位置确定在所述双分支的判断函数的左下方。

然后将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址，即所述双分支的判断函数的图形结构的本图形地址。

并将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址，即将所述双分支的判断函数的图形结构的左部相连图形地址修改为当前目标函数的图形结构的图形地址。

接着，由于该目标函数的前一行是所述预设函数中的逻辑判断函数的函数名，则将当前所述目标函数的本图形地址存入所述结构栈中。此时，所述结构栈中最后一个元素为所述数字输出函数的本图形地址。

在本实施例中，针对每个代码行，在该代码行为一个第二特征代码行时，删除所述结构栈中最后一个图形结构的地址。故在图3中，所述数据处理设备100在遍历至第14行时，删除所述结构栈中最后一个图形结构的地址，此时，所述结构栈中最后一个元素为所述双分支的判断函数的本图形地址。

下一步，所述数据处理设备100继续对所述待处理代码进行遍历，遍历至第17行时，检测到灯光指示函数的函数名，将该代码行对应的预设函数作为目标函数。

在本实施例中，根据所述灯光指示函数的函数名生成对应的图形结构，同时根据之前生成的所述双分支的判断函数的显示位置确定该目标函数的显示位置，由于该数字输出函数的位置在_else函数的范围内，则作为“否”分支的下一步，将其显示位置确定在所述双分支的判断函数的右下方。

然后将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址，即所述双分支的判断函数的图形结构的本图形地址。

并将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址，即将所述双分支的判断函数的图形结构的右部相连图形地址修改为当前目标函数的图形结构的图形地址。

接着，由于该目标函数的前一行是所述预设函数中的逻辑判断函数的函数名，则将当前所述目标函数的本图形地址存入所述结构栈中。此时，所述结构栈中最后一个元素为所述灯光指示函数的本图形地址。

在本实施例中，针对每个代码行，在该代码行为一个第二特征代码行时，删除所述结构栈中最后一个图形结构的地址。故在图3中，所述数据处理设备100在遍历至第18行时，结束所述双分支的判断函数的图形结构的生成，删除所述结构栈中最后一个图形结构的地址，此时，所述结构栈中最后一个元素为所述单分支的判断函数的本图形地址。

下一步，所述数据处理设备100继续对所述待处理代码进行遍历，遍历至第19行时，该行为一个第二特征代码行，则结束所述单分支的判断函数的图形结构的生成，删除所述结构栈中最后一个图形结构的地址。此时，所述结构栈中最后一个元素为所述单分支的判断函数的本图形地址。

下一步，所述数据处理设备100继续对所述待处理代码进行遍历，遍历至第20行时，检测到声音输出函数的函数名，将该代码行对应的预设函数作为目标函数。

在本实施例中，根据所述声音输出函数的函数名生成对应的图形结构，同时根据之前生成的所述双分支的判断函数的显示位置确定该目标函数的显示位置，由于该声音输出函数的位置所述双分支判断函数结束后，则将其显示位置确定在所述双分支的判断函数分支的下方。

然后将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址，即所述单分支的判断函数的图形结构的本图形地址。

并将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址，即将所述单分支的判断函数的图形结构的下部相连图形地址修改为当前目标函数的图形结构的图形地址。

接着，由于该目标函数的前一行不是所述预设函数中的逻辑判断函数的函数名，则将所述结构栈中最后一个成员的值修改为所述目标函数的本图形地址。此时，所述结构栈中最后一个元素为所述声音输出函数的本图形地址。

下一步，所述数据处理设备100继续对所述待处理代码进行遍历，遍历至第21行时，该行为一个第二特征代码行，则结束所述主函数的图形结构的生成，删除所述结构栈中最后一个图形结构的地址。至此，图3所示待处理代码的转换工作完成。

进一步地，在上述处理过程中，所述数据处理设备100还可以根据所述目标函数的函数名后的变量参数，确定需要该目标函数的图形数据结构上显示的变量内容。

步骤S150，针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示所述图形结构。

在本实施例中，所述数据处理设备100提供一图形显示界面，在该图形显示界面上显示所述待处理代码的生成的多个图形结构，如图4所示，并根据每个所述图形结构的上一图形地址及下一图形地址，确定各图形结构之间的连接关系，根据所述连接关系显示各图形结构之间的连线及所述变量内容。

上述处理过程中，在利用所述结构栈进行图形结构的关联时，遵循以下规则：

1.如果当前处理的代码行为第二特征代码行，则将所述结构栈中的数据出栈；

2.如果当前处理的代码行的前一行为所述逻辑判断函数的函数名，则将当前处理的代码行对应的图形结构的本图形地址入栈；

3.如果当前处理代码行为所述主函数或者变量函数的函数名，则将当前处理的代码行对应的图形结构的本图形地址入栈；

4.对于类型的预设函数，在进行所述结构栈处理时，将所述结构栈中的最后一个成员的值修改为当前正在处理的目标函数的图形结构的本图形地址。

值得说明的是，上述的预设函数之外，本实施例中的步骤还可以对其他类型的预设函数进行处理，例如，循环函数，条件循环函数等，针对不同类型的预设函数，均遵循上述处理规则，在次不再赘述。

基于上述设计，本申请提供的图形与代码的转换方法，通过段前空格数确定预设函数的范围，并利用所述结构栈实现不同图形结构之间的关联。如此，使用简洁的处理逻辑实现了将待处理图形与代码的转换为模块流程图的形式，转换准确，且转换效率较高。

本实施例还提供将图形结构转换为代码的处理方法，所述数据处理设备100可以提供一个图形编辑界面，请参照图7，用户可以在该图形编辑界面上使用图形进行控制逻辑的编写。

每个图形结构都有一个与其关联的数据结构。数据结构中必有的成员包括：编号、字符数组、与其连接的图形的数据结构地址及其它位置数据等。其中

1.编号的作用为用示不同的图形组件。此外，还可以根据编号的值找到转化为代码后对应的函数名称。

2.字符数组的作用为存储用户在对应的图形中选择的参数，该参数实际上就是转化为代码后函数所需的返回值和参数。

3.与其连接的图形的数据结构地址为该地址的个数与连接点的数量相等。根据该图形地址可以找到对应的图形。如果该图形的连接未连接图形，那么该地址的值为0。

4.图形“主程序”的地址是存储在一个全局变量中的。

所述数据处理设备预存有多种图形结构对应的代码，所述数据处理设备预选配置有一代码缓冲区；所述数据处理设备预设有用于将图形结构转换为代码的处理函数。所述处理函数的大体逻辑如图8所示，在进行图形转换处理时：

获取待转换的图形结构，调用一个处理函数对获取到的图形结构进行处理。

当获取到的图形结构为只有1个或2个连接点的图形结构时，向所述代码缓冲区返回该图形结构对应的代码，并获取与该图形结构最下方连接的图形结构作为待转换的图形结构调用一个新的待处理函数进行处理。

当获取到的图形结构为if函数或循环函数对应的图形结构时，向所述代码缓冲区域添加该图形结构对应代码；获取与该if函数或循环函数或循环函数的图形结构内部连接的图形结构作为一个待转换的图形结构调用一个新的处理函数进行处理，并在处理完成后获取与该if函数或循环函数的图形结构最下方相连的图形结构作为待转换的图形结构调用一个新的处理函数进行处理。

当获取到的图形结构为if-else函数的图形结构时，向所述代码缓冲区返回该if-else函数的图形结构的if条件部分对应的函数调用代码，将与该if-else函数的图形结构左端连接的图形结构作为待处理的图形结构调用一个新的处理函数进行处理，在处理完成后向代码缓冲区返回该if-else函数的图形结构的else条件分支对应的代码，然后将与该if-else函数的图形结构右端连接的图形结构为待处理的图形结构调用一个新的处理函数进行处理，在处理完成后向代码缓冲区返回该if-else函数的图形结构内部递归完毕时对应代码，然后将与该if-else函数的图形结构最下端连接的图形结构为待处理的图形结构调用一个新的处理函数进行处理。

如此，本实施例提供的方案处理可以实现将代码转换为图形，还可以使将图形转换为代码。

请参照图9，本实施例还提供一种应用于图1所示数据处理设备100的图形与代码的转换装置110，装置包括获取模块111、检测模块112、第一处理模块113、第二处理模块114及显示模块115。

所述获取模块111，用于获取待处理代码，其中，所述待处理代码包括多个类型的预设函数，同一所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等。

本实施例中，所述获取模块111可用于执行图2所示的步骤S110，关于所述获取模块111的具体描述可参对所述步骤S110的描述。

所述检测模块112，用于针对每个代码行，在检测到该代码行中包括其中一个所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数。

本实施例中，所述检测模块112可用于执行图2所示的步骤S120，关于所述检测模块112的具体描述可参对所述步骤S120的描述。

所述第一处理模块113，用于当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置。

本实施例中，所述第一处理模块113可用于执行图2所示的步骤S130，关于所述第一处理模块113的具体描述可参对所述步骤S130的描述。

所述第二处理模块114，用于当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置。

本实施例中，所述第二处理模块114可用于执行图2所示的步骤S140，关于所述第二处理模块114的具体描述可参对所述步骤S140的描述。

所述显示模块115，用于针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示所述图形结构。

本实施例中，所述显示模块115可用于执行图2所示的步骤S150，关于所述显示模块115的具体描述可参对所述步骤S150的描述。

综上所述，本申请提供的图形与代码的转换方法及装置，通过根据待处理代码中代码行的段前空格数确定各预设函数的范围，然后生成对应的图形结构，并根据各预设函数的顺序确定各图形结构的显示位置。如此，通过简洁的处理逻辑实现了将待处理代码转化为模块流程图，转换效率高。

在本申请所提供的实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种图形与代码的转换方法，其特征在于，应用于数据处理设备，所述数据处理设备预存有多种预设函数对应的图形结构，所述方法包括：

获取待处理代码，其中，所述待处理代码包括多个类型的预设函数，同一所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等；

针对每个代码行，在检测到该代码行中包括其中一个所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数；

当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置；

当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置；

针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示所述图形结构。

2.根据权利要求1所述的方法，其特征在于，所述当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置的步骤，包括：

当所述目标函数为变量列表函数时，生成该变量列表函数对应的图形结构，将预设的第一显示位置作为该变量列表函数的图形结构的显示位置；

当所述目标函数为主函数时，生成该主函数对应的图形结构，将预设的第二显示位置作为该主函数的图形结构的显示位置，其中，所述主函数的图形结构至少包括本图形地址及下一图形地址；将所述主函数的本图形地址存入一结构栈。

3.根据权利要求2所述的方法，其特征在于，所述当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置的步骤，包括：

当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名前的段前空格数，确定该目标函数的范围；

根据该目标函数的函数名及范围生成对应的图形结构，其中，该目标函数的图形结构至少包括本图形地址、上一图形地址、下一图形地址及显示位置；

根据所述结构栈中最后一个成员指向的图形结构的显示位置确定该目标函数的图形结构的显示位置，将该目标函数的上一图形地址修改为所述结构栈中最后一个成员指向的图形结构的本图形地址；

将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址。

4.根据权利要求3所述的方法，其特征在于，在所述将所述结构栈中最后一个成员指向的图形结构的下一图形地址修改为所述目标函数的本图形地址的步骤之后，所述方法还包括：

当所述目标函数的前一行不是所述预设函数中的逻辑判断函数的函数名时，然后将所述结构栈中最后一个成员的值修改为所述目标函数的本图形地址；

当所述目标函数的前一行为所述预设函数中的逻辑判断函数的函数名时，然后将所述目标函数的本图形地址存入所述结构栈中。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

针对每个代码行，在该代码行为一个第二特征代码行时，删除所述结构栈中最后一个图形结构的地址。

6.根据权利要求4所述的方法，其特征在于，所述在一图形显示界面上显示所述图形结构的步骤之后，所述方法还包括：

根据每个所述图形结构的上一图形地址及下一图形地址，确定各图形结构之间的连接关系，根据所述连接关系显示各图形结构之间的连线。

7.根据权利要求3所述的方法，其特征在于，所述根据该目标函数的函数名前的空格数，确定该目标函数的范围的步骤，包括：

获得所述目标函数的函数名的段前空格数量作为目标空格数，将该目标函数的函数名之后的第一个出现的第一特征代码行作为该目标函数的第一特征代码行；

遍历所述目标函数之后的代码行，将首个出现后括号且段前空格数等于所述目标空格数代码行作为该目标函数的第二特征代码行，并将所述第一特征代码行与第二特征代码行之间的代码作为所述目标函数的范围。

8.根据权利要求1所述的方法，其特征在于，所述在检测到该代码行中包括其中一个所述预设函数的函数名时，该代码行对应的函数作为目标函数的步骤之后，所述方法还包括：

根据所述目标函数的函数名后的变量参数，确定需要该目标函数的图形数据结构上显示的变量内容。

9.根据权利要求1所述的方法，其特征在于，所述数据处理设备预存有多种图形结构对应的代码，所述数据处理设备预选配置有一代码缓冲区；所述数据处理设备预设有用于将图形结构转换为代码的处理函数；所述方法还包括：

获取待转换的图形结构，调用一个处理函数对获取到的图形结构进行处理；

当获取到的图形结构为只有1个或2个连接点的图形结构时，向所述代码缓冲区返回该图形结构对应的代码，并获取与该图形结构最下方连接的图形结构作为待转换的图形结构调用一个新的待处理函数进行处理；

当获取到的图形结构为if函数或循环函数对应的图形结构时，向所述代码缓冲区域添加该图形结构对应代码；获取与该if函数或循环函数或循环函数的图形结构内部连接的图形结构作为一个待转换的图形结构调用一个新的处理函数进行处理，并在处理完成后获取与该if函数或循环函数的图形结构最下方相连的图形结构作为待转换的图形结构调用一个新的处理函数进行处理；

当获取到的图形结构为if-else函数的图形结构时，向所述代码缓冲区返回该if-else函数的图形结构的if条件部分对应的函数调用代码，将与该if-else函数的图形结构左端连接的图形结构作为待处理的图形结构调用一个新的处理函数进行处理，在处理完成后向代码缓冲区返回该if-else函数的图形结构的else条件分支对应的代码，然后将与该if-else函数的图形结构右端连接的图形结构为待处理的图形结构调用一个新的处理函数进行处理，在处理完成后向代码缓冲区返回该if-else函数的图形结构内部递归完毕时对应代码，然后将与该if-else函数的图形结构最下端连接的图形结构为待处理的图形结构调用一个新的处理函数进行处理。

10.一种图形与代码的转换方法装置，其特征在于，应用于数据处理设备，所述数据处理设备预存有多种预设函数对应的图形结构，所述装置包括：

获取模块，用于获取待处理代码，其中，所述待处理代码包括多个类型的预设函数，同一所述预设函数的函数名、第一特征代码行及第二特征代码行的段前空格数相等；

检测模块，用于针对每个代码行，在检测到该代码行中包括其中一个所述预设函数的函数名时，将该代码行对应的预设函数作为目标函数；

第一处理模块，用于当所述目标函数为主函数或变量列表函数时，根据该目标函数的函数名生成对应的图形结构，将预设的显示位置作为该目标函数的图形结构的显示位置；

第二处理模块，用于当所述目标函数不为主函数或变量列表函数时，根据该目标函数的函数名的段前空格数，确定该目标函数的范围，根据该目标函数的函数名及范围生成对应的图形结构，并根据该目标函数的前一函数确定该目标函数的图形结构的显示位置；

显示模块，用于针对每个生成的图形结构，根据该图形结构的显示位置，在一图形显示界面上显示所述图形结构。