CN113590104B - 实现图形化无代码软件开发平台及方法 - Google Patents

Abstract

发明提供了一种实现图形化无代码软件开发方法、计算机设备以及存储介质。该方法包括：根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，所述可视化图形包括开发前后端软件的程序所需的可视化元素；响应用户对所述可视化元素操作配置出对应的图形示意图；根据预设解析规则解析所述图形示意图中的配置息；根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句框架生成计算机可执行代码。此外本发明还提供一种实现图形化无代码软件开发平台、计算机设备、以及存储介质。

Description

实现图形化无代码软件开发平台及方法

技术领域

本发明涉及计算机技术领域，尤其涉及一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质。

背景技术

利用传统的开发平台开发软件，皆会涉及前端软件开发环节和后端软件开发环节。前端软件开发涉及图形用户界面设计。后端软件开发涉及后台数据处理。

然而，目前的前端软件开发和后端软件开发需要利用不同的开发平台进行开发。另外，前端软件开发和后端软件开发采用了不同的开发平台，开发者对对方开发的软件互不知晓。当软件开发进入前端和后端衔接时，前端软件开发人员和后端开发人员之间需要进行沟通和协同。由于人为沟通容易遗漏或者误解需求细节，且反复沟通确认耗时较长，从而造成人力成本和时间成本增加。

有鉴于此，实有必要提供一种新的软件开发平台。

发明内容

本发明的主要目的在于提供一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质，可以大大降低企业的信息化建设成本。

第一方面，本发明提供了一种实现图形化无代码软件开发方法，所述方法包括：

根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，所述可视化图形包括开发前后端软件的程序所需的可视化元素；

响应用户对所述可视化元素操作配置出对应的图形示意图；

根据预设解析规则解析所述图形示意图中的配置信息；

根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句框架生成计算机可执行代码。

第二方面，本发明提供了一种实现图形化无代码编程的平台，所述平台包括：

图形生成模块，根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，可视化图形包括开发前后端软件的程序所需的可视化元素；

图形配置模块，响应用户对可视化元素的操作配置出对应的图形示意图；

解析模块，用于根据预设解析规则解析图形示意图中的配置信息；以及

程序代码生成模块，根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句生成计算机可执行代码。

第三方面，本发明还提供了一种计算机设备，所述计算设备包括：

存储器，所述存储器用于存储计算机可执行程序；以及

处理器，所述处理器用于执行所述可执行程序以实现上述图形化无代码软件开发方法。

第四个方面，本发明还提供一种存储介质，所述存储介质用于存储计算机可执行程序，所述计算机可执行程序由处理器执行以实现上述图形化无代码软件开发方法。

本发明提供的一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质，可以使前端软件开发和后端软件开发都采用统一的可视化图形进行开发，如此，前后端软件开发者不会因为采用不同编程语言，需要进行沟通协调，效率大大提升。

附图说明

图1为本发明第一实施例提供的实现图形化无代码软件开发方法的运行环境示意图。

图2为本发明第一实施例提供的实现图形化无代码软件开发方法的流程示意图。

图3-5为本发明实施例提供的后端软件开发的可视化图形示意图。

图6为本发明第实施例提供的前端软件开发的可视化图形示意图。

图7-9为本发明实施例提供的经图形化无代码软件开发方法配置出的图形示意图。

图10为本发明实施例提供的树形存储结构示意图。

图11为本发明实施例提供的流程图示意图。

图12为本发明实施例提供的编程语句框架存储方式示意图。

图13为本发明第二实施例提供的实现图形化无代码软件开发方法流程示意图。

图14为本发明第三实施例提供的实现图形化无代码软件开发方法流程示意图。

图15为本发明提供的实现验证的用户界面示意图。

图16为本发明提供的实现发布的用户界面示意图。

图17为本发明提供的实现引用的用户界面示意图。

图18为本发明第一实施例提供的实现图形化无代码编程软件开发平台的程序模块示意图。

图19为本发明第二实施例提供的一种实现图形化无代码编程软件开发平台的程序模块示意图。

图20为本发明实施例提供的一种计算机设备的结构示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

需要说明的是，在本发明中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本发明要求的保护范围之内。

本发明提供一种实现图形化无代码软件开发方法，开发软件统一采用可视化图形进行开发，使前后端软件开发可以在同一个平台进行，信息化建设者仅需利用配置图形的方式就可开发出所需软件，由于平台采用了统一的编程形式，如此，前后端软件开发者不会因为采用不同编程语言，需要进行沟通协调，效率大大提升。

请参看图1，其为第一实施例图形化无代码软件开发平台的系统架构图。图形化无代码软件开发系统1000包括客户端1001和后台服务器端1002。后台服务器端1002通过网络1003与客户端1001通讯。在本实施例中，后台服务器端1002根据客户端1001的启动请求显示相应用户界面于客户端1001供用户配置对应的示意图。客户端1001用于响应用户操作产生对应的操作指令并传送给后台服务器端1002。后台服务器端1002响应该操作指令执行图形化无代码软件开发程序以实现图形化无代码软件开发方法，进而生成用户所期望的软件。在一些可行的实施例中，图形化无代码软件开发程序也可以执行于客户端1001中以实现图形化无代码软件开发方法。在本实施例中，客户端1001和服务器端1002分别为执行图形化无代码软件开发程序客户端和服务器端程序的计算机设备。计算机设备可以为平板电脑、台式计算机、笔记型计算机。计算机设备可以装载有Windows、IOS操作系统、或Android等操作系统。

请参看图2，其为第一实施例提供的一种实现图形化无代码软件开发方法的流程示意图。该实现图形化无代码软件开发方法包括下面步骤。

步骤S201，服务器端1002根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，可视化图形包括开发前后端软件的程序所需的可视化元素。具体地，后台服务器端1002根据客户端1001的启动请求执行图形化无代码编程软件，并显示可视化图形于客户端1001。

在本实施例中，编程语句指的是程序指令。程序指令包括但不限于寄存语句、赋值语句、判断语句、调用语句等。可以理解地，编程语句框架为入参和出参尚未配置的编程语句，即语法结构。可以理解地，前端和后端软件开发所采用的程序编程语言不同。前端软件开发所采用的程序编程语言包括但不限于html、CSS、JavaScript、jQuery等文本编程语言或者语义编程语言。后端软件开发所采用的编程语言包括但不限于java、C++、C，Basic，Visual Basic，Pascal等文本编程语言或者语义编程语言。不同的程序编程语言的编程语句框架不同。

请结合参看图3-6，图3-5示意性地示出后端软件开发所需的可视化图形10a。图6示意性地示意出前端软件开发所需的可视化图形10b。可视化图形10a和图形10b中的可视化元素101包括控件1010、节点1012、连接于各节点1012之间的配置线1014、说明文字1016。如图5所示，控件1010包括与编程语句框架相对应且与各节点1012相关联的图标1011、输入输出框1013、按钮1015、滑块1017（如图6所示）等。图标1011用于供用户操作生成对应的节点1012。输入输出框1013用于供用户输入各节点1012所需情报1019。其中，情报1019由情报要素1020构成，情报1019为编程语句所需的参数。在一些可行的实施例中，各节点1012根据编程语句框架的语法结构设置各节点1011的预设配置规则，不同的编程语句框架可对应不同的预设配置规则。预设配置规则用于定义节点可进行的配置。节点可进行的配置包括各节点1011的出线端点、配置线1014的数量，配置线1014走向等。例如，各节点1011的出线端点为输入端还是输出端。各节点1012的配置线1014为1条或者多条。各节点1012可以与哪些节点连接等。

步骤S203，服务器端1002响应用户对可视化元素的操作配置出对应的图形示意图。该配置的图形示意图显示于客户端1001。具体地，用户可以通过的键盘、鼠标对客户端1001所显示的可视化元素进行操作，通过可视化元素配置出对应的图形示意图。图形示意图包括用于进行前后端开发软件处理逻辑配置示意图201、用于构建数据库所需源数据配置图203、用于前端软件开发的静态页面配置示意图和与静态页面相关联的事件流配置示意图等配置示意图205等。如图7所示，处理逻辑配置示意图201主要以流程图为主。如图8所示，构建数据库所需源数据配置图203以表格为主。如图9所示，静态页面配置示意图205以图表结合为主。事件流配置示意图以流程图为主。其中，流程图由互连的各节点1011形成。节点1011之间的配置线1014指示一个节点1011生成的情报要素1019被另一节点1012使用。其中，各情报要素1019被配置为树形数据存储结构。

由于情报要素采用树形数据存储结构，如图10所示树形图T。可以理解地，针对一个对象而言，用树形结构进行分解，可以无限极地进行分解，即可以涵盖业务场景中所需情报的情报要素。例如，在刻画某一国家政府时，可以按照树形结构划分，则可以划分至具体的某一个小组，如一个家庭。

在用计算机语言实现业务处理场景中，对数据的处理就是用程序设计语言来描述一个或者多个对象从一个节点到下一个节点的处理变化过程，即描述在一个节点根据所需的情报进行处理后产生下一个节点所需的情报。可以理解地，程序设计语言的表达就是通过利用描述节点之间变化过程的编程语句结合在不同节点的所需的情报来实现。

可以理解地，由于流程图F可以反应一个节点到下一个节点的变化过程，如图11所示，流程图包含节点301、节点之间的配置线302、以及节点或者配置线上的内容/信息303。其中，每个图形相当于业务处理场景中的一个节点，而配置线302可以展现出一个节点到下一个节点关联关系，内容/信息303中包含所需的情报。也可以说，流程图中的节点、节点之间的配置线、情报可以展现出一个节点到下一个节点的变化过程。每个节点所需的情报可以通过情报要素来决定，且树形的情报要素可以将一个对象按照所需的任意情报进行完整刻画。因此，通过树形存储结构的情报要素和用流程图表示的变化过程进行组合，可以刻画出待处理业务各个节点所需的情报。换句话说，程序设计语言的编程语句和编程语句所需情报可以通过对应的流程图和情报要素进行表达。

步骤S205，服务器端1002根据预设解析规则解析图形示意图中的配置信息。预设解析规则用于表示根据图形示意图获取图形示意图中有效的配置信息。具体地，以流程图为例，预设解析规则包括流程图中节点之间的顺序、需要调用的编程语句框架、节点中的情报等。该配置信息用于表示各节点之间的顺序，需要调用的编程语句框架、以及各节点的情报。可以理解地，预设解析规则和预设配置规则相对应。不同的功能的节点其预设解析规则也不同。在一些可行的实施例中，以赋值编程语句框架对应的节点为例。当对非对象（Map）、列表对象（List）类型赋值，直接将等式两边的参数拼接成“A=B”的形式。当对对象内的属性赋值给普通变量，将格式为“对象.字段”的格式通过“.”分割，并拼接成“普通变量 =(java.util.Map) 对象.get(字段)”的形式。

步骤S207，服务器端1002根据配置信息和对应的前端软件开发和后端软件开发的编程语句生成计算机可执行代码。仍以流程图为例，服务器端1002根据配置信息调用各节点对应的编程语句框架，根据配置信息将对应的情报要素加载于节点对应的编程语句框架中组成编程语句，根据配置信息中的顺序进行排序形成计算机可执行代码。

其中，编程语句框架按照编程语言类型分别存储于不同区域。如图12所示，后端软件开发对应的编程语句框架存储于第一区域401，前端软件开发对应的编程语句框架存储于存储器中的第二区域402。在一些可行的本实施例中，后端软件开发对应的编程语句框架还包括处理逻辑编程语句和数据库编程语句。处理逻辑编程语句框架和数据库编程语句框架又分别存储于第一区域401中的两个子区域4010和4012。

请结合参看图13，在一些可行的实施例中，为了确保保密性和安全性，编程语句框架还被封装。具体地，该实现图形化无代码软件开发方法还包括下面步骤。

步骤S1301，服务器端1002对前端软件开发和后端软件开发的编程语句进行封装处理。

步骤S1303，服务器端1002生成封装后编程语句的调用函数。

其中：步骤S207具体为，服务器端1002根据配置信息和对应的调用函数生成该可执行代码。即，服务器1002根据调用函数获取编程语句框架。

由于该实现图形化无代码软件开发方法将编程语句框架进行封装，客户端1001无法直接获取编程语句框架的代码格式，增强了图形化无代码软件开发方法的隐秘性。

在一些可行的实施例中，可视化图形还提供运行环境配置功能。即，配置信息包括执行环境配置信息。该实现图形化无代码软件开发方法还包括：根据环境配置信息和可执行代码编译成/发布对应于新环境下的可执行文件。在本实施例中，执行文件为.CLASS文件。

请结合参看图14-17，图14为本发明提供的另一实施例的实现图形化无代码软件开发方法的部分流程示意图。在一些可行的实施例中，实现图形化无代码软件开发方法还包括下面步骤。

步骤S1401，若接到收用户输入的验证指令，服务器端1002对用户配置的示意图所对应的功能程序段进行验证。具体地，服务器端1002在客户端1001中显示每一配置的示意图的验证图标1300。用户可以通过鼠标点击该验证图标1300进行输入验证指令，如图15所示。

步骤S1403，若验证通过且接收到用户输入的发布指令，服务器端1002对验证通过的功能程序段进行发布。具体地，服务器端1002在客户端1001中显示每一配置的示意图的发布图标1302，如图16所示。用户可以通过鼠标点击该发布图标1302进行输入发布指令。

步骤S1405，若功能程序段发布后且接收到用户输入的引用指令，服务器端1002响应用户的引用指令调用对应的功能程序段。具体地，服务器端1002在客户端1001中显示引用图标1304，如图17所示。用户可以通过鼠标点击该引用图标1304进行输入引用指令。服务器端1002响应引用指令，显示已发布的功能程序段以供用户引用。可以理解地，步骤S1405是对每个功能程序段的发布。步骤S1405根据环境配置信息和可执行代码编译成/发布对应于新环境下的可执行文件是对软件产品（包括前后端所有程序）的发布。

请再次结合参看图15-17，在一些可行的实施例中，服务器端1002根据软件设计的需求设置划分出各配置版块并提供每个配置版块的独立的配置图形界面。在本实施例中，各配置版块包括交互界面配置版块3000、数据库操作配置版块3002、处理逻辑配置版块3004等。其中，交互界面配置版块3000用于实现用户输入、输出以及从输入至输出所需的业务处理逻辑的配置。数据库创建配置版块用于实现应用所需的数据源配置。数据库操作配置版块3002用于实现对数据库操作。处理逻辑版块3004用于实现后台处理数据的配置。在一些可行的实施例中，各配置版块还包括源数据配置版块。源数据配置版块用于实现获取情报要素的源数据。

各配置版块中，服务器端1002根据用户配置的各功能程序段分配各功能程序段存储路径，并生成对应的功能程序段列表显示于客户端1001。如图15所示，处理逻辑配置版块3004对应配置图形界面3006。配置图形界面3006显示用户创建功能程序段列表L。每个功能程序段在创建时根据用户的命名创建相应的名称N。各功能程序段根据用户创建时的关联关系呈现树形结构展示。

请参看图18，其为第一实施例提供的一种实现图形化无代码编程软件开发平台2000的程序模块图。实现图形化无代码编程软件开发平台2000包括图形生成模块2001、图形配置模块2003、解析模块2002、程序代码生成模块2004。

图形生成模块2001根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，可视化图形包括开发前后端软件的程序所需的可视化元素。具体地，后台服务器端1002根据客户端1001的启动请求执行图形化无代码编程软件，并显示可视化图形于客户端1001。

在本实施例中，编程语句指的是程序指令。程序指令包括但不限于寄存语句、赋值语句、判断语句、调用语句等。可以理解地，编程语句框架为入参和出参尚未配置的编程语句，即语法结构。可以理解，前端和后端软件开发所采用的程序编程语言不同。前端软件开发所采用的程序编程语言包括但不限于html、CSS、JavaScript、jQuery等文本编程语言或者语义编程语言。后端软件开发所采用的编程语言包括但不限于java、C++、C，Basic，Visual Basic，Pascal等文本编程语言或者语义编程语言。不同的程序编程语言的编程语句框架不同。

请结合参看图3-5，图3-5示意性地示意出后端软件开发所需的可视化图形10a。请结合参看图6，如图6示意性地示意出前端软件开发所需的可视化图形10b。可视化图形10a和图形10b中的可视化元素101包括控件1010、节点1012、连接于各节点1012之间的配置线1014、说明文字1016。节点1012控件1010包括与编程语句框架相对应且与各节点1012相关联的图标1011、输入输出框1013、按钮1015、滑块1017等。图标1011用于供用户操作生成对应的节点1012。输入输出框1013用于供用户输入各节点1011所需情报1019。其中，情报1017由情报要素1019构成，情报1017为编程语句所需的参数。在一些可行的实施例中，各节点1011根据编程语句框架的语法结构设置各节点1011的预设配置规则，不同的编程语句框架可对应不同的预设配置规则。预设配置规则用于定义节点可进行的配置。节点可进行的配置包括各节点1011的出线端点、配置线1014的数量，配置线1014走向等。例如，各节点1011的出线端点为输入端还是输出端。各节点1011的配置线1014为1条或者多条。各节点1011可以与哪些节点连接等。

图形配置模块2003，服务器端1002响应用户对可视化元素的操作配置出对应的图形示意图。具体地，用户可以通过的键盘、鼠标对客户端1001所显示的可视化元素进行操作，通过可视化元素配置出对应的图形示意图。图形示意图包括用于进行前后端开发软件处理逻辑配置示意图201、用于构建数据库所需源数据配置图203、用于前端软件开发的静态页面配置示意图205等。如图7所示，处理逻辑配置示意图201主要以流程图为主。如图8所示，构建数据库所需源数据配置图203以表格为主。如图9所示，静态页面配置示意图205以图表结合为主。其中，流程图由互连的各节点1011形成。节点1011之间的配置线1014指示一个节点1011生成的情报要素1019被另一节点1011使用。其中，各情报要素1019被配置为树形数据存储结构。

由于情报要素采用树形数据存储结构，如图10所示树形图T。可以理解地，针对一个对象而言，用树形结构进行分解，可以无限极地进行分解，即可以涵盖业务场景中所需情报的情报要素。例如，在刻画某一国家时，可以按照树形结构划分，则可以划分至具体的某一个小组，如一个家庭。

在用计算机语言实现业务处理场景中，对数据的处理就是用程序设计语言来描述一个或者多个对象从一个节点到下一个节点的处理变化过程，即描述在一个节点根据所需的情报进行处理后产生下一个节点所需的情报。可以理解地，程序设计语言的表达就是通过利用描述节点之间变化过程的编程语句结合在不同节点的所需的情报来实现。

可以理解地，由于流程图201可以反应一个节点到下一个节点的变化过程，如图11所示，流程图包含节点301、节点之间的配置线302、以及节点或者配置线上的内容/信息303。其中，每个图形相当于业务处理场景中的一个节点，而配置线302可以展现出一个节点到下一个节点关联关系，内容/信息303中包含所需的情报。也可以说，流程图中的节点、节点之间的配置线、情报可以展现出一个节点到下一个节点的变化过程。每个节点所需的情报可以通过情报要素来决定，且树形的情报要素可以将一个对象按照所需的任意情报进行完整刻画。因此，通过树形存储结构的情报要素和用流程图表示的变化过程进行组合，可以刻画出待处理业务各个节点所需的情报。换句话说，程序设计语言的编程语句和编程语句所需情报可以通过对应的流程图和情报要素进行表达。

解析模块2002用于根据预设解析规则解析图形示意图中的配置信息。预设解析规则用于表示根据图形示意图获取图形示意图中有效的配置信息。具体地，以流程图为例，预设解析规则包括如何确定流程图中节点之间的顺序、如何确定需要调用的编程语句框架、如何确定节点中的情报，并生成对应的配置信息。该配置信息用于表示各节点之间的顺序，需要调用的编程语句框架、以及各节点的情报。可以理解地，预设解析规则和预设配置规则相对应。不同的功能的节点其预设解析规则也不同。在一些可行的实施例中，以赋值编程语句框架对应的节点为例。当对非对象（Map）、列表对象（List）类型赋值，直接将等式两边的参数拼接成“A=B”的形式。当对对象内的属性赋值给普通变量，将格式为“对象.字段”的格式通过“.”分割，并拼接成“普通变量 = (java.util.Map) 对象.get(字段)”的形式。

程序代码生成模块2004根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句生成计算机可执行代码。具体地，仍以流程图为例，服务器端1002根据配置信息调用节点对应的编程语句框架，根据配置信息将对应的情报要素加载于节点对应的编程语句框架中组成编程语句，根据配置信息中的顺序进行排序形成计算机可执行代码。

其中，编程语句框架按照编程语句类型分别存储于不同区域。如图12所示，后端软件开发对应的编程语句框架存储于第一区域401，前端软件开发对应的编程语句框架存储于存储器中的第二区域402。在一些可行的本实施例中，后端软件开发对应的编程语句框架还包括处理逻辑编程语句和数据库编程语句。处理逻辑编程语句框架和数据库编程语句框架又分别存储于第一区域401中的两个子区域4010和4012。

请结合参看图19，在一些可行的实施例中，为了确保保密性和安全性，编程语句框架还被封装。具体地，实现图形化无代码编程软件开发平台2000还包括封装模块2006和调用函数生成模块2008。

封装模块2006用于对前端软件开发和后端软件开发的编程语句进行封装处理。

调用函数生成模块2008生成封装后编程语句的调用函数。该调用函数用于根据配置信息获取编程语句框架。

由于该实现图形化无代码软件开发方法将编程语句框架进行封装，客户端1001无法直接获取编程语句框架的代码格式，增强了图形化无代码软件开发方法的安全性。

在一些可行的实施例中，可视化图形还提供运行环境配置功能。即，配置信息包括执行环境配置信息。该实现图形化无代码编程的平台还包括发布模块2004。发布模块2004根据环境配置信息和可执行代码生成对应的可运行文件。在本实施例中，运行文件为.CLASS文件。

在一些可行的实施例中，实现图形化无代码编程的平台2000还包括验证模块2012、功能程序段发布单元2016、和引用模块2014。验证模块2012用于若接到收用户输入的验证指令，对用户配置的示意图所对应的功能程序段进行验证。具体地，服务器端1002在客户端1001中显示每一配置的示意图的验证图标1300。用户可以通过鼠标点击该验证图标1300进行输入验证指令，如图14所示。

功能程序段发布单元2016用于若验证通过且接收到用户输入的发布指令，对验证通过的功能程序段进行发布。具体地，服务器端1002在客户端1001中显示每一配置的示意图的发布图标1302，如图15所示。用户可以通过鼠标点击该发布图标1302进行输入发布指令。可以理解地，功能程序段发布单元2016是对每个功能程序段的发布。发布模块2004是对软件产品的发布，包括对前后端所有的程序段进行发布。

引用模块2014用于若程序段发布后且接收到用户输入的引用指令，响应用户的引用指令引用对应的程序段。具体地，服务器端1002在客户端1001中显示引用图标1304，如图16所示。用户可以通过鼠标点击该引用图标1304进行输入引用指令。引用模块2014响应引用指令，显示已发布的功能程序段以供用户引用。

请再次结合参看图15-17，在一些可行的实施例中，实现图形化无代码编程的平台2000还包括版块划分模块。版块划分模块根据软件设计的需求设置划分出各配置版块并提供每个配置版块的独立的配置图形界面。在本实施例中，各配置版块包括交互界面配置版块3000、数据库创建配置版块3002、数据库操作配置版块、处理逻辑配置版块3004等。其中，交互界面配置版块用于实现用户输入、输出以及从输入至输出所需的业务处理逻辑的配置。数据库创建配置版块3002用于实现应用所需的数据源配置。数据库操作配置版块用于实现对数据库操作。处理逻辑配置版块3004用于实现后台处理数据的配置。在一些可行的实施例中，各配置版块还包括源数据配置版块。源数据配置版块用于实现获取情报要素的源数据。

各配置版块中，服务器端1002根据用户配置的各功能程序段所对应的图形示意图分配各功能程序段存储路径，并生成对应的所对应的图形示意图列表显示于客户端1001。如图15所示，其为处理逻辑配置版块3004所对应的配置图形界面3006示意图。配置图形界面3006显示用户创建图形示意图列表。每一图形示意图在创建时根据用户的命名创建相应的名称。各图形示意图根据用户创建时的关联关系呈现树形结构展示于客户端1001。验证图标1300和发布图标1302显示于图形示意图名称相邻的位置。

请参看图20，其为第一施例提供的计算机设备800的内部结构示意图。计算机设备800包括存储器801、处理器802和总线803。

其中，存储器801至少包括一种类型的可读存储介质，该可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器（例如，SD或DX存储器等）、磁性存储器、磁盘、光盘等。存储器801在一些实施例中可以是计算机设备800的内部存储单元，例如计算机设备800的硬盘。存储器801在另一些实施例中也可以是的外部计算机设备800存储设备，例如计算机设备800上配备的插接式硬盘，智能存储卡（Smart Media Card, SMC），安全数字（Secure Digital,SD）卡，闪存卡（Flash Card）等。进一步地，存储器801还可以既包括计算机设备800的内部存储单元也包括外部存储设备。存储器801不仅可以用于存储安装于计算机设备800的应用软件及各类数据，例如实现图形化无代码编程程序01的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。

总线803可以是外设部件互连标准(peripheral component interconnect，简称PCI)总线或扩展工业标准结构(extended industry standard architecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。为便于表示，图20中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

进一步地，计算机设备800还可以包括显示组件804。显示组件804可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED（Organic Light-Emitting Diode，有机发光二极管）触摸器等。其中，显示组件804也可以适当的称为显示装置或显示单元，用于显示在计算机设备800中处理的信息以及用于显示可视化的用户界面。

进一步地，计算机设备800还可以包括通信组件805，通信组件805可选的可以包括有线通信组件和/或无线通信组件（如WI-FI通信组件、蓝牙通信组件等），通常用于在计算机设备800与其他计算机设备之间建立通信连接。

处理器802在一些实施例中可以是一中央处理器（Central Processing Unit,CPU）、控制器、微控制器、微处理器或其他数据处理芯片，用于运行存储器801中存储的程序代码或处理数据。具体地，处理器802执行图形化无代码编程程序以实现上述实现图形化无代码软件开发方法。

图20仅示出了具有组件801-805以及实现图形化无代码编程程序01的计算机设备800，本领域技术人员可以理解的是，图20示出的结构并不构成对计算机设备800的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。

本发明提供的一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质，利用树形数据存储结构进行存储的情报要素和流程图组合来实现无代码编程，从而让企业在自主信息建设时无需通过专业人员编写程序设计语言完成所需应用软件，让企业快速低成本的拥有自主信息化建设能力，提升企业在整个市场经济活动中的资源配置效率与合理性。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。

该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机程序指令时，全部或部分地产生按照本发明实施例的流程或功能。该计算机设备可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一计算机可读存储介质传输，例如，该计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，该单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

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

需要说明的是，上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。并且本文中的术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种实现图形化无代码软件开发方法，其特征在于，所述方法包括：

根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，所述可视化图形包括开发前后端软件的程序所需的可视化元素，所述编程语句框架为入参和出参尚未配置的编程语句，编程语句指的是程序指令，所述入参和出参为情报要素，所述情报要素被配置为树形数据存储结构，所述可视化元素包括控件、节点、连接于各节点之间的配置线和说明文字；

响应用户对所述可视化元素操作配置出对应的图形示意图；

根据预设解析规则解析所述图形示意图中的配置信息，所述预设解析规则包括流程图中节点之间的顺序、需要调用的编程语句、节点中的情报要素，所述预设解析规则和预设配置规则相对应，各节点根据编程语句框架的语法结构设置所述各节点的预设配置规则，不同的编程语句框架可对应不同的预设配置规则；

根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句框架生成计算机可执行代码，具体包括：根据配置信息调用所述各节点对应的编程语句框架；根据配置信息将对应的情报要素加载于所述各节点对应的编程语句框架中组成编程语句；根据配置信息中的顺序进行排序形成计算机可执行代码。

2.如权利要求1所述的方法，其特征在于，不同的编程语句框架对应不同的预设解析规则。

3.如权利要求1所述的方法，其特征在于，所述方法还包括：

对所述前端软件开发和后端软件开发的编程语句进行封装处理；

生成封装后编程语句的调用函数；其中：

根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句生成计算机可执行代码具体包括：

根据所述配置信息和对应的调用函数生成所述可执行代码。

4.如权利要求3所述的方法，其特征在于，所述配置信息包括执行环境配置信息，所述方法还包括：

根据所述环境配置信息和所述可执行代码生成对应的可执行文件。

5.如权利要求1所述的方法，其特征在于，可视化元素包括节点，根据前端软件开发和后端软件开发的编程语句框架生成可视化图形具体包括：

根据编程语句框架的语法结构设置各节点的预设配置规则，所述预设配置规则用于定义各节点可进行的配置；

根据所述预设配置规则生成所述可视化图形。

6.如权利要求1所述的方法，其特征在于，每个配置出的图形示意图对应一个功能程序段，所述方法还包括：

接收用户输入的验证指令，对所述功能程序段进行验证；

若验证通过且接收到用户的发布指令，对所述功能程序段进行发布；

若所述功能程序段发布后且接收到用户的引用指令，响应用户的引用指令调用对应的功能程序段。

7.如权利要求1所述的方法，其特征在于，所述配置出的图形示意图包括用于表示静态页面的配置示意图以及与所述静态页面关联的事件流配置示意图，所述静态页面的配置示意图为图表，所述事件流配置示意图为流程图。

8.一种图形化无代码软件开发平台，其特征在于，所述图形化无代码软件开发平台包括：

图形生成模块，根据前端软件开发和后端软件开发的编程语句框架生成可视化图形，可视化图形包括开发前后端软件的程序所需的可视化元素，所述编程语句框架为入参和出参尚未配置的编程语句，编程语句指的是程序指令，所述入参和出参用情报要素表示，所述情报要素被配置为树形数据存储结构，所述可视化元素包括控件、节点、连接于各节点之间的配置线和说明文字；

图形配置模块，响应用户对可视化元素的操作配置出对应的图形示意图；

解析模块，用于根据预设解析规则解析图形示意图中的配置信息，所述预设解析规则包括流程图中节点之间的顺序、需要调用的编程语句、节点中的情报要素，所述预设解析规则和预设配置规则相对应，各节点根据编程语句框架的语法结构设置所述各节点的预设配置规则，不同的编程语句框架可对应不同的预设配置规则；以及

程序代码生成模块，根据所述配置信息和对应的前端软件开发和后端软件开发的编程语句生成计算机可执行代码，所述程序代码生成模块根据配置信息调用所述各节点对应的编程语句框架；所述程序代码生成模块还根据配置信息将对应的情报要素加载于所述各节点对应的编程语句框架中组成编程语句；所述程序代码生成模块还根据配置信息中的顺序进行排序形成计算机可执行代码。

9.一种计算机设备，其特征在于，所述计算机设备包括：

存储器，所述存储器用于存储计算机可执行程序；以及

处理器，所述处理器用于执行所述可执行程序以实现如权利要求1~7任一项所述的实现图形化无代码软件开发方法。

10.一种存储介质，其特征在于，所述存储介质用于存储计算机可执行程序，所述计算机可执行程序由处理器执行以实现如权利要求1~7任一项所述的实现图形化无代码软件开发方法。