CN107273127A - 一种在web应用中实现页面插件化的方法及装置 - Google Patents

Abstract

本发明提供了一种在web应用中实现页面插件化的方法及装置，该方法，包括：预先设置至少一个插件，每个所述插件与任一插件之间没有依赖关系；拦截浏览器发来的页面请求；根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；对所述至少一个待组装插件进行组装，生成待返回内容；将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。本发明提供了一种在web应用中实现页面插件化的方法及装置，能够更加简单地实现web应用。

Description

一种在web应用中实现页面插件化的方法及装置

技术领域

本发明涉及计算机技术领域，特别涉及一种在web应用中实现页面插件化的方法及装置。

背景技术

随着软件技术的发展和用户需求的不断提高，web应用越来越复杂，用户需求也越来越高。

现有技术中，在开发web应用时，一般按照功能分化分别实现。各个web应用的实现过程是独立，各个web应用之前存在大量的重复的功能点，这些功能点需要被重复开发。

通过上述描述可见，现有技术在实现web应用时，比较复杂。

发明内容

本发明实施例提供了一种在web应用中实现页面插件化的方法及装置，能够更加简单地实现web应用。

一方面，本发明实施例提供了一种在web应用中实现页面插件化的方法，包括：

预先设置至少一个插件，每个所述插件与任一插件之间没有依赖关系；

拦截浏览器发来的页面请求；

根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；

对所述至少一个待组装插件进行组装，生成待返回内容；

将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。

进一步地，

该方法进一步包括：预先设置至少一个主体，其中，每个所述主体中包括至少一个插件标记；

所述根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件，包括：

确定所述页面请求对应的所述待显示页面的当前主体；

将所述当前主体中每个所述插件标记对应的插件作为所述待组装插件。

进一步地，

所述对所述至少一个待组装插件进行组装，生成待返回内容，包括：

分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码；

确定每个所述待组装插件的资源文件；

根据所述页面代码和所述资源文件，生成所述待返回内容。

进一步地，

所述分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码，包括：

针对每个所述待组装插件执行：

将所述页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据所述当前业务处理数据，对所述当前待组装插件进行渲染，生成所述当前待组装插件对应的当前页面代码。

进一步地，

所述根据所述页面代码和所述资源文件，生成所述待返回内容，包括：

将至少一个所述资源文件中相同的资源文件进行合并处理；

根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容。

进一步地，

所述待返回内容包括：html(HyperText Markup Language，超级文本标记语言)的head；

所述根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容，包括：

根据所述合并处理后剩余的所述资源文件，生成html的head。

另一方面，本发明实施例提供了一种在web应用中实现页面插件化的装置，包括：

第一保存单元，用于保存至少一个插件，每个所述插件与任一插件之间没有依赖关系；

拦截器，用于拦截浏览器发来的页面请求；

确定单元，用于根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；

渲染单元，用于对所述至少一个待组装插件进行组装，生成待返回内容；

发送单元，用于将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。

进一步地，

该装置进一步包括：

第二保存单元，用于保存至少一个主体，其中，每个所述主体中包括至少一个插件标记；

所述确定单元，用于确定所述页面请求对应的所述待显示页面的当前主体，将所述当前主体中每个所述插件标记对应的插件作为所述待组装插件。

进一步地，

所述渲染单元，用于分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码，确定每个所述待组装插件的资源文件，根据所述页面代码和所述资源文件，生成所述待返回内容。

进一步地，

所述渲染单元，用于：

针对每个所述待组装插件执行：

将所述页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据所述当前业务处理数据，对所述当前待组装插件进行渲染，生成所述当前待组装插件对应的当前页面代码。

进一步地，

所述渲染单元，用于将至少一个所述资源文件中相同的资源文件进行合并处理，根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容。

在本发明实施例中，预先设置至少一个插件，这些插件之间没有依赖关系，在接收到页面请求时，根据该页面请求对应的待组装插件组装成所需要的待显示页面，预先设置的插件可以重复使用，可以在不同web应用的页面中展示，避免了重复开发，能够更加简单地实现web应用。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例提供的一种在web应用中实现页面插件化的方法的流程图；

图2是本发明一实施例提供的另一种在web应用中实现页面插件化的方法的流程图；

图3是本发明一实施例提供的一种在web应用中实现页面插件化的装置的示意图；

图4是本发明一实施例提供的另一种在web应用中实现页面插件化的装置的示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，本发明实施例提供了一种在web应用中实现页面插件化的方法，该方法可以包括以下步骤：

步骤101：预先设置至少一个插件，每个所述插件与任一插件之间没有依赖关系；

步骤102：拦截浏览器发来的页面请求；

步骤103：根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；

步骤104：对所述至少一个待组装插件进行组装，生成待返回内容；

步骤105：将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。

在本发明实施例中，预先设置至少一个插件，这些插件之间没有依赖关系，在接收到页面请求时，根据该页面请求对应的待组装插件组装成所需要的待显示页面，预先设置的插件可以重复使用，可以在不同web应用的页面中展示，避免了重复开发，能够更加简单地实现web应用。

在本发明一实施例中，该方法进一步包括：预先设置至少一个主体，其中，每个所述主体中包括至少一个插件标记；

所述根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件，包括：

确定所述页面请求对应的所述待显示页面的当前主体；

将所述当前主体中每个所述插件标记对应的插件作为所述待组装插件。

在本发明实施例中，设置有至少一个主体，主体中设置有插件标记，每个插件标记与相应的插件对应。在确定页面请求对应的主体时，页面请求可以包括主体的标识，根据页面请求中主体的标识来确定相应的当前主体。另外，可以根据插件标记生成插件请求，通过插件请求找到对应的待组装插件。

在本发明一实施例中，所述对所述至少一个待组装插件进行组装，生成待返回内容，包括：

分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码；

确定每个所述待组装插件的资源文件；

根据所述页面代码和所述资源文件，生成所述待返回内容。

在本发明实施例中，对插件进行渲染，生成浏览器能够识别的页面代码，使得浏览器能够根据页面代码以及资源文件展示web应用的页面。这里的资源文件是实现插件所需要的文件，资源文件可以是javascript文件、css文件等。

在本发明一实施例中，所述分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码，包括：

针对每个所述待组装插件执行：

将所述页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据所述当前业务处理数据，对所述当前待组装插件进行渲染，生成所述当前待组装插件对应的当前页面代码。

在本发明实施例中，每个插件对应至少一个业务处理单元，待组装插件需要对页面请求进行处理，得到业务处理数据，以便在web应用中展示。

在本发明一实施例中，所述根据所述页面代码和所述资源文件，生成所述待返回内容，包括：

将至少一个所述资源文件中相同的资源文件进行合并处理；

根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容。

在本发明实施例中，由于不同的插件可能使用了相同的资源文件，为了避免在使用资源文件时发生错误，将这些相同的资源文件进行合并，具体地，对应的相同的资源文件，引入到同一个资源路径下，将相同的资源文件合并成一次引入。举例来说，待组装插件包括：插件A、插件B；其中，插件A对应资源文件A和资源文件B，插件B对应资源文件A和资源文件C，存在相同的资源文件A，在合并之前待组装插件对应两个资源文件A、一个资源文件B和一个资源文件C，进行合并处理后，剩余一个资源文件A、一个资源文件B和一个资源文件C。这时，插件A和插件B就能使用同一个资源文件A。

在本发明一实施例中，所述待返回内容包括：html的head；

所述根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容，包括：

根据所述合并处理后剩余的所述资源文件，生成html的head。

如图2所示，本发明实施例提供了一种在web应用中实现页面插件化的方法，该方法可以包括以下步骤：

步骤201：预先设置至少一个插件，每个插件与任一插件之间没有依赖关系，预先设置至少一个主体，其中，每个主体中包括至少一个插件标记。

具体地，在该至少一个插件中，任意两个插件之间没有依赖关系，各个插件都是相互独立的，这样在复用时能够实现将各个插件任意组合，进而组合出各种不同的页面。

举例来说，设置有插件A、插件B、插件C、插件D；设置有主体A、主体B、主体C、主体D；其中，主体A中设置有插件标记A、插件标记B、插件标记C，其中，插件标记A对应插件A、插件标记B对应插件B、插件标记C对应插件C。

步骤202：拦截浏览器发来的页面请求。

举例来说，该页面请求中可以包括url的路径。

步骤203：确定页面请求对应的待显示页面的当前主体。

举例来说，可以根据页面请求中的url的路径来确定对应的当前主体，该当前主体为主体A。

步骤204：将当前主体中每个插件标记对应的插件作为待组装插件。

举例来说，将主体A中插件标记A对应的插件A、插件标记B对应的插件B、插件标记C对应的插件C，作为待组装插件。

步骤205：分别对当前主体以及每个待组装插件进行渲染，生成渲染后的页面代码。

具体地，在对当前主体进行渲染时，会检测当前主体上的插件标记，进而对检测到的当前插件标记对应的插件进行渲染，直到在当前主体上检测不到没有被渲染的插件。对当前主体的渲染与对待组装插件的渲染可以是交替进行或者同时进行的。

在对当前主体进行渲染时，根据预设的规则，确定当前主体对应的业务处理单元，将页面请求输入到当前主体对应的业务处理单元中，进而业务处理，输出处理后的数据，根据处理后的数据对当前主体进行渲染，生成当前主体对应的页面代码。

针对每个待组装插件执行：

将页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据当前业务处理数据，对当前待组装插件进行渲染，生成当前待组装插件对应的当前页面代码。

该步骤最终得到的页面代码包括：在渲染当前主体后生成的页面代码、在渲染每个待组装插件后生成的页面代码。

另外，生成的页面代码可以缓存到内容中，方便后续处理。

举例来说，对主体A进行渲染，并对插件A、插件B、插件C进行渲染，生成页面代码。

步骤206：确定每个待组装插件的资源文件。

具体地，要在web应用的页面上实现各个插件，需要各个插件的资源文件。

另外，资源文件可以暂存到内存中，方便后续进行合并处理。

举例来说，插件A对应资源文件A和资源文件B，插件B对应资源文件A和资源文件C，插件C对应资源文件D。

步骤207：将至少一个资源文件中相同的资源文件进行合并处理。

举例来说，在合并之前插件A、插件B和插件C对应两个资源文件A、一个资源文件B、一个资源文件C和一个资源文件D，进行合并处理后，剩余一个资源文件A、一个资源文件B、一个资源文件C和一个资源文件D。这时，插件A和插件B就能使用同一个资源文件A。

步骤208：根据页面代码和合并处理后剩余的资源文件，生成待返回内容。

具体地，这里的待返回内容为浏览器能够识别的内容。

步骤209：将待返回内容发送给浏览器，以使浏览器根据待返回内容显示页面请求对应的待显示页面。

具体地，浏览器对接收到的待返回内容进行解析，生成待显示页面。

最终在待显示页面上可以显示出当前主体以及待组装插件，并且还可以显示出页面请求对应的处理后的业务处理数据。

另外，待返回内容中还可以包括该页面请求对应的布局信息，使得浏览器可以根据布局信息对各个待组装插件进行布局。

本发明实施例解决了web应用的页面太复杂以及功能重复的问题。在本发明实施例中，将复杂页面拆分成较小的插件，能在多个页面复用插件，以插件的方式扩展已有功能。

在本发明实施例中，用户从浏览器请求某个页面时，浏览器发出用户所需求的页面的页面请求，拦截器拦截到页面请求，根据页面请求确定当前主体，根据预设的规则，调用当前主体对应的业务处理单元进行业务处理，根据处理后的数据调用页面渲染模块对当前主体进行渲染，在对当前主体渲染时，检测当前主体上是否有插件引入，也就是，当前主体中是否存在插件标记，如果有插件就调用插件请求进行处理，实现对插件的渲染，如此反复，直到当前主体中的插件都被渲染，对渲染后的页面代码进行组装，将组装好的页面代码返回到用户浏览器进行显示。其中，需要说明的是：拦截器既要拦截页面请求还有拦截插件请求，根据插件请求，调用对应的业务处理单元，插件请求在渲染时需要包含到引入插件的请求渲染中，浏览器请求渲染直接返回到浏览器；页面渲染通过预处理，将返回浏览器的内容缓存到内存，资源文件暂存到内存，其他内容也暂存到内存，待所有插件执行完毕后，重新组装返回浏览器的内容，统一返回浏览器显示。

在本发明实施例中，有效降低复杂页面的复杂度，降低了开发维护难度，降低协同开发大型系统的难度，通过插件，将相同功能在不同页面复用，提高开发效率。本发明实施例对于开发产品类应用，能有效支持对产品的二次开发。

如图3、图4所示，本发明实施例提供了一种在web应用中实现页面插件化的装置。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。从硬件层面而言，如图3所示，为本发明实施例提供的一种在web应用中实现页面插件化的装置所在设备的一种硬件结构图，除了图3所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中装置所在的设备通常还可以包括其他硬件，如负责处理报文的转发芯片等等。以软件实现为例，如图4所示，作为一个逻辑意义上的装置，是通过其所在设备的CPU将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。本实施例提供的一种在web应用中实现页面插件化的装置，包括：

第一保存单元401，用于保存至少一个插件，每个所述插件与任一插件之间没有依赖关系；

拦截器402，用于拦截浏览器发来的页面请求；

确定单元403，用于根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；

渲染单元404，用于对所述至少一个待组装插件进行组装，生成待返回内容；

发送单元405，用于将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。

在本发明一实施例中，该装置进一步包括：

第二保存单元，用于保存至少一个主体，其中，每个所述主体中包括至少一个插件标记；

所述确定单元，用于确定所述页面请求对应的所述待显示页面的当前主体，将所述当前主体中每个所述插件标记对应的插件作为所述待组装插件。

在本发明一实施例中，所述渲染单元，用于分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码，确定每个所述待组装插件的资源文件，根据所述页面代码和所述资源文件，生成所述待返回内容。

在本发明一实施例中，所述渲染单元，用于：

针对每个所述待组装插件执行：

将所述页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据所述当前业务处理数据，对所述当前待组装插件进行渲染，生成所述当前待组装插件对应的当前页面代码。

在本发明一实施例中，所述渲染单元，用于将至少一个所述资源文件中相同的资源文件进行合并处理，根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容。

本发明实施例提供的一种在web应用中实现页面插件化的装置可以部署在web应用的后台服务器中。

上述装置内的各单元之间的信息交互、执行过程等内容，由于与本发明方法实施例基于同一构思，具体内容可参见本发明方法实施例中的叙述，此处不再赘述。

本发明实施例提供了一种可读介质，包括执行指令，当存储控制器的处理器执行所述执行指令时，所述存储控制器执行本发明实施例提供的任意一种在web应用中实现页面插件化的方法。

本发明实施例提供了一种存储控制器，包括：处理器、存储器和总线；

所述存储器用于存储执行指令，所述处理器与所述存储器通过所述总线连接，当所述存储控制器运行时，所述处理器执行所述存储器存储的执行指令，以使所述存储控制器执行本发明实施例提供的任意一种在web应用中实现页面插件化的方法。

本发明各个实施例至少具有如下有益效果：

1、在本发明实施例中，预先设置至少一个插件，这些插件之间没有依赖关系，在接收到页面请求时，根据该页面请求对应的待组装插件组装成所需要的待显示页面，预先设置的插件可以重复使用，可以在不同web应用的页面中展示，避免了重复开发，能够更加简单地实现web应用。

2、在本发明实施例中，有效降低复杂页面的复杂度，降低了开发维护难度，降低协同开发大型系统的难度，通过插件，将相同功能在不同页面复用，提高开发效率。

需要说明的是，在本文中，诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个〃····〃”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储在计算机可读取的存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。

最后需要说明的是：以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种在web应用中实现页面插件化的方法，其特征在于，

预先设置至少一个插件，每个所述插件与任一插件之间没有依赖关系；

包括：

拦截浏览器发来的页面请求；

根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；

对所述至少一个待组装插件进行组装，生成待返回内容；

将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。

2.根据权利要求1所述的方法，其特征在于，

进一步包括：预先设置至少一个主体，其中，每个所述主体中包括至少一个插件标记；

所述根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件，包括：

确定所述页面请求对应的所述待显示页面的当前主体；

将所述当前主体中每个所述插件标记对应的插件作为所述待组装插件。

3.根据权利要求2所述的方法，其特征在于，

所述对所述至少一个待组装插件进行组装，生成待返回内容，包括：

分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码；

确定每个所述待组装插件的资源文件；

根据所述页面代码和所述资源文件，生成所述待返回内容。

4.根据权利要求3所述的方法，其特征在于，

所述分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码，包括：

针对每个所述待组装插件执行：

将所述页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据所述当前业务处理数据，对所述当前待组装插件进行渲染，生成所述当前待组装插件对应的当前页面代码。

5.根据权利要求3所述的方法，其特征在于，

所述根据所述页面代码和所述资源文件，生成所述待返回内容，包括：

将至少一个所述资源文件中相同的资源文件进行合并处理；

根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容。

6.根据权利要求5所述的方法，其特征在于，

所述待返回内容包括：超级文本标记语言html的head；

所述根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容，包括：

根据所述合并处理后剩余的所述资源文件，生成html的head。

7.一种在web应用中实现页面插件化的装置，其特征在于，包括：

第一保存单元，用于保存至少一个插件，每个所述插件与任一插件之间没有依赖关系；

拦截器，用于拦截浏览器发来的页面请求；

确定单元，用于根据所述页面请求，从所述至少一个插件中确定至少一个待组装插件；

渲染单元，用于对所述至少一个待组装插件进行组装，生成待返回内容；

发送单元，用于将所述待返回内容发送给所述浏览器，以使所述浏览器根据所述待返回内容显示所述页面请求对应的待显示页面。

8.根据权利要求7所述的装置，其特征在于，

进一步包括：

第二保存单元，用于保存至少一个主体，其中，每个所述主体中包括至少一个插件标记；

所述确定单元，用于确定所述页面请求对应的所述待显示页面的当前主体，将所述当前主体中每个所述插件标记对应的插件作为所述待组装插件。

9.根据权利要求8所述的装置，其特征在于，

所述渲染单元，用于分别对所述当前主体以及每个所述待组装插件进行渲染，生成渲染后的页面代码，确定每个所述待组装插件的资源文件，根据所述页面代码和所述资源文件，生成所述待返回内容。

10.根据权利要求9所述的装置，其特征在于，

所述渲染单元，用于：

针对每个所述待组装插件执行：

将所述页面请求输入到当前待组装插件对应的当前业务处理单元中，生成当前业务处理数据；

根据所述当前业务处理数据，对所述当前待组装插件进行渲染，生成所述当前待组装插件对应的当前页面代码；

和/或，

所述渲染单元，用于将至少一个所述资源文件中相同的资源文件进行合并处理，根据所述页面代码和合并处理后剩余的所述资源文件，生成所述待返回内容。