[发明专利]多系统集成部署并保持界面统一的前端部署系统及方法

权利要求书

1.一种多系统集成部署并保持界面统一的前端部署系统,其特征在于：包括底层前端框架和开源库模块、产品公共组件模块、定制化页面模块、产品系统模块、系统管理模块、主题模块和交付项目模块；

其中所述的底层前端框架模块和开源库模块构成前端部署的基础结构；

所述的产品公共组件模块包括若干产品公共组件；

所述的定制页面模块包括若干项目页面，通过定制页面模块规范出若干所述的产品系统模块；

所述的系统管理模块负责用户的登录及相关功能；

所述的主题模块负责定义样式变量以及定制样式；

交付项目模块负责最终实现多系统集成部署并保持界面统一的前端部署。

2.根据权利要求1所述的一种多系统集成部署并保持界面统一的前端部署系统,其特征在于：所述的底层前段框架模块以前端框架vue为核心，包括板卡路由管理、数据状态管理、ui框架构建、图表生成、二维地图建立和三维地图建立功能；

所述的底层前端框架和开源库模块进行二次开发封装得到统一ui规范、统一交互规范、公共函数库和基础组件。

3.根据权利要求2所述的一种多系统集成部署并保持界面统一的前端部署系统,其特征在于：所述的交付项目模块为所述的定制化页面模块，产品系统模块，系统管理模块和主题模块提供最终整合，并使用户在操作系统过程中随时查看模块呈现内容。

4.根据权利要求3所述的一种多系统集成部署并保持界面统一的前端部署系统,其特征在于：所述的产品系统模块包括数据状态管理，路由页面判断和构建参数定制化功能。

5.根据权利要求3所述的一种多系统集成部署并保持界面统一的前端部署系统,其特征在于：所述的系统管理模块的相关功能包括提示用户信息，菜单、按钮、数据权限控制，以及用户、角色、菜单和日志管理。

6.根据权利要求3所述的一种多系统集成部署并保持界面统一的前端部署系统,其特征在于：所述的主题模块包括样式变量less和js变量定义、ui框架主题定义、地图样式定义以及项目定制样式定义功能。

7.一种多系统集成部署并保持界面统一的前端部署方法，是根据权利要求1-6中任一一项所述的系统为基础实现的,其特征在于：具体的方法步骤如下：

步骤一，利用所述的底层前端框架和开源库模块、所述的产品公共组件模块进行前端部署的主体变量定义；

步骤二，将步骤一得到的主题变量通过所述的定制化页面模块进行编译样式；

步骤三，激活所述的系统管理模块，用户同时接入系统管理；

步骤四，通过所述的产品系统模块确定各个界面的数据状态，实施产品系统集成部署；

步骤五，利用所述的主题模块进行界面的最终确认，并完成集成部署并保持界面统一的前端部署过程。

8.根据权利要求7所述的一种多系统集成部署并保持界面统一的前端部署方法,其特征在于：在步骤三中，所述的用户接入系统管理过程细化为：

步骤三一，执行系统管理引入，将系统管理放在单独的代码仓库中；

步骤三二，执行系统管理路由注册，将系统管理相关路由通过路由配置注册；

步骤三三，针对用户将系统管理状态注册。

9.根据权利要求7所述的一种多系统集成部署并保持界面统一的前端部署方法,其特征在于：在步骤四中，所述的产品系统模块确定各个界面的数据状态及部署过程细化为：

步骤四一，进入系统配置产品系统信息；

步骤四二，根据路由前缀判断是否进入产品系统；

步骤四三，判断targetApp函数若不为空，则表示属于产品系统，执行加载产品的脚本挂载产品路由和注册产品状态数据；反之则加载产品项目脚本挂载产品路由和注册状态数据，完成并提示进入系统成功。