[发明专利]VUE页面与工作流系统的集成方法及装置

说明书

本发明公开了一种VUE页面与工作流系统的集成方法及装置，集成方法包括：配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；定义通信接口以与已有工作流业务系统的数据进行交互；调用流程配置时接口；调用流程运行时接口。本发明基于工作流系统集成VUE页面并实现通信。

技术领域

本发明涉及VUE前端框架技术领域，更具体地说，涉及一种VUE页面与工作流系统的集成方法及装置。

背景技术

随着前端技术的发展，VUE(Vue是一套用于构建用户界面的渐进式JavaScript框架)这种前端框架已经成为目前主流的技术框架之一，它有着开发效率高，运行效率高的优点，他的语法简介，易于学习。在node JS的加持下，它也采用了按需构建，开发与运行时分离；它有自己的解析引擎，这就导致它的运行环境相对封闭，它必须有一个独立的承载页面。而现有技术已有的基于工作流的业务系统往往比较老旧，要实现两者的集成就需要解决他们中间的通信一系列问题。

发明内容

本发明提供了一种VUE页面与工作流系统的集成方法及装置，能够解决现有技术中自动炒菜机一般为主料、配料、佐料全部一次性投入，没有先后次序，而且翻炒功能单调，难以满足客户日益增长的需求的问题。

为解决上述问题，第一方面，本发明提供了一种VUE页面与工作流系统的集成方法，包括：

配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；

定义通信接口以与已有工作流业务系统的数据进行交互；

调用流程配置时接口；

调用流程运行时接口。

在本发明所述的集成方法中，还包括：

配置VUE开发环境以将VUE的运行目录与VUE的URL重定向的虚拟目录所指向的物理路径一致。

在本发明所述的集成方法中，所述定义通信接口以与已有工作流业务系统的数据进行交互，包括：

加载页面以由工作流传入业务数据并调用预设方法进行VUE页面的数据绑定；

获取VUE表单的数据，根据流程节点状态设置VUE表单的读写状态以录入业务信息，并传入工作流的回调方法中及定义getMetaData接口、setReadOnly接口、loadData接口、validData接口、getData接口及submitData接口；

校验信息以验证VUE表单的客户端接口；

若校验信息通过则进行流程信息处理以获取VUE页面的业务数据字段，若校验信息不通过则重新录入业务信息；

进行业务信息处理以提交业务数据到服务端。

在本发明所述的集成方法中，所述调用流程配置时接口，包括：

获取VUE页面的数据字典以使工作流在运行时对业务数据的引用；其中，通过在流程配置时对VUE页面进行加载并调用所述getMetaData接口以解析出VUE页面的数据字典；

将所述VUE页面的数据字典传入回调函数中以使回调函数将获取到的数据字典显示出来。

在本发明所述的集成方法中，所述调用流程运行时接口，包括：

通过用户访问工作流系统以进行事务处理；

通过工作流系统调用VUE表单的loadData接口并传入部分业务数据展示给用户；

通过工作流系统依据流程状态调用setReadOnly接口，并判断当前显示的VUE表单是否设置为只读状态；

通过用户访问VUE表单以查看、编辑业务数据；