CN111309307B - Vue页面与工作流系统的集成方法及装置 - Google Patents
Vue页面与工作流系统的集成方法及装置 Download PDFInfo
- Publication number
- CN111309307B CN111309307B CN202010119643.3A CN202010119643A CN111309307B CN 111309307 B CN111309307 B CN 111309307B CN 202010119643 A CN202010119643 A CN 202010119643A CN 111309307 B CN111309307 B CN 111309307B
- Authority
- CN
- China
- Prior art keywords
- vue
- interface
- calling
- submodule
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
- G06F9/4482—Procedural
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/466—Transaction processing
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Human Computer Interaction (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本发明公开了一种VUE页面与工作流系统的集成方法及装置，集成方法包括：配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；定义通信接口以与已有工作流业务系统的数据进行交互；调用流程配置时接口；调用流程运行时接口。本发明基于工作流系统集成VUE页面并实现通信。
Description
技术领域
本发明涉及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表单以查看、编辑业务数据；
在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验；
通过工作流系统调用VUE表单的getData接口以获取业务数据；
在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理；
在工作流系统完成流程事务后，关闭页面，并销毁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表单以查看、编辑业务数据；
所述第三接口调用子模块，用于在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验；
所述第四接口调用子模块，用于通过工作流系统调用VUE表单的getData接口以获取业务数据；
所述第五接口调用子模块，用于在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理；
所述销毁子模块，用于在工作流系统完成流程事务后，关闭页面，并销毁VUE表单。
为解决上述问题，第三方面，本发明提供一种计算机可读存储介质，所述存储介质中存储有多条指令，所述指令适于由处理器加载以执行如上任一项所述的集成方法。
本发明的有益效果是：
基于工作流系统集成VUE页面并实现通信。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明提供的一种VUE页面与工作流系统的集成方法的一实施例流程示意图；
图2是本发明提供的定义通信接口以与已有工作流业务系统的数据进行交互的流程示意图；
图3是本发明提供的调用流程运行时接口的流程示意图；
图4是本发明提供的控制系统的结构示意图；
图5是本发明提供的控制系统的另一结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
在本发明的描述中，需要理解的是，术语“中心”、“纵向”、“横向”、“长度”、“宽度”、“厚度”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。
在本发明中，“示例性”一词用来表示“用作例子、例证或说明”。本发明中被描述为“示例性”的任何实施例不一定被解释为比其它实施例更优选或更具优势。为了使本领域任何技术人员能够实现和使用本发明，给出了以下描述。在以下描述中，为了解释的目的而列出了细节。应当明白的是，本领域普通技术人员可以认识到，在不使用这些特定细节的情况下也可以实现本发明。在其它实例中，不会对公知的结构和过程进行详细阐述，以避免不必要的细节使本发明的描述变得晦涩。因此，本发明并非旨在限于所示的实施例，而是与符合本发明所公开的原理和特征的最广范围相一致。
本发明提供一种VUE页面与工作流系统的集成方法及装置，所述集成方法包括配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；定义通信接口以与已有工作流业务系统的数据进行交互；调用流程配置时接口；调用流程运行时接口。以下分别进行详细说明。
请参阅图1，图1是本发明提供的一种VUE页面与工作流系统的集成方法的一实施例流程示意图。该集成方法包括步骤S1-S4：
S1、配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向。
本实施例中，VUE有一个相对封闭的运行环境，它必须有自己的主页面，因此需要建立一个独立的目录来运行VUE页面，具体目录结构和Web服务器(iis为例)配置包括：
业务系统运行时目录：此目录为web站点的主目录；
VUE运行时目录：此目录为虚拟目录，指向VUE的运行时目录，为了解决VUE的URL重定向问题，此目录的web.config中必须添加url重定向配置项，
S2、定义通信接口以与已有工作流业务系统的数据进行交互；参见图2，图2是本发明提供的定义通信接口以与已有工作流业务系统的数据进行交互的流程示意图，步骤S2包括步骤S21-S25：
S21、加载页面以由工作流传入业务数据并调用预设方法进行VUE页面的数据绑定。
本实施例中，为了实现与已有工作流业务系统的数据交互，需要根据工作流运行时的生命周期定义相应的接口。
S22、获取VUE表单的数据，根据流程节点状态设置VUE表单的读写状态以录入业务信息，并传入工作流的回调方法中及定义getMetaData接口、setReadOnly接口、loadData接口、validData接口、getData接口及submitData接口。
本实施例中，所定义的接口含义如下：
pageInfo:业务数据字段；
loadData:页面加载时执行，由工作流传入业务数据并调用此方法进行VUE页面的数据绑定。
getData：获取VUE表单的数据，并传入工作流的回调方法中。
setReadOnly：设置VUE表单的读写状态，工作流根据流程节点状态设置VUE表单的读写状态。
validData:VUE表单的客户端验证接口，工作流页面提交数据到服务端之前触发。
submitData:提交业务数据到服务端，工作流在执行完流程处理任务后执行该接口。
getMetaData:获取VUE页面的业务数据字段，流程配置时触发。
_destroy:销毁接口，关闭页面时执行，销毁当前页的所有VUE组件。
S23、校验信息以验证VUE表单的客户端接口。
S24、若校验信息通过则进行流程信息处理以获取VUE页面的业务数据字段，若校验信息不通过则重新录入业务信息。
S25、进行业务信息处理以提交业务数据到服务端。
S3、调用流程配置时接口；步骤S3包括步骤S31-S32：
S31、获取VUE页面的数据字典以使工作流在运行时对业务数据的引用；其中，通过在流程配置时对VUE页面进行加载并调用所述getMetaData接口以解析出VUE页面的数据字典。
本实施例中，流程配置时需要获取VUE页面的业务数据字典，以方便工作流在运行时对业务数据的引用；因此在流程配置时需要对VUE页面进行加载并调用上一步骤S22中定义的getMetaData接口解析出页面的数据字典。详细代码如下：
S32、将所述VUE页面的数据字典传入回调函数中以使回调函数将获取到的数据字典显示出来。
本实施例中，利用iframe引用vue页面，并在iframe的load事件中调用getMetaData方法，获取VUE表单的数据字典，并将其传入回调函数中。回调函数会进一步将获取到的数据字典显示出来。
S4、调用流程运行时接口。参见图3，图3是本发明提供的调用流程运行时接口的流程示意图，步骤S4包括步骤S41-S48：
S41、通过用户访问工作流系统以进行事务处理。
本实施例中，用户访问工作流系统进行事务处理。后续同样使用iframe加载出vue表单，再调用vue表单封装的接口。
S42、通过工作流系统调用VUE表单的loadData接口并传入部分业务数据展示给用户。
本实施例中，工作流系统调用VUE表单的loadData并传入部分业务数据展示给用户。
S43、通过工作流系统依据流程状态调用setReadOnly接口，并判断当前显示的VUE表单是否设置为只读状态。
本实施例中，工作流系统通过流程状态判断并调用setReadOnly接口设置当前显示的VUE表单是否设置为只读状态。
S44、通过用户访问VUE表单以查看、编辑业务数据。
本实施例中，用户访问VUE表单查看、编辑业务数据。
S45、在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验。
本实施例中，工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验。
S46、通过工作流系统调用VUE表单的getData接口以获取业务数据。
本实施例中，工作流系统调用VUE表单的getData接口获取业务数据。
S47、在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理。
本实施例中，工作流系统完成流程事务后调用VUE表单的submitData接口完成表单自身的业务数据处理。
S48、在工作流系统完成流程事务后，关闭页面，并销毁VUE表单。
本实施例中，工作流系统完成流程事务后关闭页面，并销毁VUE表单。
优选的，该集成方法还包括步骤S5：
S5、配置VUE开发环境以将VUE的运行目录与VUE的URL重定向的虚拟目录所指向的物理路径一致。
本实施例中，VUE的运行目录，默认是指向的VUE工程的子目录dist文件夹。此方案中，VUE的运行目录必须与步骤S1中的vue-dist虚拟目录所指向的物理路径保持一致。因此在开发过程中可以根据实际情况对VUE的运行目录进行更改。
区别于现有技术，本发明提供的一种VUE页面与工作流系统的集成方法具有以下效果：解决了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表单以查看、编辑业务数据；
所述第三接口调用子模块，用于在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验；
所述第四接口调用子模块，用于通过工作流系统调用VUE表单的getData接口以获取业务数据；
所述第五接口调用子模块，用于在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理；
所述销毁子模块，用于在工作流系统完成流程事务后，关闭页面，并销毁VUE表单。
请参阅图4，图4为本发明实施例提供的控制系统的结构示意图。该控制系统设置在PC、服务器或手机终端中实现上述集成方法，如图4所示，控制系统400包括处理器401、存储器402。其中，处理器401与存储器402电性连接。
处理器401是控制系统400的控制中心，利用各种接口和线路连接整个移动终端的各个部分，通过运行或加载存储在存储器402内的应用程序，以及调用存储在存储器402内的数据，执行移动终端的各种功能和处理数据，从而对移动终端进行整体监控。
在本实施例中，控制系统400中的处理器401会按照如下的步骤，将一个或一个以上的应用程序的进程对应的指令加载到存储器402中，并由处理器401来运行存储在存储器402中的应用程序，从而实现各种功能：
配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；
定义通信接口以与已有工作流业务系统的数据进行交互；
调用流程配置时接口；
调用流程运行时接口。
参阅图5，图5为本发明实施例提供的控制系统的另一结构示意图。图5示出了本发明实施例提供的控制系统的具体结构框图，该控制系统300可以用于实施上述实施例中提供的集成方法。
RF电路310用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。RF电路310可包括各种现有的用于执行这些功能的电路元件，例如，天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。RF电路310可与各种网络如互联网、企业内部网、无线网络进行通讯或者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术，包括但并不限于全球移动通信系统(Global System for Mobile Communication,GSM)、增强型移动通信技术(EnhancedDataGSM Environment,EDGE)，宽带码分多址技术(Wideband Code DivisionMultipleAccess,WCDMA)，码分多址技术(Code Division Access,CDMA)、时分多址技术(TimeDivision Multiple Access,TDMA)，无线保真技术(Wireless Fidelity，Wi-Fi)(如美国电气和电子工程师协会标准IEEE802.11a，IEEE 802.11b,IEEE802.11g和/或IEEE802.11n)、网络电话(Voice over Internet Protocol,VoIP)、全球微波互联接入(WorldwideInteroperability for Microwave Access，Wi-Max)、其他用于邮件、即时通讯及短消息的协议，以及任何其他合适的通讯协议，甚至可包括那些当前仍未被开发出来的协议。
存储器320可用于存储软件程序以及模块，如上述实施例中集成方法和终端定位装置对应的程序指令/模块，处理器380通过运行存储在存储器320内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现终端定位的功能。存储器320可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器320可进一步包括相对于处理器380远程设置的存储器，这些远程存储器可以通过网络连接至控制系统300。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入单元330可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元330可包括触敏表面331以及其他输入设备332。触敏表面331，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面331上或在触敏表面331附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面331可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器380，并能接收处理器380发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面331。除了触敏表面331，输入单元330还可以包括其他输入设备332。具体地，其他输入设备332可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元340可用于显示由用户输入的信息或提供给用户的信息以及控制系统300的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元340可包括显示面板341，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板341。进一步的，触敏表面331可覆盖显示面板341，当触敏表面331检测到在其上或附近的触摸操作后，传送给处理器380以确定触摸事件的类型，随后处理器380根据触摸事件的类型在显示面板341上提供相应的视觉输出。虽然在图5中，触敏表面331与显示面板341是作为两个独立的部件来实现输入和输出功能，但是在某些实施例中，可以将触敏表面331与显示面板341集成而实现输入和输出功能。
控制系统300包括至少一种传感器350，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板341的亮度，接近传感器可在控制系统300移动到耳边时，关闭显示面板341和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于控制系统300还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
音频电路360、扬声器361，传声器362可提供用户与控制系统300之间的音频接口。音频电路360可将接收到的音频数据转换后的电信号，传输到扬声器361，由扬声器361转换为声音信号输出；另一方面，传声器362将收集的声音信号转换为电信号，由音频电路360接收后转换为音频数据，再将音频数据输出处理器380处理后，经RF电路310以发送给比如另一终端，或者将音频数据输出至存储器320以便进一步处理。音频电路360还可能包括耳塞插孔，以提供外设耳机与控制系统300的通信。
控制系统300通过传输模块370(例如Wi-Fi模块)可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图5示出了传输模块370，但是可以理解的是，其并不属于控制系统300的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。
处理器380是控制系统300的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器320内的软件程序和/或模块，以及调用存储在存储器320内的数据，执行控制系统300的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器380可包括一个或多个处理核心；在一些实施例中，处理器380可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器380中。
控制系统300包括给各个部件供电的电源390(比如电池)，在一些实施例中，电源可以通过电源管理系统与处理器380逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源390还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出，控制系统300还可以包括摄像头(如前置摄像头、后置摄像头)、蓝牙模块等，在此不再赘述。具体在本实施例中，移动终端的显示单元是触摸屏显示器，移动终端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行一个或者一个以上程序包含用于进行以下操作的指令：
配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；
定义通信接口以与已有工作流业务系统的数据进行交互；
调用流程配置时接口；
调用流程运行时接口。
具体实施时，以上各个模块和单元可以作为独立的实体来实现，也可以进行任意组合，作为同一或若干个实体来实现，以上各个模块和单元的具体实施可参见前面的方法实施例，在此不再赘述。
本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。为此，本发明实施例提供一种存储介质，其中存储有多条指令，该指令能够被处理器进行加载，以执行本发明实施例所提供的任一种集成方法中的步骤。
其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。
由于该存储介质中所存储的指令，可以执行本发明实施例所提供的任一种集成方法中的步骤，因此，可以实现本发明实施例所提供的任一种集成方法所能实现的有益效果，详见前面的实施例，在此不再赘述。
以上各个操作的具体实施可参见前面的实施例，在此不再赘述。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
Claims (6)
1.一种VUE页面与工作流系统的集成方法，其特征在于，包括：
配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；
定义通信接口以与已有工作流业务系统的数据进行交互；
调用流程配置时接口；
调用流程运行时接口；
配置VUE开发环境以将VUE的运行目录与VUE的URL重定向的虚拟目录所指向的物理路径一致；
包括：
加载页面以由工作流传入业务数据并调用预设方法进行VUE页面的数据绑定；
获取VUE表单的数据，根据流程节点状态设置VUE表单的读写状态以录入业务信息，并传入工作流的回调方法中及定义getMetaData接口、setReadOnly接口、loadData接口、validData接口、getData接口及submitData接口；
校验信息以验证VUE表单的客户端接口；
若校验信息通过则进行流程信息处理以获取VUE页面的业务数据字段，若校验信息不通过则重新录入业务信息；
进行业务信息处理以提交业务数据到服务端。
2.根据权利要求1所述的集成方法，其特征在于，所述调用流程配置时接口，包括：
获取VUE页面的数据字典以使工作流在运行时对业务数据的引用；其中，通过在流程配置时对VUE页面进行加载并调用所述getMetaData接口以解析出VUE页面的数据字典；
将所述VUE页面的数据字典传入回调函数中以使回调函数将获取到的数据字典显示出来。
3.根据权利要求2所述的集成方法，其特征在于，所述调用流程运行时接口，包括：
通过用户访问工作流系统以进行事务处理；
通过工作流系统调用VUE表单的loadData接口并传入部分业务数据展示给用户；
通过工作流系统依据流程状态调用setReadOnly接口，并判断当前显示的VUE表单是否设置为只读状态；
通过用户访问VUE表单以查看、编辑业务数据；
在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验；
通过工作流系统调用VUE表单的getData接口以获取业务数据；
在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理；
在工作流系统完成流程事务后，关闭页面，并销毁VUE表单。
4.一种VUE页面与工作流系统的集成装置，其特征在于，包括运行环境配置模块、接口定义模块、流程配置调用模块及流程运行调用模块：
所述运行环境配置模块，用于配置运行环境，并建立独立目录来运行VUE页面以对VUE的URL重定向；
所述接口定义模块，用于定义通信接口以与已有工作流业务系统的数据进行交互；
所述流程配置调用模块，用于调用流程配置时接口；
所述流程运行调用模块，用于调用流程运行时接口；
还包括开发环境配置模块：
所述开发环境配置模块，用于配置VUE开发环境以将VUE的运行目录与VUE的URL重定向的虚拟目录所指向的物理路径一致；
所接口定义模块包括页面加载子模块、单表获取子模块、信息校验子模块、字段模块子模块及信息处理子模块：
所述页面加载子模块，用于加载页面以由工作流传入业务数据并调用预设方法进行VUE页面的数据绑定；
所述单表获取子模块，用于获取VUE表单的数据，根据流程节点状态设置VUE表单的读写状态以录入业务信息，并传入工作流的回调方法中及定义getMetaData接口、setReadOnly接口、loadData接口、validData接口、getData接口及submitData接口；
所述信息校验子模块，用于校验信息以验证VUE表单的客户端接口；
所述字段模块子模块，用于若校验信息通过则进行流程信息处理以获取VUE页面的业务数据字段，若校验信息不通过则重新录入业务信息；
所述信息处理子模块，用于进行业务信息处理以提交业务数据到服务端。
5.根据权利要求4所述的集成装置，其特征在于，所述流程配置调用模块包括数据字典获取子模块及函数传入子模块：
所述数据字典获取子模块，用于获取VUE页面的数据字典以使工作流在运行时对业务数据的引用；其中，通过在流程配置时对VUE页面进行加载并调用所述getMetaData接口以解析出VUE页面的数据字典；
所述函数传入子模块，用于将所述VUE页面的数据字典传入回调函数中以使回调函数将获取到的数据字典显示出来；
所述流程运行调用模块包括系统访问子模块、第一接口调用子模块、第二接口调用子模块、单表访问子模块、第三接口调用子模块、第四接口调用子模块、第五接口调用子模块及销毁子模块：
所述系统访问子模块，用于通过用户访问工作流系统以进行事务处理；
所述第一接口调用子模块，用于通过工作流系统调用VUE表单的loadData接口并传入部分业务数据展示给用户；
所述第二接口调用子模块，用于通过工作流系统依据流程状态调用setReadOnly接口，并判断当前显示的VUE表单是否设置为只读状态；
所述单表访问子模块，用于通过用户访问VUE表单以查看、编辑业务数据；
所述第三接口调用子模块，用于在工作流系统在提交事务之前，调用VUE表单的validData接口进行数据校验；
所述第四接口调用子模块，用于通过工作流系统调用VUE表单的getData接口以获取业务数据；
所述第五接口调用子模块，用于在工作流系统完成流程事务后，调用VUE表单的submitData接口以完成表单自身的业务数据处理；
所述销毁子模块，用于在工作流系统完成流程事务后，关闭页面，并销毁VUE表单。
6.一种计算机可读存储介质，其特征在于，所述存储介质中存储有多条指令，所述指令适于由处理器加载以执行权利要求1至3任一项所述的集成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010119643.3A CN111309307B (zh) | 2020-02-25 | 2020-02-25 | Vue页面与工作流系统的集成方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010119643.3A CN111309307B (zh) | 2020-02-25 | 2020-02-25 | Vue页面与工作流系统的集成方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111309307A CN111309307A (zh) | 2020-06-19 |
| CN111309307B true CN111309307B (zh) | 2023-04-07 |
Family
ID=71149277
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010119643.3A Active CN111309307B (zh) | 2020-02-25 | 2020-02-25 | Vue页面与工作流系统的集成方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111309307B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112667278B (zh) * | 2020-12-25 | 2024-01-12 | 众阳健康科技集团有限公司 | 一种医院医保接口配置方法及系统 |
| CN112835889B (zh) * | 2021-01-12 | 2023-12-29 | 杨飞 | 一种异构系统数据集成方法、系统及设备 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012100158A1 (en) * | 2011-01-21 | 2012-07-26 | Hsbc Technologies Inc. | Account opening flow configuration computer system and process for implementing same |
| CN104216694A (zh) * | 2013-06-04 | 2014-12-17 | 广州中国科学院软件应用技术研究所 | 一种业务表单页面与工作流页面的融合方法及系统 |
| CN109582909A (zh) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技（上海）有限公司 | 网页自动生成方法、装置、电子设备和存储介质 |
| CN109597617A (zh) * | 2019-01-25 | 2019-04-09 | 北京字节跳动网络技术有限公司 | 基于模板快速生成业务页面的方法和装置 |
-
2020
- 2020-02-25 CN CN202010119643.3A patent/CN111309307B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012100158A1 (en) * | 2011-01-21 | 2012-07-26 | Hsbc Technologies Inc. | Account opening flow configuration computer system and process for implementing same |
| CN104216694A (zh) * | 2013-06-04 | 2014-12-17 | 广州中国科学院软件应用技术研究所 | 一种业务表单页面与工作流页面的融合方法及系统 |
| CN109582909A (zh) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技（上海）有限公司 | 网页自动生成方法、装置、电子设备和存储介质 |
| CN109597617A (zh) * | 2019-01-25 | 2019-04-09 | 北京字节跳动网络技术有限公司 | 基于模板快速生成业务页面的方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111309307A (zh) | 2020-06-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10853437B2 (en) | Method and apparatus for invoking application programming interface | |
| US10956280B2 (en) | Data backup method, electronic device, and storage medium | |
| US10304461B2 (en) | Remote electronic service requesting and processing method, server, and terminal | |
| US10109079B2 (en) | Method and apparatus for processing tab in graphical interface | |
| US10489844B2 (en) | Method, apparatus, and system for processing services | |
| CN108039963B (zh) | 一种容器配置方法、装置及存储介质 | |
| CN105975190B (zh) | 一种图形界面的处理方法、装置及系统 | |
| US20150128033A1 (en) | Method and apparatus for webpage browsing | |
| US20180322101A1 (en) | Method and apparatus for displaying page and a computer storage medium | |
| US20150153921A1 (en) | Apparatuses and methods for inputting a uniform resource locator | |
| CN108270757B (zh) | 一种用户账户切换方法、装置、客户端以及系统 | |
| CN111309307B (zh) | Vue页面与工作流系统的集成方法及装置 | |
| KR20200090260A (ko) | 서비스 처리 방법 및 이동 통신 단말 | |
| CN112749074B (zh) | 一种测试用例推荐方法以及装置 | |
| CN112415367A (zh) | 驱动芯片异常侦测方法、装置、电子设备及可读存储介质 | |
| CN111464328A (zh) | 可配置监控项的云监控流程控制方法及装置 | |
| CN111615101B (zh) | Ims注册方法、装置、存储介质及电子终端 | |
| CN104283839B (zh) | 一种获取Cookie的方法和装置 | |
| CN108259187B (zh) | 计费网络的监控方法及装置 | |
| CN105656957B (zh) | 应用内下载第三方应用的方法、装置及系统 | |
| CN111010477B (zh) | 音频信号调用方法及其系统、存储介质及终端设备 | |
| CN111026486B (zh) | 应用排序方法、应用排序装置及计算机可读存储介质 | |
| CN114095585B (zh) | 数据传输方法、装置、存储介质及电子设备 | |
| CN111182141B (zh) | 一种获取终端装置状态的方法、装置及存储介质 | |
| CN111031588B (zh) | 网络搜索方法、装置、终端设备和存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |