【技术实现步骤摘要】
VUE页面与工作流系统的集成方法及装置
本专利技术涉及VUE前端框架
，更具体地说，涉及一种VUE页面与工作流系统的集成方法及装置。
技术介绍
随着前端技术的发展，VUE(Vue是一套用于构建用户界面的渐进式JavaScript框架)这种前端框架已经成为目前主流的技术框架之一，它有着开发效率高，运行效率高的优点，他的语法简介，易于学习。在nodeJS的加持下，它也采用了按需构建，开发与运行时分离；它有自己的解析引擎，这就导致它的运行环境相对封闭，它必须有一个独立的承载页面。而现有技术已有的基于工作流的业务系统往往比较老旧，要实现两者的集成就需要解决他们中间的通信一系列问题。
技术实现思路
本专利技术提供了一种VUE页面与工作流系统的集成方法及装置，能够解决现有技术中自动炒菜机一般为主料、配料、佐料全部一次性投入，没有先后次序，而且翻炒功能单调，难以满足客户日益增长的需求的问题。为解决上述问题，第一方面，本专利技术提供了一种VUE页面与工作流系统的集成方法，包括：配置运行环境，并建立独...
【技术保护点】
1.一种VUE页面与工作流系统的集成方法，其特征在于，包括：/n配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；/n定义通信接口以与已有工作流业务系统的数据进行交互；/n调用流程配置时接口；/n调用流程运行时接口。/n
【技术特征摘要】 【专利技术属性】
1.一种VUE页面与工作流系统的集成方法，其特征在于，包括：
配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；
定义通信接口以与已有工作流业务系统的数据进行交互；
调用流程配置时接口；
调用流程运行时接口。
2.根据权利要求1所述的集成方法，其特征在于，还包括：
配置VUE开发环境以将VUE的运行目录与VUE的URL重定向的虚拟目录所指向的物理路径一致。
3.根据权利要求1所述的集成方法，其特征在于，所述定义通信接口以与已有工作流业务系统的数据进行交互，包括：
加载页面以由工作流传入业务数据并调用预设方法进行VUE页面的数据绑定；
获取VUE表单的数据，根据流程节点状态设置VUE表单的读写状态以录入业务信息，并传入工作流的回调方法中及定义getMetaData接口、setReadOnly接口、loadData接口、validData接口、getData接口及submitData接口；
校验信息以验证VUE表单的客户端接口；
若校验信息通过则进行流程信息处理以获取VUE页面的业务数据字段，若校验信息不通过则重新录入业务信息；
进行业务信息处理以提交业务数据到服务端。
4.根据权利要求3所述的集成方法，其特征在于，所述调用流程配置时接口，包括：
获取VUE页面的数据字典以使工作流在运行时对业务数据的引用；其中，通过在流程配置时对VUE页面进行加载并调用所述getMetaData接口以解析出VUE页面的数据字典；
将所述VUE页面的数据字典传入回调函数中以使回调函数将获取到的数据字典显示出来。
5.根据权利要求3或4所述的集成方法，其特征在于，所述调用流程运行时接口，包括：
通过用户访问工作流系统以进行事务处理；
通过工作流系统调用VUE表单的loadData接口并传入部分业务数据展示给用户；
通过工作流系统依据流程状态调用setReadOnly接口，并判断当前显示的VUE表单是否设置为只读状态；
通过用户访问VUE表单以查看、编辑业务数据；
在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验；
通过工作流系统调用VUE表单的getData接口以获取业务数据；
在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理；
在工作流系统完成流程事务后，关闭页面，并销毁VUE表单。
6.一种VUE页面与工作流系统的集成装置，其特征在于，包括运行环境配置模块、接口定义模块、流程配置调用模块及流程运行调用模块：
所述运行环境配置模块，用于配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；
所述接口定义模块，用于定义通信接口以与已有工作流业务系统的数据进行交互；
所述流程配置调用模块，用于调用流程配置时接口；
所述流程运行调用模块，用于调用流程运行时接口。
技术研发人员：冯亮，
申请(专利权)人：深圳联友科技有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。