基于VUE的多系统集成方法、装置、设备及介质制造方法及图纸

本发明专利技术涉及系统集成技术领域，具体而言，涉及基于VUE的多系统集成方法、装置、设备及介质，该方法的步骤包括：步骤1：根据需集成的多业务系统，配置其运行环境，后端构建多业务系统对应的接口模块；步骤2：响应于业务数据的传输，拦截业务数据并生成菜单，作为多业务系统的唯一入口，以实现多业务系统的统一登录及菜单同用；本发明专利技术通过规范业务数据接口实现统一的登录、菜单生成及权限控制；通过组件封装的方式达到简化代码，减少维护成本，提高效率的目的；通过进行分层架构，采用模块化的开发方式，提升产品的可扩展性和业务承载能力。提升产品的可扩展性和业务承载能力。提升产品的可扩展性和业务承载能力。

【技术实现步骤摘要】
基于VUE的多系统集成方法、装置、设备及介质


[0001]本专利技术涉及系统集成
，具体而言，涉及基于VUE的多系统集成方法、装置、设备及介质。

技术介绍

[0002]随着行业发展，轨道交通智能运维方向逐渐诞生了监控类、供电调度类、生产运营类、PHM、大数据分析类等相关系统，因行业实际需求，面临着各个系统或系统功能之间的自由整合，在这个过程中存在以下技术问题需要解决：各系统投入生产的时间差距大，部分已投入应用多年，部分属于新产品研发，新老系统所用前端开发技术不一致，各类组件库及JS库框架版本不一致，无法项目级技术融合；鉴权方式不同，有session认证也有token认证，无法统一登录；菜单权限实现方式不同，有页面级定义，也有接口参数定义(不同系统接口数据格式也不同)，无法菜单同用。基于此，针对上述问题，我们设计了基于VUE的多系统集成方法、装置、设备及介质。

技术实现思路

[0003]本专利技术的目的在于提供基于VUE的多系统集成方法、装置、设备及介质，其通过规范业务数据接口实现统一的登录、菜单生成及权限控制；通过组件封装的方式达到简化代码，减少维护成本，提高效率的目的；通过进行分层架构，采用模块化的开发方式，提升产品的可扩展性和业务承载能力。
[0004]本专利技术的实施例通过以下技术方案实现：
[0005]基于VUE的多系统集成方法，其特征在于，该方法的步骤包括：
[0006]步骤1：根据需集成的多业务系统，配置其运行环境，后端构建多业务系统对应的接口模块；
[0007]步骤2：响应于业务数据的传输，拦截业务数据并生成菜单，作为多业务系统的唯一入口，以实现多业务系统的统一登录及菜单同用。
[0008]可选的，所述步骤1中，构建系统对应的接口模块，具体还包括以下内容：
[0009]基于node js为蓝本环境创建集成整合平台作为运行环境；
[0010]针对多业务系统，获取多业务系统对应的多个功能接口地址；
[0011]集成多个功能接口地址，作为多业务系统的接口模块。
[0012]可选的，所述集成整合平台的运行环境在部署合约中定义。
[0013]可选的，所述部署合约包括商定部署流程和自制订工具，所述商定部署流程用于封装原生代码，所述自制订工具用于对原生代码进行整合、编译和包装。
[0014]基于VUE的多系统集成装置，包含上述任一项所述的基于VUE的多系统集成方法，包括以下内容：
[0015]业务数据传输模块：用于用户向业务系统传输业务数据；
[0016]用户管理模块：用于对用户的管理；
[0017]多业务系统管理模块：用于对用户进行权限管理、以及对业务数据的规范管理。
[0018]可选的，还包括部署模块、视感管理模块、通信模块；
[0019]所述部署模块用于部署封装原生代码以及导视信息；
[0020]所述视感管理模块用于为多业务系统管理模块增加域概念，对业务系统进行作用范围划分。
[0021]可选的，所述导视信息包括侧边栏信息、快捷导航栏信息。
[0022]可选的，所述视感管理模块基于E l ement
‑
U I组件库进行U I风格设计。
[0023]一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述任一项所述的基于VUE的多系统集成方法的步骤。
[0024]一种电子设备，包括存储器，以及一个或者一个以上的程序，其中一个或者一个以上的程序存储于存储器中，且经配置以由一个或者一个以上的处理器执行所述一个或者一个以上的程序所包含的用于进行如上述任一项所述的基于VUE的多系统集成方法的操作指令。
[0025]本专利技术实施例的技术方案至少具有如下优点和有益效果：
[0026]本实施例通过规范业务数据接口实现统一的登录、菜单生成及权限控制；通过组件封装的方式达到简化代码，减少维护成本，提高效率的目的；通过进行分层架构，采用模块化的开发方式，提升产品的可扩展性和业务承载能力。
附图说明
[0027]图1为本专利技术实施例提供基于VUE的多系统集成方法的整体流程示意图；
[0028]图2为本专利技术实施例提供基于VUE的多系统集成方法中步骤1的详细流程示意图。
具体实施方式
[0029]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。
[0030]参照图1所示，图1为本专利技术实施例提供基于VUE的多系统集成方法的整体流程示意图。
[0031]在一种实施方式中，基于VUE的多系统集成方法，包括以下步骤：
[0032]步骤1：根据需集成的多业务系统，配置其运行环境，后端构建多业务系统对应的接口模块；
[0033]步骤2：响应于业务数据的传输，拦截业务数据并生成菜单，作为多业务系统的唯一入口，以实现多业务系统的统一登录及菜单同用。
[0034]在上述实现过程中，前端根据流程节点状态设置VUE表单的读写状态以录入业务信息，并传入工作流的回调方法中及定义getMetaData接口、setReadOn l y接口、l oadData接口、va l i dData接口、getData接口及submitData接口，规范AP I方法实现统一的登录、菜单生成及权限控制；确定接口模板中与相应接口关联的接口字段，该接口字段用于表示所述接口的相关信息。
[0035]参照图2所示，图2为本专利技术实施例提供基于VUE的多系统集成方法中步骤1的详细流程示意图。
[0036]在一种实施方式中，所述步骤1中，构建系统对应的接口模块，具体还包括以下内容：
[0037]步骤11：基于node js为蓝本环境创建集成整合平台作为运行环境；
[0038]步骤12：针对多业务系统，获取多业务系统对应的多个功能接口地址；
[0039]步骤13：集成多个功能接口地址，作为多业务系统的接口模块。
[0040]在上述实现过程中，基于node js为蓝本环境创建集成整合平台作为运行环境时，集成了vue全家桶、scss预处理器、c l i工具、scheme规范、npm组件库包为基础底座进行开发业务，npm组件库包包括通用的组件库，组件库中存储有供用户选取并自由组合使用的各种组件；配合egg
‑
mysq l插件连接Mysq l关系型数据库完成了业务数据处理的服务。
[0041]更为具体的，所述步骤11中集成整合平台的运行环境在部署合约中定义。
[0042]在一种实施方式中，所述部署合约包括商定部署流程和自制订工具，所述商定部署流程用于封装原生代码，所述自制订工具用于对原生代码进行整合、编译和包装。
[0043]在本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.基于VUE的多系统集成方法，其特征在于，该方法的步骤包括：步骤1：根据需集成的多业务系统，配置其运行环境，后端构建多业务系统对应的接口模块；步骤2：响应于业务数据的传输，拦截业务数据并生成菜单，作为多业务系统的唯一入口，以实现多业务系统的统一登录及菜单同用。2.根据权利要求1所述的基于VUE的多系统集成方法，其特征在于，所述步骤1中，构建系统对应的接口模块，具体还包括以下内容：基于node js为蓝本环境创建集成整合平台作为运行环境；针对多业务系统，获取多业务系统对应的多个功能接口地址；集成多个功能接口地址，作为多业务系统的接口模块。3.根据权利要求2所述的基于VUE的多系统集成方法，其特征在于，所述集成整合平台的运行环境在部署合约中定义。4.根据权利要求2所述的基于VUE的多系统集成方法，其特征在于，所述部署合约包括商定部署流程和自制订工具，所述商定部署流程用于封装原生代码，所述自制订工具用于对原生代码进行整合、编译和包装。5.基于VUE的多系统集成装置，其特征在于，包含权利要求1
‑
4任一项所述的基于VUE的多系统集成方法，包括以下内容：业务数据传输模块：用于用户向业务系统传输业务数据；用户管理模块：用于对...

【专利技术属性】
技术研发人员：王京兵，陈瑞森，张勤，尹伟，杨昊，
申请(专利权)人：成都交大光芒科技股份有限公司，
类型：发明
国别省市：