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

说明书

本发明是一种多系统集成部署并保持界面统一的前端部署系统及方法，属于计算机前端应用领域；为了解决子系统缺少统一的技术底盘，缺少统一的基础组件，在集成部署时，无法做到快速的切换主题样式，无法保证交互体验一致的问题；包括底层前端框架和开源库模块、产品公共组件模块，定制化页面模块，产品系统模块，系统管理模块、主题模块和交付项目模块；利用底层前端框架进行前端部署的主体变量定义，定制化页面模块进行编译样式，接入系统管理的同时确定各个界面的数据状态，完成集成部署并保持界面统一的前端部署过程；本发明支持独立开发，独立运行，独立部署，允许有定制化开发的功能，在不需要任何改变的前提下，支持界面主题风格的切换。

技术领域

本发明一种多系统集成部署并保持界面统一的前端部署系统及方法，尤其涉及多各界面的风格统一并完成前端部署，属于计算机前端应用领域。

背景技术

web初期，网页主要提供的是文档的功能，人们只是把很多的知识和文档都搬到网上去，因此网页主要是提供浏览和阅读的功能，网站系统复杂度比较简单。

进入web2.0时期，随着网站的技术持续发展，尤其是JavaScript、CSS的发展和ajax技术的进步，网站的功能越来越丰富了，网站不止提供浏览的功能，还提供了非常多的交互，给用户带来了更好的访问体验，但同时也大大的增加了网页开发的复杂度。

一个复杂的网站系统动辄几万甚至几十万行页面代码，通常由非常多的网页模块组成，开发的团队通常会有多个，团队包含多个开发人员。因此提供一种能够：把不同的业务拆分为不同的子系统，由不同团队独立开发，同时又遵循一套开发和界面规范，最后进行融合部署，还可以根据客户需求快速变化主题样式的网站架构就非常有必要了。

智能交通的软件项目，往往就是由多个独立的子系统组成，系统之间界面和逻辑等是独立分开的。在产品开发阶段，不同的子系统由不同的业务团队开发。子系统可以独立交付，也可以多个子系统和定制化功能一起作为大项目交付。

现有iframe嵌入方案：产品系统一样是独立开发、运行和部署，但是集成交付的形式使用的iframe方式嵌入。该方案优点是：产品系统之间完全分隔，彼此互不影响，集成部署非常简单；缺点是：交互、界面、体验难以做到一致，切换系统时存在空白间隙。

基于single-spa开源库的微前端方案：single-spa是一种允许多种前端技术开发的系统集成部署的方案。该方案优点是：子系统的开发技术无关，子系统可以独立开发、运行和部署；缺点是：没有提供统一的界面底盘架构，难以做到子系统的体验交互一致。

由上介绍可知，现有的技术虽能够达到各个子系统独立开发部署，也能够集成部署，但是集成部署的主题样式、交互体验等无法做到一致，在部署不同的项目时，主题样式也无法变化，原因如下：

子系统缺少统一的技术底盘，缺少统一的基础组件，缺少统一的主题样式规范，在集成部署时，无法做到快速的切换主题样式，无法保证交互体验等一致。

发明内容

为了解决子系统缺少统一的技术底盘，缺少统一的基础组件，缺少统一的主题样式规范，在集成部署时，无法做到快速的切换主题样式，无法保证交互体验一致的问题，本发明提出一种多系统集成部署并保持界面统一的前端部署系统及方法，方案如下：

方案一：该系统包括底层前端框架和开源库模块、产品公共组件模块，定制化页面模块，产品系统模块，系统管理模块、主题模块和交付项目模块；

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

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

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

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