技术摘要：
本发明公开一种基于Angular的同一页面上不同组件的同步刷新方法，涉及技术领域。针对部署在公有云环境上的数据库实例，使用Nodejs的EventEmitter类，在同一页面包含的多个组件中，执行如下步骤：1)在组件1中定义一个Output为EventEmitter属性，2)在组件1页面数据更新后  全部
背景技术：
在当前云计算、大数据的背景下，现代企业和政府的数据正在朝着大容量方向发 展，其中数据库在数据、业务算法、分析统计中占有的比重越来越大。在不断爆发出用户数 据外传、企业商业机密泄露、黑客攻击破坏等恶性事件的警示下，数据库的管理和保护变得 尤其重要。当云环境上数据库实例较多的时候，针对其管理工作比较复杂，人为进行权限的 设定会降低工作效率，而且，还会增加人为操作失误的风险。 随着用户不断增加，云数据库功能的不断丰富，云数据库实例的数据库管理功能 和账号管理功能应运而生，与之关联的数据库在运行过程中，数据也会不断地增长，用户在 访问过程中，操作数据权限或者账号权限，会出现数据不同步更新问题，造成用户使用的困 难和误解。 为了避免出现数据的不一致，造成用户的使用体验感差的问题，这种情况下，就需 要实现同一页面上不同组件间的同步刷新。
技术实现要素：
本发明针对目前技术发展的需求和不足之处，提供一种基于Angular的同一页面 上不同组件的同步刷新方法，用以解决同一页面不同组件间内容改变时，其他组件同步更 新的问题。 本发明的一种基于Angular的同一页面上不同组件的同步刷新方法，解决上述技 术问题采用的技术方案如下： 一种基于Angular的同一页面上不同组件的同步刷新方法，针对部署在公有云环 境上的数据库实例，使用Nodejs的EventEmitter类，在同一页面包含的多个组件中，执行如 下步骤： 1)在组件1中定义一个Output为EventEmitter属性， 2)在组件1页面数据更新后，emit该EventEmitter属性， 3)在父组件中接收该EventEmitter对象，并在与组件1相关联的组件2中定义事件 处理器， 4)在组件2的事件处理器中执行刷新， 执行步骤1)-4)后，当组件1的数据发生改变时，同一页面上组件2关联于组件1的 数据进行同步刷新。 具体的，所涉及组件2是同一页面上与组件1相关联的任一其他组件。 更具体的，在同一页面包含的多个组件中，任意选中两个组件并分别执行步骤1)- 4)，即可实现该两个组件相关联内容的同步刷新。 4 CN 111611314 A 说　明　书 2/4 页 优选的，所涉及页面包括且不限于包括数据库管理组件和账号管理组件，完成同 一页面上数据库管理组件和账号管理组件的同步刷新时，执行如下步骤： 首先， A1)在数据库管理组件中定义一个Output为EventEmitter属性， A2)在数据库管理组件数据更新后，emit该EventEmitter属性， A3)在父组件概览页中接收该EventEmitter对象，并在账号管理组件中定义事件 处理器， A4)在账号管理组件的事件处理器中执行刷新， 当数据库管理组件的数据发生改变时，同一页面上账号管理组件关联于数据库管 理组件的数据进行同步刷新； 其次， B1)在账号管理组件中定义一个Output为EventEmitter属性， B2)在账号管理组件数据更新后，emit该EventEmitter属性， B3)在父组件概览页中接收该EventEmitter对象，并在数据库管理组件中定义事 件处理器， B4)在数据库管理组件的事件处理器中执行刷新， 当账号管理组件的数据发生改变时，同一页面上数据库管理组件关联于账号管理 组件的数据进行同步刷新。 更具体的，同一页面上，当组件1的数据发生改变时，与组件1相关联的其他组件发 生同步刷新，同时，其他组件上生成备注，生成的备注用于解释该组件上发生同步刷新内容 的具体情况，所述具体情况包括数据改动源头、数据改动时间、数据改动前的内容。 更具体的，同一页面上，当组件1的数据发生改变时，与组件1相关联的其他组件发 生同步刷新，同时，其他组件上发生同步刷新的内容突出显示。 优选的，点击其他组件上发生刷新的内容时，其他组件生成的备注才会显示。 优选的，组件数据发生的改变包括且不限于包括修改、增加、删除。 本发明的一种基于Angular的同一页面上不同组件的同步刷新方法，与现有技术 相比具有的有益效果是： 本发明针对部署在公有云环境上的数据库实例，使用Nodejs的EventEmitter类， 用以解决同一页面不同组件间内容改变时，其他组件同步更新的问题，确保页面之间数据 一致，避免出现用户读脏数据情况，保证了操作过程中的安全性，满足用户使用系统的需 求。 附图说明 附图1是本发明实施例一的方法流程图。