[发明专利]一种Web前端消息总线系统

说明书

一种Web前端消息总线系统涉及信息技术领域，尤其Web前端管控的技术领域。本发明由Message模块、Event模块和插件模块组成，Message模块由Store组件、Getter组件、Setter组件和Action组件组成；Event模块由数据注册组件、数据通知组件和数据分发组件组成；本发明的核心是解决Web前端组件之间的通讯问题，本发明为Web前端组件之间通讯定义了一套统一的规范，各个组件使用统一的通讯模式进行通信。本发明的目的是让Web前端架构围绕Web前端消息总线系统进行组件开发，形成企业内部的Web前端技术生态环境和技术栈，提高web前端组件的复用率，提供项目开发的生产效率同时降低项目的运维成本。

技术领域

本发明涉及信息技术领域，尤其Web前端技术领域。

背景技术

从浏览器在20世纪90年代诞生至今，浏览器的相关技术已经成为IT界最为活跃的技术栈之一。在Ajax技术出现前，前端页面的代码开发都是和服务端语言混杂在一起，这里以java的Web开发为例：java的Web开发里页面大多是在jsp文件里进行，除了jsp还有velocity、freemarker这样替换jsp的模板引擎，不管是jsp还是其他类型的模板引擎，它们的本质其实都不是浏览器能解析的实际页面，而是一个被java能解析的特定文件格式。在这样的开发模式下，浏览器需要完成的工作不会太多，核心的工作基本都是由服务端完成；除此之外，在一个Web应用里多页面都是使用iframe这样的结构集成在一起，只要是有和服务端支持的场景都是以同步提交的方式和服务端进行交互。由于技术的局限性，浏览器端的技术很难发展，当时的网站用户体验也比较差，也不存在状态管理的问题。

Ajax技术出现后，在同步页面开发的时代，任何优秀的页面设计都会被效率最差的网络通讯所束缚，这就导致Ajax技术的出现，Ajax技术最直观的感受就是用户在不刷新页面不影响页面操作的情况下异步的从服务端获取数据，随着Ajax技术的流行，Ajax技术逐渐更深层次的改变着Web应用的开发，这些改变如下：

改变一：浏览器的界面开发达到传统桌面软件的交互效果，这就导致Web应用慢慢软件化；

改变二：单页面开发模式的出现，Ajax技术将以前复杂的多页面网站统一在一个页面上完成，在一个页面上开发一个网站会让网站设计上提升一个很高的档次，这是在传统iframe的架构里很难做到的；

改变三：浏览器开发变得越来越难，重要性越来越高，工作量越来越大，因此Web前端和Web服务端分离开发的模式逐渐流行起来；

改变四：独立的Web前端系统对于架构设计，项目工程化，特别是不同团队人员的项目管理方面提出了更高要求，Web前端项目慢慢赶上服务端项目的体量和难度，原有的服务端的架构思想也开始在Web前端项目里大规模使用。

这些改变最终落地到Web前端MVC框架的出现，根据Web前端框架的特点Web前端领域又出现了前端MVC框架的变种例如MVP、MVVM框架，但不是不管什么新型术语，这些框架底层思想都是基于服务端的MVC思想。

前端MVC框架在前端领域的应用中出现了一个新的问题那就是页面路由问题，路由在Ajax技术出现前往往不是什么问题，因为在同步页面时代，一个URL指向一个独立页面，或者说一个URL指向服务端一个独立的资源。但是到了基于Ajax技术开发的单页面里，因为页面的切换都是异步的请求服务端数据，页面内容的变更没法体现到URL上，因此前端出现了路由技术，这种技术就是使用浏览器的Hash技术改变URL的形态，从而标记资源，当然时下的HTML5技术专门为此场景定义了新的API，但是路由只能解决粗放型的资源定位。