[发明专利]Web端不同组件之间处理发布与响应事件的方法及系统

说明书

本发明公开了一种Web端不同组件之间处理发布与响应事件的方法及系统，该方法包括：S1：采用Vue.js开发工具搭建Web前端系统，创建前端系统的主函数Main.js文件；通过主函数Main.js文件引入系统需要的多个页面组件；S2：创建用于定义事件的Event.js文件，在Event.js文件中定义多个事件类型；S3：在需要接收数据的组件中进行事件监听设置，并设置区分不同事件的方式；S4：在需要发布数据的组件中，进行事件监听调用设置，并设置监听事件的参数；S5：在主函数Main.js文件中，将Event.js文件中定义的多个事件类型注册为全局方法，使前端系统里的每个组件都可以使用。本发明利用前端处理技术实现Web系统的前端页面之间的事件响应与处理，提高系统性能。

技术领域

本发明属于软件开发领域，更具体地，涉及一种Web端不同组件之间处理发布与响应事件的方法及系统。

背景技术

随着互联网越来越普及，网络安全性日益提高，更多的业务系统在互联网上就可以进行访问。业务范围的提升，产生了更多的业务需求，系统的体量越来越大，各个子模块之间相互制约、相互影响，需要更多的通信与响应。为了能够高性能、高时效的处理这些业务需求，需要一个可靠、及时的处理方式保证系统完成这些任务。

现有Web系统开发方式，UI层信息响应与后端系统有较多的交互，随着访问量的增多，服务端的压力会越来越大，系统经过长时间运行后，性能会出现明显下降。

发明内容

本发明的目的是提出一种Web端不同组件之间处理发布与响应事件的方法及系统，实现利用Vue前端处理技术实现Web系统的前端页面之间的事件响应与处理，提高系统性能。

为实现上述目的，本发明提出了一种Web端不同组件之间处理发布与响应事件的方法，包括：

S1：采用Vue.js开发工具搭建Web前端系统，创建前端系统的主函数Main.js文件；通过主函数Main.js文件引入系统需要的多个页面组件，所述多个页面组件包括需要发布数据的组件和需要接收数据的组件；

S2：创建用于定义事件的Event.js文件，在Event.js文件中定义多个事件类型；

S3：在所述需要接收数据的组件中进行事件监听设置，并设置区分不同事件的方式；

S4：在所述需要发布数据的组件中，进行事件监听调用设置，并设置监听事件的参数；

S5：在主函数Main.js文件中，将所述Event.js文件中定义的多个事件类型注册为全局方法，使前端系统里的每个组件都可以使用。

优选地，在步骤S2中，所述多个事件类型包括：注册、移除和监听。

优选地，在执行步骤S3之前还包括：

建立一个对象列表，用于存储所有注册的监听事件。

优选地，在步骤S3中，所述设置区分不同事件的方式包括：

使用key值的方式，来区分不同的事件。

优选地，在步骤S4中，所述设置监听事件的参数包括：

使用key值作为监听事件的参数。

本发明还提出一种Web前端系统，包括：主函数模块、多个页面组件和事件定义模块，所述多个页面组件和所述事件定义模块分别与所述主函数模块连接；

所述主函数模块包括主函数Main.js文件，所述主函数Main.js文件用于引入系统需要的所述多个页面组件及定义全局方法；

所述多个页面组件包括：需要发布数据的组件和需要接收数据的组件，所述需要接收数据的组件被配置为进行事件的监听，并配置有区分不同事件的方式；所述需要发布数据的组件被配置为进行监听调用，并配置有监听事件的参数；