集成WEB可视化工作流方法、装置、可读存储介质及系统与流程

本发明涉及程序开发领域，尤其涉及一种集成web可视化工作流方法、装置、可读存储介质及系统。

背景技术：

目前现有技术暂无集成web前端开发环境、调试、打包构建的可视化工作流，但是现有的前端开发环境、调试和打包构建分别有各自的命令行工具。其中：开发环境主要是基于nodejs或者nginx等，可以通过命令行启动http服务。调试主要依赖fiddler，通过拦截http请求并替换模拟数据进行调试，但是该技术只能模拟本地数据，无法调试不同环境下返回的真实数据。打包构建工具主流的有webpack、gulp、grunt、fis3等，主要功能是将开发代码进行编译、合并、压缩等处理，但是它们需要不同的nodejs和npm版本支持，不能同时使用。由于现有的技术和工具在开发环境、调试以及打包构建中存在以下弊端相互割裂甚至冲突，不成体系且不能同时使用。只能调试本地数据，无法代理开发环境、生产环境的数据。且受操作系统和平台限制，不能跨平台使用。如上所述，现有的开发集成环境，由于开发平台之间不融合，造成了开发效率低的技术问题。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

技术实现要素：

本发明的主要目的在于提供一种集成web可视化工作流方法，旨在解决现有技术在开发环境、调试及打包构建存在的无法代理开发环境及生产环境的数据造成的开发效率低的技术问题。

为实现上述目的，本发明提供一种集成web可视化工作流方法，包括以下内容：

基于新建的客户端窗体派生渲染进程；

以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令；

将执行结果返回至所述渲染进程，以通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果。

优选地，所述基于新建的客户端窗体派生渲染进程的步骤之前，还包括：

调用预先创建的客户端主进程，用以新建所述客户端窗体。

优选地，所述以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令的步骤，还包括：

解析所述用户操作指令，并调用与所述用户操作指令对应的所述nodejs功能模块，以执行所述用户操作指令。

优选地，所述通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果的步骤，具体包括：

根据所述执行结果，更新所述客户端窗体的信息，以通过所述客户端窗体显示所述执行结果。

优选地，所述集成web可视化工作流方法，还包括：

基于客户端构建集成web开发平台，并在所述集成web开发平台中创建所述客户端主进程及所述预设nodejs功能模块；

以所述预设nodejs功能模块，将功能模块对应的开发工具集成至所述集成web开发平台，并与所述预设nodejs功能模块建立连接。

此外，为实现上述目的，本发明还提供一种集成web可视化工作流装置，所述集成web可视化工作流装置包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述集成web可视化工作流方法的步骤。

本发明还提供一种可读存储介质，所述可读存储介质上存储有集成web可视化工作流应用程序，所述集成web可视化工作流应用程序被处理器执行时实现如上所述集成web可视化工作流方法的步骤。

本发明还提供一种集成web可视化工作流系统，所述集成web可视化工作流系统包括如上所述的集成web可视化工作流方法的步骤。

本发明实施例提出的一种集成web可视化工作流方法，通过基于新建的客户端窗体派生渲染进程；以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令；将执行结果返回至所述渲染进程，以通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果。通过接收用户指令，对应执行功能模块的内容，自动实现用户操作指令统一程序执行过程，以提高程序开发效率的有益效果。

附图说明

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

图2为本发明集成web可视化工作流方法第一实施例的流程示意图；

图3为本发明集成web可视化工作流方法第二实施例的流程示意图。

图4为本发明集成web可视化工作流系统的结构示意图。

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

具体实施方式

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

本发明实施例的主要解决方案是：基于新建的客户端窗体派生渲染进程；以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令；将执行结果返回至所述渲染进程，以通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果。

由于现有技术的程序开发中，相关的开发环境、调试及打包构建的过程中不同，有可能存在平台冲突并受到操作系统及平台限制，造成开发程序效率较低。

本发明提供一种解决方案，通过应用统一的派生渲染进程接收用户操作指令，对应调用与所述用户操作指令相关的预设nodejs功能模块执行所述用户操作指令，并在客户端新增窗体上显示，通过统一的指令实现平台和步骤，实现了统一执行操作指令，提高了程序开发效率的有益效果。

如图1所示，图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图。

本发明实施例终端可以是pc，也可以是智能手机、平板电脑、电子书阅读器，便携计算机等具有显示功能的可移动式终端设备。

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

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

如图1所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及集成web可视化工作流应用程序。

在图1所示的终端中，网络接口1004主要用于连接后台服务器，与后台服务器进行数据通信；用户接口1003主要用于连接客户端(用户端)，与客户端进行数据通信；而处理器1001可以用于调用存储器1005中存储的集成web可视化工作流应用程序，并执行以下操作：

基于新建的客户端窗体派生渲染进程；

以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令；

将执行结果返回至所述渲染进程，以通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果。

进一步地，处理器1001可以调用存储器1005中存储的集成web可视化工作流应用程序，还执行以下操作：

调用预先创建的客户端主进程，用以新建所述客户端窗体。

进一步地，处理器1001可以调用存储器1005中存储的集成web可视化工作流应用程序，还执行以下操作：

解析所述用户操作指令，并调用与所述用户操作指令对应的所述nodejs功能模块，以执行所述用户操作指令。

进一步地，处理器1001可以调用存储器1005中存储的集成web可视化工作流应用程序，还执行以下操作：

根据所述执行结果，更新所述客户端窗体的信息，以通过所述客户端窗体显示所述执行结果。

进一步地，处理器1001可以调用存储器1005中存储的集成web可视化工作流应用程序，还执行以下操作：

基于客户端构建集成web开发平台，并在所述集成web开发平台中创建所述客户端主进程及所述预设nodejs功能模块；

以所述预设nodejs功能模块，将功能模块对应的开发工具集成至所述集成web开发平台，并与所述预设nodejs功能模块建立连接。

参照图2，图2为本发明集成web可视化工作流方法第一实施例的流程示意图，所述集成web可视化工作流方法包括：

步骤s10，基于新建的客户端窗体派生渲染进程；

在已新建的客户端窗体中派生与所述客户端对应的派生渲染进程，所述派生渲染进程，为基于新建的所述客户端派生的，所述派生在程序开发的实际应用中，实现方式为父类派生子类的操作过程，即所述客户端窗体为父类，所述渲染进程是基于所述客户端窗体的父类运行的子类，具备亲属性上下级的关系。所述渲染进程，其“渲染”在程序开发中定义为“计算视频编辑文件中的效果以生成最终视频输出的过程”，“进程”定义为计算机中陈旭关于某数据集合上的一次运行活动。即所述渲染进程在实际运用中，定义为计算视频编辑文件中的效果已生成最终视频输出的一次运行活动。而所述渲染进程的基础是获取到的用户数据，基于所述用户数据，以使所述渲染进程实现所述用户数据的执行。

另外，所述基于新建的客户端窗体派生渲染进程的步骤之前，还包括：

调用预先创建的客户端主进程，用以新建所述客户端窗体。

在基于所述客户端窗体派生渲染进程的过程之前，需基于预先创建的客户端主进程，新建所述客户端窗体。所述客户端窗体是基于当前登入用户具有操作指令或者实现操作需求的前提下，调用所述客户端主进程，新建所述客户端窗体。

步骤s20，以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令；

通过所述新建客户端窗体的派生渲染进程，接收用户操作指令。所述用户操作指令，为当前登入用户基于所述新建客户端窗体的操作需求。在所述级合格web可视化工作流方法中，所能应用到的用户操作指令，包括程序开发调试、打包构建程序。根据接收到的所述用户操作指令，条用预设nodejs功能模块执行所述用户操作指令。所述预设nodejs功能模块包括所述nodejs原生模块以及第三方的nodejs中间件。根据接收到的所述用户操作指令，调取预设nodejs功能模块执行所述用户操作指令。

其中，所述以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令的步骤，还包括：

解析所述用户操作指令，并调用与所述用户操作指令对应的所述nodejs功能模块，以执行所述用户操作指令。

解析渲染进程接收到的用户操作指令，所述用户操作指令来自对应的操作指令发送区域，且不同的所述操作指令的内容来自不同的操作指令发送区域。其所述操作指令发送区域，包括与所述集成web可视化工作流平台集成的对应开发工具、服务器以及各种平台。在解析所述用户操作指令时，主要是为确认所述用户操作指令的指令内容，并以调用对应的所述nodejs功能模块执行所述用户操作指令的内容。所述用户操作指令的指令内容，包括有开发调试或打包构建功能。在确认所述用户操作指令的指令内容为开发调试功能时，调用所述nodejs原生的child_process子进程模块执行所述开发调试对象的对应命令行，监听数据流的标准输出，得到所述数据流；在确认所述用户操作指令的指令内容为打包构建时，以所述nodejs调用与所述用户操作指令的执行数据对应的云端服务，以执行所述打包构建功能。

步骤s30，将执行结果返回至所述渲染进程，以通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果。

根据所述nodejs功能模块执行的用户操作指令的执行结果，将所述执行结果返回至调用所述nodejs功能模块的渲染进程，以使所述渲染进程将所述执行结果传输至派生所述渲染进程的对应客户端窗体。以使所述客户端窗体加载所述执行结果，并显示。在实际应用中，所述客户端窗体在加载所述执行结果时，基于所述客户端窗体的功能，加载所述执行结果并显示。以实现所述执行结果的可视化。

进一步的，所述通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果的步骤，具体包括：

根据所述执行结果，更新所述客户端窗体的信息，以通过所述客户端窗体显示所述执行结果。

将所述执行结果的数据内容传输至派生所述渲染进程的所述客户端窗体。所述客户端窗体在接收到所述执行结果后，基于所述执行结果的内容，加载至所述客户端窗体的对应区域，并显示所述执行结果的数据内容。例如，所述执行结果为对应的开发调试的执行结果，加载所述开发调试的执行结果，显示调试的调试结果。

在本实施例中，通过预设主进程新建客户端窗体，并已所述客户端窗体派生渲染进程接收用户操作指令，解析所述用户操作指令后调用对应的nodejs功能模块执行所述用户操作指令的内容，并将执行结果返回至所述渲染进程继而传输至所述客户端窗体显示所述执行结果。通过统一平台实现用户操作指令的执行，实现了用户操作指令的一体化流程，提高了程序开发效率。

进一步的，参照图3，图3为本发明集成web可视化工作流方法的第三实施例流程示意图，基于图2所示的第一实施例，所述集成web可视化工作流方法，还包括：

步骤s40，基于客户端构建集成web开发平台，并在所述集成web开发平台中创建所述客户端主进程及所述预设nodejs功能模块；

基于客户端搭建集成web开发平台，所述客户端定义为现有的gui客户端，所述gui即图形用户界面(graphicaluserinterface，简称gui，又称图形用户接口)，是指采用图形方式显示的计算机操作用户界面。即所述集成web开发平台为一图形用户界面平台。所述集成web开发平台的技术选型基于electron+phoneui，所述electron使用chromium浏览器内核，应用所述chromium内核对前段开发人员非常友好，使得前端开发可以选用html+css+javascript的语言开发客户端应用。且所述electron可以调用nodejs，所述nodejs是一个javascript的运行环境，具备强大的原生模块和丰富的第三方模块可用于扩展。并选取mvvm模型的vue+router的单页应用(single-pageapplication)作为html+css+javascript的开发框架，并绑定view至viewmodel最后至model的数据双向绑定，实现业务与界面的双向依赖关系。

步骤s50，以所述预设nodejs功能模块，将功能模块对应的开发工具集成至所述集成web开发平台，并与所述预设nodejs功能模块建立连接。

基于客户端构建的集成web开发平台以及可调用的所述nodejs功能模块，将所述nodejs功能模块对应的开发工具集成至所述集成web开发平台，创建与所述预设nodejs功能模块的调用关系，以使所述nodejs功能模块调用对应的开发工具中，所述用户操作指令对应的执行数据行并执行。

本实施例中，通过构建集成web开发平台，并搭建相关的开发环境及服务器实现所述平台的应用，以使用户在应用时，通过nodejs功能模块调用相关的功能模块实现用户操作指令的执行并统一显示执行结果，使运行过程可视化及统一化，提高程序开发效率。

此外，本发明实施例还提出一种可读存储介质，所述可读存储介质上存储有集成web可视化工作流应用程序，所述集成web可视化工作流应用程序被处理器执行时实现如下操作：

基于新建的客户端窗体派生渲染进程；

以所述渲染进程接收用户操作指令，并调用预设nodejs功能模块执行所述用户操作指令；

将执行结果返回至所述渲染进程，以通过所述渲染进程将所述执行结果返回至所述客户端窗体显示所述执行结果。

进一步地，所述集成web可视化工作流应用程序被处理器执行时还实现如下操作：

调用预先创建的客户端主进程，用以新建所述客户端窗体。

进一步地，所述集成web可视化工作流应用程序被处理器执行时还实现如下操作：

解析所述用户操作指令，并调用与所述用户操作指令对应的所述nodejs功能模块，以执行所述用户操作指令。

进一步地，所述集成web可视化工作流应用程序被处理器执行时还实现如下操作：

根据所述执行结果，更新所述客户端窗体的信息，以通过所述客户端窗体显示所述执行结果。

进一步地，所述集成web可视化工作流应用程序被处理器执行时还实现如下操作：

基于客户端构建集成web开发平台，并在所述集成web开发平台中创建所述客户端主进程及所述预设nodejs功能模块；

以所述预设nodejs功能模块，将功能模块对应的开发工具集成至所述集成web开发平台，并与所述预设nodejs功能模块建立连接。

此外，本发明还提出一种集成web可视化工作流系统，所述集成web可视化工作流系统可参考图4，图4为本发明集成web可视化工作流系统的结构示意图，包括gui客户端平台，及集成到所述gui客户端平台的开发工具及服务器，其具体的实现过程，如上所述的集成web可视化工作流方法实现的实施例的内容。

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

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

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

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