CN108446141A - 一种Web前端插件及基于Web前端插件进行调度和通信的方法 - Google Patents

Abstract

本发明提供了一种Web前端插件及基于Web前端插件进行调度和通信的方法，属于软件设计领域。所述插件位于插件层，插件层通过标准接口与平台层中的平台进行交互；插件的属性包括基础属性和扩展属性，基础属性与插件实体本身相关，所述扩展属性与所述插件功能、特性和插件的实现功能相关；插件的生命周期包括运行、睡眠和停止三个阶段，睡眠事件对应有唤醒事件；对插件设置运行、睡眠、停止和唤醒的事件函数，事件函数中设有执行前接口和执行后接口，以获取所述插件的当前状态。本发明结合HTML5、JavaScript的技术特性和插件思想的特点，提高Web开发效率。

Description

一种Web前端插件及基于Web前端插件进行调度和通信的方法

技术领域

本发明涉及软件设计领域，尤其涉及一种Web前端插件及基于Web前端插件进行调度和通信的方法。

背景技术

当前Web应用的开发模式比交散乱，主要表现为：前端后端一起开发、用服务做前端功能开发。这样开发出来的系统有很多弊端：结构混乱、模块耦合度高、没统一标准，而且也难以满足MVC的模型思想。更高效的解决方案是：服务端与前端分离、业务与平台分离，自上向下各层彼此独立并通过标准接口协同工作。

发明内容

本发明实施例以插件技术思想为核心，结合相关Web技术、面向对象、设计模式和分层架构设计，提供一种基于Web前端插件通信的方法及Web前端插件，该插件包含属性和方法，插件的注册机制、插件的调度管理机制、以及插件的通信机制，根据这些模块完成插件平台，有效提高开发效率。

一方面，本发明实施例提供一种Web前端插件，所述插件位于插件层，所述插件层通过标准接口与平台层中的平台进行交互；

所述插件的属性包括基础属性和扩展属性，所述基础属性与所述插件实体本身相关，所述扩展属性与所述插件功能、特性和插件的实现功能相关；

所述插件的生命周期包括运行、睡眠和停止三个阶段，所述睡眠事件对应有唤醒事件；

对插件设置运行、睡眠、停止和唤醒的事件函数，所述事件函数中设有执行前接口和执行后接口，以获取所述插件的当前状态。

又一方面，本发明实施例提供了一种对上述Web前端插件进行调度的方法，所述方法包括：

根据Web前端插件的名称从注册管理器中获取所述插件的配置信息，根据所述配置信息中的文件路径对所述插件进行动态加载；

判断所述插件是否同时有多个对象，若有，则直接创建插件；若所述插件只有一个对象，则判断所述对象是否正在运行，若正在运行，则停止所述对象，创建插件。

另一方面，本发明实施例提供了一种基于上述Web前端插件进行通信的方法，所述方法包括：

将Web前端插件的注册事件预先存储到消息队列中；

从消息队列中获取插件间消息及插件与平台间的消息；

通过广播，以松耦合的方式进行插件模块间及插件与平台间的交互，实现通信。

再一方面，本发明实施例提供了一种Web前端插件平台，所述平台包括上述Web前端插件、调度模块和通信模块；

所述调度模块包括获取单元、判断单元和控制单元；

所述获取单元，用于根据Web前端插件的名称从注册管理器中获取所述插件的配置信息，根据所述配置信息中的文件路径对所述插件进行动态加载；

所述判断单元，用于判断所述插件是否同时有多个对象；

所述控制单元，用于当所述判断单元判断出所述插件同时有多个对象时，直接创建插件；当所述判断单元判断出所述插件只有一个对象，且所述对象正在运行时，停止所述对象，创建插件；

所述通信模块，用于将Web前端插件的注册事件预先存储到消息队列中，从消息队列中获取插件间消息及插件与平台间的消息；通过广播，以松耦合的方式进行插件模块间及插件与平台间的交互，实现通信。

有益效果如下：

本发明的方案，针对Web前端插件平台的建设，提出一种基于JavaScript的Web前端插件平台设计方法，结合HTML5、JavaScript的技术特性和插件思想的特点，提供了构建的Web前端插件，同时提供了对Web前端插件进行调度与通信的方法及Web前端插件平台，从而搭建成Web插件平台，提高Web开发效率。

附图说明

下面将参照附图描述本发明的具体实施例，其中：

图1示出了本发明实施例一中Web前端插件的位置示意图；

图2示出了本发明实施例一中Web前端插件存储结构示意图；

图3示出了本发明实施例二中对Web前端插件进行控制的方法流程图；

图4示出了本发明实施例二中Web前端插件创建流程示意图；

图5示出了本发明实施例二中Web前端插件运行流程图示意图；

图6示出了本发明实施例二中Web前端插件调度类接口示意图；

图7示出了本发明实施例二中Web前端插件存储结构示意图；

图8示出了本发明实施例二中Web前端插件存储管理类接口示意图；

图9示出了本发明实施例三中基于Web前端插件消息进行通信的方法流程示意图；

图10示出了本发明实施例三中Web前端插件消息管理流程图；

图11示出了本发明实施例三中通信广播类接口示意图；

图12示出了本发明实施例四中Web前端插件平台的结构示意图。

具体实施方式

为了使本发明的技术方案及优点更加清楚明白，以下结合附图对本发明的示例性实施例进行进一步详细的说明，显然，所描述的实施例仅是本发明的一部分实施例，而不是所有实施例的穷举。并且在不冲突的情况下，本说明中的实施例及实施例中的特征可以互相结合。

实施例一

参见图1，本发明实施例提供一种Web前端插件，所述插件位于插件层，所述插件层通过标准接口与平台层中的平台进行交互；

所述插件的属性包括基础属性和扩展属性，所述基础属性与所述插件实体本身相关，所述扩展属性与所述插件功能、特性和插件的实现功能相关；

所述插件的生命周期包括运行、睡眠和停止三个阶段，所述睡眠事件对应有唤醒事件；

对插件设置运行、睡眠、停止和唤醒的事件函数，所述事件函数中设有执行前接口和执行后接口，以获取所述插件的当前状态。

其中，插件层实现业务功能，它独立于框架之外，通过标准接口与平台交互，实现动态调用和卸载，这样利用插件的标准接口规范，独立开发功能插件，弱化了插件与框架的耦合。

下面对Web前端插件的属性信息进行具体描述，插件属性包括基础属性和扩展属性。基础属性描述它的固有属性，从插件实体本身出发，忽略插件的种类、功能和实现。扩展属性是从插件功能、特性和实现层面出发，描述它的附加信息。

表1基础属性规范

表2扩展属性规范

下面对Web前端插件的生命周期进行描述

Web前端插件分为运行、睡眠、停止三个阶段，分别对应run、sleep、stop三个事件函数，对sleep睡眠应还有resume唤醒操作。另外，插件应该提供获取当前状态的接口，这里用getState函数处理。为了提高插件的灵活性和适应性，在run、sleep、stop、resume事件函数中引入切面编程思想，分别加入执行前、后事件接口。如表3所示的接口规范。

表3接口规范

对于Web前端插件的注册过程。

本发明实施例中，将插件信息配置在plugin表中，插件信息包括插件属性信息和生命周期的接口信息；用户需要运行某个插件的时候，获取到用户运行插件的请求时，从plugin表中获取插件信息，并加载注册到运行系统，如图2所示。

getByName根据插件名获取注册信息；register是私有函数，根据注册信息装载插件类，注册到运行系统中。

本发明提供的方案，针对Web前端插件平台的建设，提出一种基于JavaScript的Web前端插件平台设计方法，结合HTML5、JavaScript的技术特性和插件思想的特点，从插件的规范设计、注册、调度管理、通信几个方面进行设计，从而搭建成Web插件平台，提高Web开发效率。

实施例二

参见图3，本发明提供的对Web前端插件进行控制的方法，所述方法包括：

步骤201：根据Web前端插件的名称从注册管理器中获取插件的配置信息，根据配置信息中的文件路径对插件进行动态加载；

其中，根据插件名从注册管理器中获取该插件的配置信息，然后用动态加插件关联文件，准备就绪后创建插件对象。

其中，对插件进行动态加载，具体包括加载插件的类文件和UI文件，如图4所示。其中，当负责启动运行一个插件对象时，运行插件流程如图5所示。

步骤202：判断插件是否同时有多个对象，若有，则执行步骤204，若无，则执行步骤203：

步骤203：判断对象是否正在运行，若正在运行，则停止对象，只步骤204：

步骤204：创建插件。

综合上面创建插件流程和运行插件流程的描述，对插件管理中心接口实现，如图6所示，heap是插件存储管理器对象，register是插件注册信息管理对象，create根据插件名创建新插件；run、stop、sleep、resume是插件的状态控制函数，分别触发的onRun、onStop、onSleep、onResume事件函数；getByName、getByType、getById是发现已有插件的接口。

实际应用中，为了节省插件查找时间，插件根据不同类型进行分组存储，每组使用一个堆栈，如图7所示。根据设计的数据结构，可以方便地提供按类型、名字发现插件对象集、按id精确发现插件对象，接口实现如图8所示。

具体的，按照类型或名字查找插件，得到插件对象集，和/或，按照id查找插件得到插件对象。

进一步的，所述步骤204之后，所述还包括：按照类型或名字查找插件，得到插件对象集，和/或，按照id查找插件得到插件对象。

本发明提供的方案，针对Web前端插件平台的建设，提出一种基于JavaScript的Web前端插件平台设计方法，结合HTML5、JavaScript的技术特性和插件思想的特点，从插件的规范设计、注册、调度管理、通信几个方面进行设计，从而搭建成Web插件平台，提高Web开发效率。

实施例三

参见图9，本发明提供一种基于Web前端插件进行通信的方法，所述方法包括：

步骤301：将Web前端插件的注册事件预先存储到消息队列中，从消息队列中获取插件间消息及插件与平台间的消息；

步骤302：通过广播，以松耦合的方式进行插件模块间及插件与平台间的交互，实现通信。

其中，如图10和图11所示，插件运行时，需要处理插件间、插件与平台间的消息，这里用消息队列集中管理，再用观察者模式进行广播，松耦合的方式完成模块间的交互，根据上面的流程图对各个缓解进行抽象，完成接口类实现。

本发明提供的方案，针对Web前端插件平台的建设，提出一种基于JavaScript的Web前端插件平台设计方法，结合HTML5、JavaScript的技术特性和插件思想的特点，从插件的规范设计、注册、调度管理、通信几个方面进行设计，从而搭建成Web插件平台，提高Web开发效率。

实施例四

参见图12，本发明提供一种Web前端插件平台，所述平台包括上述实施例一所述的Web前端插件401、调度模块402和通信模块403；

调度模块402包括获取单元、判断单元和控制单元；

获取单元，用于根据Web前端插件的名称从注册管理器中获取插件的配置信息，根据配置信息中的文件路径对插件进行动态加载；

判断单元，用于判断插件是否同时有多个对象；

控制单元，用于当判断单元判断出插件同时有多个对象时，直接创建插件；当判断单元判断出插件只有一个对象，且对象正在运行时，停止对象，创建插件；

通信模块403，用于将Web前端插件的注册事件预先存储到消息队列中，从消息队列中获取插件间消息及插件与平台间的消息；通过广播，以松耦合的方式进行插件模块间及插件与平台间的交互，实现通信。

本发明提供的方案，针对Web前端插件平台的建设，提出一种基于JavaScript的Web前端插件平台设计方法，结合HTML5、JavaScript的技术特性和插件思想的特点，从插件的规范设计、注册、调度管理、通信几个方面进行设计，从而搭建成Web插件平台，提高Web开发效率。

为了描述的方便，以上装置的各部分以功能分为各种模块或单元分别描述。当然，在实施本发明时可以把各模块或单元的功能在同一个或多个软件或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

Claims (8)

1.一种Web前端插件，其特征在于，所述插件位于插件层，所述插件层通过标准接口与平台层中的平台进行交互；

所述插件的属性包括基础属性和扩展属性，所述基础属性与所述插件实体本身相关，所述扩展属性与所述插件功能、特性和插件的实现功能相关；

所述插件的生命周期包括运行、睡眠和停止三个阶段，所述睡眠事件对应有唤醒事件；

对插件设置运行、睡眠、停止和唤醒的事件函数，所述事件函数中设有执行前接口和执行后接口，以获取所述插件的当前状态。

2.如权利要求1所述的Web前端插件，其特征在于，将插件信息配置在plugin表中，所述插件信息包括插件属性信息和生命周期的接口信息；

获取到用户运行所述插件的请求时，从所述plugin表中获取所述插件信息，并加载注册到运行系统。

3.一种对如权利要求1所的Web前端插件进行控制的方法，其特征在于，所述方法包括：

根据Web前端插件的名称从注册管理器中获取所述插件的配置信息，根据所述配置信息中的文件路径对所述插件进行动态加载；

判断所述插件是否同时有多个对象，若有，则直接创建插件；若所述插件只有一个对象，则判断所述对象是否正在运行，若正在运行，则停止所述对象，创建插件。

4.如权利要求1所述的方法，其特征在于，所述插件根据不同类型进行分组存储，每组使用一个堆栈。

5.如权利要求4所述的方法，其特征在于，所述方法还包括：按照类型或名字查找插件，得到插件对象集，和/或，按照id查找插件得到插件对象。

6.如权利要求4所述的方法，其特征在于，所述对所述插件进行动态加载，具体包括加载所述插件的类文件和UI文件。

7.一种基于如权利要求1所的Web前端插件进行通信的方法，其特征在于，所述方法包括：

将Web前端插件的注册事件预先存储到消息队列中；

从消息队列中获取插件间消息及插件与平台间的消息；

通过广播，以松耦合的方式进行插件模块间及插件与平台间的交互，实现通信。

8.一种Web前端插件平台，其特征在于，所述平台包括如权利要求1-3任一所述的Web前端插件、调度模块和通信模块；

所述调度模块包括获取单元、判断单元和控制单元；

所述获取单元，用于根据Web前端插件的名称从注册管理器中获取所述插件的配置信息，根据所述配置信息中的文件路径对所述插件进行动态加载；

所述判断单元，用于判断所述插件是否同时有多个对象；

所述控制单元，用于当所述判断单元判断出所述插件同时有多个对象时，直接创建插件；当所述判断单元判断出所述插件只有一个对象，且所述对象正在运行时，停止所述对象，创建插件；

所述通信模块，用于将Web前端插件的注册事件预先存储到消息队列中，从消息队列中获取插件间消息及插件与平台间的消息；通过广播，以松耦合的方式进行插件模块间及插件与平台间的交互，实现通信。