CN109669688A

CN109669688A - 基于可视化的软件开发方法、装置、终端设备及存储介质

Info

Publication number: CN109669688A
Application number: CN201811129138.6A
Authority: CN
Inventors: 李成玲
Original assignee: OneConnect Smart Technology Co Ltd
Current assignee: OneConnect Smart Technology Co Ltd
Priority date: 2018-09-26
Filing date: 2018-09-26
Publication date: 2019-04-23

Abstract

本发明公开了一种基于可视化的软件开发方法、装置、终端设备及存储介质，所述方法包括：接收用户的开启指令，根据所述开启指令在当前显示界面中展示可视化开发平台；接收用户的选择指令，提取所述选择指令中的链接信息；根据所述链接信息在后台服务器中查找对应的目标可视化组件；并查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示。本发明通过可视化软件开发平台接收用户的选择指令，根据选择指令查找对应的可视化组件，并根据可视化组件查找对应的逻辑关系，将可视化组件和对应的逻辑关系生成可视化软件，从而通过可视化组件的编辑实现软件开发，操作简单并且缩短开发周期。

Description

基于可视化的软件开发方法、装置、终端设备及存储介质

技术领域

本发明涉及软件开发技术领域，尤其涉及一种基于可视化的软件开发方法、装置、终端设备及存储介质。

背景技术

在现有的前端页面的软件开发过程中，需要开发的页面复杂且耗时间，传统开发模式冗余代码多，页面众多，难以管理，并且传统的混杂的逻辑和页面大大增加了逻辑过程的实现难度，在页面进行多维度字段的展示时，包括列表，图表，图片的展示以及各种审批信息交互表单的设计，现有的开发平台难以应对多变的需求，从而耗时耗力。

发明内容

本发明的主要目的在于提出一种基于可视化的软件开发方法、装置、终端设备及存储介质，旨在减少软件开发周期以及开发难度。

为实现上述目的，本发明提供一种基于可视化的软件开发方法，所述基于可视化的软件开发方法包括以下步骤：

接收用户的开启指令，根据所述开启指令在当前显示界面中展示可视化开发平台，所述可视化开发平台包括多种可视化组件信息；

接收用户基于所述可视化开发平台的选择指令，提取所述选择指令中用户选择的链接信息；

根据所述链接信息在后台服务器中查找对应的目标可视化组件；

在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示。

优选地，所述接收用户基于所述可视化开发平台的选择指令，提取所述选择指令中用户选择的链接信息之前，所述方法还包括：

接收所述目标可视化组件的写入指令，根据所述写入指令将所述目标可视化组件写入所述后台服务器中的预设地址，根据所述预设地址建立与当前显示界面中对应的链接信息。

优选地，所述接收所述目标可视化组件的写入指令，根据所述写入指令将所述目标可视化组件写入所述后台服务器中的预设地址，根据所述预设地址建立与当前显示界面中对应的链接信息，具体包括：

接收用户的编辑指令，根据所述编辑指令将所述目标可视化组件进行组合编辑，生成复合可视化组件，将所述复合可视化组件写入所述后台服务器中的预设地址，根据所述预设地址建立与当前显示界面中对应的链接信息。

优选地，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示之前，所述方法还包括：

获取历史可视化组件，提取所述历史可视化组件的属性信息，根据所述属性信息建立所述历史可视化组件的逻辑关系，根据所述历史可视化组件以及对应的逻辑关系生成所述预设关系映射表。

优选地，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示，具体包括：

在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件进行有序连接生成可视化软件，并接收用户的查看指令，根据所述查看指令将生成的可视化软件进行可视化运行。

优选地，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示之后，所述方法还包括：

接收开发指令，根据所述开发指令对所述可视化软件添加事件信息，增减目标可视化组件的属性变量以及增加可视化软件逻辑关系。

将所述可视化软件发送至后台服务器并通过预设标签进行保存，在接收用户的测试指令时，提取所述测试指令中的标签信息，根据所述标签信息提取所述后台服务器中的可视化软件。

此外，为实现上述目的，本发明还提出一种基于可视化的软件开发装置，所述基于可视化的软件开发装置包括：

接收模块，用于接收用户的开启指令，根据所述开启指令在当前显示界面中展示可视化开发平台，所述可视化开发平台包括多种可视化组件信息；

选择模块，用于接收用户基于所述可视化开发平台的选择指令，提取所述选择指令中用户选择的链接信息；

查找模块，用于根据所述链接信息在后台服务器中查找对应的目标可视化组件；

生成模块，用于在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示。

此外，为实现上述目的，本发明还提出一种终端设备，所述终端设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于可视化的软件开发程序，所述基于可视化的软件开发程序配置为实现如上所述的基于可视化的软件开发方法的步骤。

此外，为实现上述目的，本发明还提出一种存储介质，所述存储介质上存储有基于可视化的软件开发程序，所述基于可视化的软件开发程序被处理器执行时实现如上文所述的基于可视化的软件开发方法的步骤。

本发明提出的基于可视化的软件开发方法，通过可视化软件开发平台接收用户的选择指令，根据选择指令查找对应的可视化组件，并根据可视化组件查找对应的逻辑关系，将可视化组件和对应的逻辑关系生成可视化软件，从而通过可视化组件的编辑实现软件开发，操作简单并且缩短开发周期。

附图说明

图1是本发明实施例方案涉及的硬件运行环境的终端设备结构示意图；

图2为本发明基于可视化的软件开发方法第一实施例的流程示意图；

图3为本发明基于可视化的软件开发方法第二实施例的流程示意图；

图4为本发明基于可视化的软件开发方法第三实施例的流程示意图；

图5为本发明基于可视化的软件开发装置第一实施例的功能模块示意图。

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

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参照图1，图1为本发明实施例方案涉及的硬件运行环境的终端设备结构示意图。

如图1所示，该终端设备可以包括：处理器1001，例如CPU，通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如按键，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatilememory)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。

本领域技术人员可以理解，图1中示出的终端设备结构并不构成对终端设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及基于可视化的软件开发程序。

在图1所示的终端设备中，网络接口1004主要用于连接外网，与其他网络设备进行数据通信；用户接口1003主要用于连接用户终端，与终端进行数据通信；本发明终端设备通过处理器1001调用存储器1005中存储的基于可视化的软件开发程序，并执行本发明实施例提供的基于可视化的软件开发的实施方法。

基于上述硬件结构，提出本发明基于可视化的软件开发方法实施例。

参照图2，图2为本发明基于可视化的软件开发方法第一实施例的流程示意图。

在第一实施例中，所述基于可视化的软件开发方法包括以下步骤：

步骤S10，接收用户的开启指令，根据所述开启指令在当前显示界面中展示可视化开发平台，所述可视化开发平台包括多种可视化组件信息。

需要说明的是，所述开启指令可为用户通过开启可视化开发平台界面的接口，通过点击接口进行开启，例如通过桌面可视化开发平台的桌面快捷图标或者通过应用程序(Application，APP)进行开启。

在本实施例中，所述可视化开发平台可基于模型-视图-控制器(Model ViewController)MVC框架实现可视化开发平台，所述MVC是一种使用MVC设计创建Web应用程序的模式：Model(模型)表示应用程序核心(比如数据库记录列表)，View(视图)显示数据(数据库记录)，Controller(控制器)处理输入(写入数据库记录)，基于MVC框架可将用户的输入，逻辑处理以及可视化输出进行分开，各自通过模型，视图以及控制器处理各自的业务，例如控制器获取用户输入的指令，将用户输入的指令传递给业务模型，业务模型进行业务逻辑判断以及数据库存取，通过业务模型可与数据库进行数据交互，并根据业务逻辑选择不同的视图进行展示，从而实现各个部件的分工协作，提高系统处理效率。

可以理解的是，所述开发组件信息为通过各个可视化图标对应相应的的软件设计的函数，例如在一般情况下，设计加法的函数关系，通过编写软件代码，将参数a与参数b，通过add函数实现加法运算，但在本实施例中，无需编写进行代码编写，直接将代表add函数的组件从可视化开发平台中进行点击即可实现代码的编写。

步骤S20，接收用户基于所述可视化开发平台的选择指令，提取所述选择指令中用户选择的链接信息。

需要说明的是，在可视化开发平台中可展示常用部件信息，例如实现滚动效果的函数对应的可视化控件，通过选取可视化的滚动效果的函数控件，从而可实现代码的编辑，而不需要编写复杂的代码，从而缩短软件开发周期。

在本实施例中，为了实现对可视化组件的选择，将所述可视化组件保存在预设区域，并设有对应的链接信息，通过链接信息可从所述预设区域中提取相应的的可视化组件，其中，所述链接信息可为设在桌面前端的图标信息，通过点击图标信息，实现对可视化组件的选取，还可通过其他链接信息进行可视化组件的提取，本实施例对此不作限制。

步骤S30，根据所述链接信息在后台服务器中查找对应的目标可视化组件。

需要说明的是，在本实施例中将可视化组件保存在后台服务器中，通过所述后台服务器进行可视化组件的选取，由于将可视化组件通过后台服务器进行保存，从而不占有系统的前端的内存资源，提高系统处理效率。

在具体实现中，还可通过后台服务器保存可视化组件，随着对可视化组件的扩展，从而实现各种业务应用，面对不断升级和增加的可视化组件，可直接通过用户对后台服务器中的可视化组件进行实时更新，即可将后台服务器中的可视化组件随时满足开发者的需求，从而提高用户体验。

步骤S40，在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示。

在本实施例，在用户选择可视化组件中具有滚动效果的函数控件之后，可实时显示编辑的效果，即可展示文字的滚动效果，从而在编写过程中即可查看到相应的效果，而不需要另外将代码进行编译封装之后生成编译结果才可查看到编译是否正确，提高开发者的开发效率。

在具体实现中，在获取开发者选取得可视化组件之后，通过各个可视化组件之间的逻辑关系，自动生成可视化软件，例如通过参数选取之间选择参数A，并选取滚动函数，确定滚动函数与参数A的逻辑关系，接收用户的触发指令，根据所述触发指令显示参数A进行滚动的可视化效果，从而实现付开发软件的检测，更方便和直接的得到软件编译的效果，使开发过程易于操作，节省软件开发时间。

本实施例通过上述方案，通过可视化软件开发平台接收用户的选择指令，根据选择指令查找对应的可视化组件，并根据可视化组件查找对应的逻辑关系，将可视化组件和对应的逻辑关系生成可视化软件，从而通过可视化组件的编辑实现软件开发，操作简单并且缩短开发周期。

进一步地，如图3所示，基于第一实施例提出本发明基于可视化的软件开发方法第二实施例，在本实施例中，所述步骤S10之前，所述方法还包括：

步骤S101，接收所述目标可视化组件的写入指令，根据所述写入指令将所述目标可视化组件写入所述后台服务器中的预设地址，根据所述预设地址建立与当前显示界面中对应的链接信息。

需要说明的是，在本实施例中，为了实现可视化组件的选取，首先需要在和后台服务器中保存可视化组件，在可视化平台中设有写入接口，通过所述写入接口，可接收用户写入的可视化组件，并将所述可视化组件保存在后台服务器中。

在具体实现中，为了实现对后台服务器中的可视化组件的选取，根据可视化组件保存在后台服务器中的地址在前台中建立链接信息，通过所述链接信息可直接从后台服务器中提取相应的可视化组件，通过建立的链接信息作为后台服务器中的可视化组件标识信息，实现对可视化组件的识别。

进一步地，所述步骤S101，具体包括：

步骤S102，接收用户的编辑指令，根据所述编辑指令将所述目标可视化组件进行组合编辑，生成复合可视化组件，将所述复合可视化组件写入所述后台服务器中的预设地址，根据所述预设地址建立与当前显示界面中对应的链接信息。

在本实施例中，可视化平台展示的可视化组件为可配置的，可接收用户的编辑指令，根据编辑指令对当前展示的组件进行在线编辑，在常用基础组件的基础上生成复合组件，从而扩展可视化组件的使用范围，提高可视化平台开发的灵活性。

本实施例提供的方案，可对可视化组件进行在线编辑，在常用可视化组件的基础上生成复合可视化组件，从而扩展可视化组件的使用范围，提高可视化平台开发的灵活性，并且通过建立的链接信息作为后台服务器中的可视化组件标识信息，实现对可视化组件的识别。

进一步地，如图4所示，基于第一实施例或第二实施例提出本发明基于可视化的软件开发方法第三实施例，在本实施例中，基于第一实施例进行说明，所述步骤S40之前，所述方法还包括：

步骤S401，获取历史可视化组件，提取所述历史可视化组件的属性信息，根据所述属性信息建立所述历史可视化组件的逻辑关系，根据所述历史可视化组件以及对应的逻辑关系生成所述预设关系映射表。

需要说明的是，所述历史可视化组件为根据历史业务处理中统计的函数功能实现的逻辑关系，根据所述逻辑关系建立参数与可视化组件之间的业务处理流程，并生成关系映射表，将所述关系映射表作为预设关系映射表，通过映射关系实现数据处理，从而系统数据处理效率。

进一步地，所述步骤S40，具体包括：

步骤S402，在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件进行有序连接生成可视化软件，并接收用户的查看指令，根据所述查看指令将生成的可视化软件进行可视化运行。

在具体实现中，通过可视化组件的属性信息确定当前需要生成的可视化软件的逻辑关系，例如获取具有滚动效果可视化组件信息，根据滚动效果的可视化组件信息的属性信息可知需要相关的参数信息，在获取到参数信息时，得知为将参数进行滚动展示的业务逻辑。

进一步地，所述步骤S40之后，所述方法还包括：

步骤S403，接收开发指令，根据所述开发指令对所述可视化软件添加事件信息，增减目标可视化组件的属性变量以及增加可视化软件逻辑关系。

在本实施例中，还可接收用户的编辑指令，根据所述编辑指令添加页面组件的事件处理过程，增减组件的属性变量，例如对组件中的默认颜色进行修改，从而符合用户的需求，还可提供书写页面逻辑，从而实现多维度的字段展示。

进一步地，所述步骤S40之后，所述方法还包括：

步骤S404，将所述可视化软件发送至后台服务器并通过预设标签进行保存，在接收用户的测试指令时，提取所述测试指令中的标签信息，根据所述标签信息提取所述后台服务器中的可视化软件。

需要说明的是，在一般情况下，对于前端静态代码的开发一般在本地生成，从而不利于代码的移植以及在二次开发时，对于实现相同功能的代码需要重新编写，从而延长软件开发的周期，而本实施例中可将基本功能组件存放在后台服务器中，从后台服务器中直接进行添加，从而大大缩短了软件开发的周期。

前端静态代码为：

static

{

//静态代码块内执行的语句

//比如：初始化语句

}

静态代码块在类被加载的时候就运行，且优先于主函数，如果有的话，而且只运行一次，从而可运用于初始化。

例如代码：

Class StaticCode{int num＝9；static//静态代码块{System.out.print("a")；}

{//构造代码块System.out.print(num)；}

public static void show(){System.out.print("show")；}}

class StaticCodeDemo{static{System.out.print("b")；}

public static void main(String[]args){new StaticCode()；newStaticCode()；System.out.print("c")；}

static{System.out.print("d")；}}

运行的结果是：bdac；

因为在加载StaticCodDemo类时静态代码块就优先于主函数运行，所以先输出了b跟d；接着要进入主函数内运行，new StaticCode()；使得程序加载StaticCode类，加载时，静态代码块优先运行，所以输出了一个a；接着到了第二句new StaticCode()；时，因为已经加载过该类了，所以静态代码块是不会再运行的，说明了其只运行一次的特性；最后就是主函数内输出一个c，最后程序结束。就是一个“初始化”的代码段，优先于构造函数，对所有的类的对象都是一样的初始化，不像构造函数，不同的对象可以有不同的初始化结果。

另外，由于通过可视化平台进行开发的软件还可实时保存在后台数据库中，根据不同用户的标签信息进行软件的保存，从而用户可通过标签在后台数据库中查找已有的编写的软件信息，可实时进行软件分析，实现对软件的跟踪管理。

本实施例提供的方案，支持定制化的组件开发，添加页面组件的事件处理过程，增减组件的属性变量，书写页面逻辑，并使用前端框架构建生成所需要的全部前端静态代码，可实时进行软件分析，实现对软件的跟踪管理。

本发明进一步提供一种基于可视化的软件开发装置。

参照图5，图5为本发明基于可视化的软件开发装置第一实施例的功能模块示意图。

本发明基于可视化的软件开发装置第一实施例中，该基于可视化的软件开发装置包括：

接收模块10，用于接收用户的开启指令，根据所述开启指令在当前显示界面中展示可视化开发平台，所述可视化开发平台包括多种可视化组件信息。

选择模块20，用于接收用户基于所述可视化开发平台的选择指令，提取所述选择指令中用户选择的链接信息。

查找模块30，用于根据所述链接信息在后台服务器中查找对应的目标可视化组件。

生成模块40，用于在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示。

此外，为实现上述目的，本发明还提出一种终端设备，所述终端设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于可视化的软件开发程序，所述基于可视化的软件开发程序配置为实现如上文所述的基于可视化的软件开发方法的步骤。

此外，本发明实施例还提出一种存储介质，所述存储介质上存储有基于可视化的软件开发程序，所述基于可视化的软件开发程序被处理器执行如上文所述的基于可视化的软件开发方法的步骤。

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

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个计算机可读存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台智能终端(可以是手机，计算机，终端设备，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

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

Claims

1.一种基于可视化的软件开发方法，其特征在于，所述基于可视化的软件开发方法包括：

2.如权利要求1所述的基于可视化的软件开发方法，其特征在于，所述接收用户基于所述可视化开发平台的选择指令，提取所述选择指令中用户选择的链接信息之前，所述方法还包括：

3.如权利要求2所述的基于可视化的软件开发方法，其特征在于，所述接收所述目标可视化组件的写入指令，根据所述写入指令将所述目标可视化组件写入所述后台服务器中的预设地址，根据所述预设地址建立与当前显示界面中对应的链接信息，具体包括：

4.如权利要求1至3中任一项所述的基于可视化的软件开发方法，其特征在于，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示之前，所述方法还包括：

5.如权利要求1至3中任一项所述的基于可视化的软件开发方法，其特征在于，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示，具体包括：

6.如权利要求1至3中任一项所述的基于可视化的软件开发方法，其特征在于，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示之后，所述方法还包括：

7.如权利要求1至3中任一项所述的基于可视化的软件开发方法，其特征在于，所述在预设关系映射表中查找各目标可视化组件对应的逻辑关系，根据所述逻辑关系将所述目标可视化组件生成可视化软件进行展示之后，所述方法还包括：

8.一种基于可视化的软件开发装置，其特征在于，所述基于可视化的软件开发装置包括：

9.一种终端设备，其特征在于，所述终端设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于可视化的软件开发程序，所述基于可视化的软件开发程序配置为实现如权利要求1至7中任一项所述的基于可视化的软件开发方法的步骤。

10.一种存储介质，其特征在于，所述存储介质上存储有基于可视化的软件开发程序，所述基于可视化的软件开发程序被处理器执行时实现如权利要求1至7中任一项所述的基于可视化的软件开发方法的步骤。