[发明专利]一种多实例管理控制台的实现方法

说明书

本发明公开一种多实例管理控制台的实现方法,涉及前端交互领域；定义封装多实例管理控制台的模块，形成多实例管理控制台可复用的组件，通过数据初始化模块完成数据初始化，进行页面切换时，通过交互将当前操作的实例信息保存至状态存储模块中，切换页面时，从状态存储模块中取出实例信息，并自动选中上一页面最后操作的实例，在页面间保持所选实例的一致；进行浏览器标签页切换时，采用发布订阅模式，通过通知模块监听活动标签页实例数据的变化，并将浏览器当前活动标签页选中的实例数据推送至其他非活动的标签页，并在页面中给出切换至最后操作实例的提示信息，保持在多个浏览器标签页中所选实例一致性。

技术领域

本发明公开一种方法,涉及前端交互领域，具体地说是一种多实例管理控制台的实现方法。

背景技术

随着互联网技术的发展和需求的复杂化，采用非单一实例部署的产品日渐增多。在产品控制台，近乎所有页面数据的查询与操作都需要依赖实例信息，即在所有页面中需要添加实例筛选元素。并且为了提升用户体验，需在页面切换时，在页面间保持用户所选实例的一致性，即当前跳转的目标页面需要与上一页面最后操作的实例保持一致。

然而若在开发各页面时分别添加实例筛选组件并且满足所选实例一致性，不仅会给前端开发人员带来许多重复的工作、造成研发效率的下降，也较难适应需求的多变性、使得维护成本变高。

发明内容

本发明针对现有技术的问题，提供一种多实例管理控制台的实现方法，本发明方法提供多样的实例选择用户界面，友好的保持用户所选实例的操作连贯性，可以实现可复用可扩展的公共组件，减少前端冗余代码，同时减少开发人员的工作量。

本发明提出的具体方案是：

一种多实例管理控制台的实现方法，定义封装多实例管理控制台的模块，形成多实例管理控制台可复用的组件，所述定义的模块包括展示模块、状态存储模块、数据初始化模块和通知模块，

通过数据初始化模块完成数据初始化，进行页面切换时，通过交互将当前操作的实例信息保存至状态存储模块中，切换页面时，从状态存储模块中取出实例信息，并自动选中上一页面最后操作的实例，在页面间保持所选实例的一致；进行浏览器标签页切换时，采用发布订阅模式，通过通知模块监听活动标签页实例数据的变化，并将浏览器当前活动标签页选中的实例数据推送至其他非活动的标签页，并在页面中给出切换至最后操作实例的提示信息，保持在多个浏览器标签页中所选实例一致性。

进一步，所述的一种多实例管理控制台的实现方法中通过所述展示模块提供用户界面，通过@Input定义输入，输入需要输入的数据，通过@Output定义输出，输出需要输出的数据。

进一步，所述的一种多实例管理控制台的实现方法中通过所述展示模块提供type属性输入，url属性输入及model属性输入。

进一步，所述的一种多实例管理控制台的实现方法中所述通过数据初始化模块完成数据初始化，包括：

判断状态存储模块中是否已保存实例信息，若无实例信息则视为首次访问，调用后台接口获取正常实例数据，默认选择第一个实例。

进一步，所述的一种多实例管理控制台的实现方法中所述定义的模块还包括异常处理模块，通过所述异常处理模块处理实例异常情况。

进一步，所述的一种多实例管理控制台的实现方法中所述理实例异常情况，包括：

通过异常处理模块判断是否存在实例异常情况，将存在异常情况的实例的数据置为‘null’，并在页面中全局提示实例异常信息，并提示重新选择正常实例。

进一步，所述的一种多实例管理控制台的实现方法中所述实例异常情况，包括：

当前状态存储模块中保存的实例数据未存在于后台接口返回的正常实例数据列表中，则视为当前操作的实例出现异常。