CN106155656B - 互联网页面组件调用的方法和装置 - Google Patents

Abstract

本发明公开了一种互联网页面组件调用的方法，包括步骤：接收脚本对象文件调用指令，脚本对象文件调用指令中包含有页面组件的关键字；调用页面组件关键字对应的脚本对象文件，脚本对象文件中预定义有页面组件的预设逻辑；根据脚本对象文件中页面组件的预设逻辑，调用本地或外部存储的页面组件，用于生成页面效果。本发明还公开了一种互联网页面组件调用的装置。本发明采用脚本对象文件预先定义页面组件的关键字和预设逻辑，在调用页面组件时全部采用脚本对象文件来统一规范页面组件的调用方式，开发人员采用统一的关键字和调用方式调用脚本对象文件，进而实现页面组件的调用，有效减少了调用不当造成的页面异常，提高了页面开发质量和效率。

Description

互联网页面组件调用的方法和装置

技术领域

本发明涉及到互联网技术领域，特别涉及到互联网页面组件调用的方法和装置。

背景技术

目前，页面开发人员在对互联网web页面进行开发时，需要在页面上调用许多页面组件，页面组件是能够作用在web页面上产生各种页面效果的一系列代码。传统的页面组件调用方式是直接将页面组件写在页面全局范围内，即将页面组件存储在页面配置文件中，调用时直接对配置文件中的页面组件进行调用。由于页面组件较多，页面组件命名方式和调用方式可能存在较大的差异，页面开发人员在使用页面组件时，需要分别针对不同的页面组件采用不同的调用方式。由于调用方式的不一致，一旦调用不当，极容易引发web页面报错，导致页面异常问题发生。

发明内容

本发明实施例提供一种互联网页面组件调用的方法和装置，使页面组件调用方式统一，避免调用不当造成的页面异常。

本发明实施例提出一种互联网页面组件调用的方法，包括步骤：

接收脚本对象文件调用指令，所述脚本对象文件调用指令中包含有页面组件的关键字；

调用所述页面组件关键字对应的脚本对象文件，所述脚本对象文件中预定义有所述页面组件的预设逻辑；

根据所述脚本对象文件中所述页面组件的预设逻辑，调用本地或外部存储的所述页面组件，用于生成页面效果。

本发明实施例还提出一种互联网页面组件调用的装置，包括：

指令接收模块，用于接收脚本对象文件调用指令，所述脚本对象文件调用指令中包含有页面组件的关键字；

对象调用模块，用于调用所述页面组件关键字对应的脚本对象文件，所述脚本对象文件中预定义有所述页面组件的预设逻辑；

组件调用模块，用于根据所述脚本对象文件中所述页面组件的预设逻辑，调用本地或外部存储的所述页面组件，用于生成页面效果。

本发明实施例采用脚本对象文件预先定义页面组件的关键字和预设逻辑，在调用页面组件时全部采用脚本对象文件来统一规范页面组件的调用方式，开发人员采用统一的关键字和调用方式调用脚本对象文件，进而实现页面组件的调用，有效减少了调用不当造成的页面异常，提高了页面开发质量和效率。

附图说明

图1为本发明实施例中互联网页面组件调用的装置所在终端的总线图；

图2为本发明互联网页面组件调用的方法的第一实施例的流程图；

图3为本发明互联网页面组件调用的方法的第二实施例的流程图；

图4为本发明互联网页面组件调用的方法的第三实施例的流程图；

图5为本发明互联网页面组件调用的方法的第四实施例的流程图；

图6为本发明互联网页面组件调用的装置的第一实施例的模块示意图；

图7为本发明互联网页面组件调用的装置的第二实施例的模块示意图；

图8为本发明的互联网页面组件调用的装置第三实施例的模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参照图1，图1为本发明实施例中互联网页面组件调用的装置所在终端的总线图。该终端可以包括：至少一个处理器101，例如CPU，至少一个网络接口104，用户接口103，存储器105，至少一个通信总线102。其中，通信总线102用于实现这些部件之间的连接通信。其中，用户接口103可以包括显示屏(Display)、键盘(Keyboard)，还可以包括标准的有线接口、无线接口。网络接口104可以包括标准的有线接口、无线接口(如WIFI接口)。存储器105可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器105还可以是至少一个位于远离前述处理器101的存储装置。作为一种计算机存储介质的存储器105中可以包括操作系统、网络通信模块、用户接口模块以及互联网页面组件调用程序。

在图1所示的互联网页面组件调用的装置所在终端中，网络接口104主要用于连接资源加载服务器，与资源加载服务器服务器进行数据通信；而用户接口103主要用于接收用户指令，并与用户进行交互；而处理器101可以用于调用存储器105中存储的互联网页面组件调用程序，并执行以下操作：

通过用户接口103接收脚本对象文件调用指令，脚本对象文件调用指令中包含有页面组件的关键字；

调用页面组件关键字对应的脚本对象文件，脚本对象文件中预定义有页面组件的预设逻辑；

根据脚本对象文件中页面组件的预设逻辑，调用本地或外部存储的页面组件，用于生成页面效果。

在一个实施例中，处理器101调用存储器105中存储的互联网页面组件调用程序还可以执行以下操作：

根据页面组件关键字，加载页面组件的资料文件；

根据资料文件，调用本地或外部存储的页面组件。

在一个实施例中，处理器101调用存储器105中存储的互联网页面组件调用程序还可以执行以下操作：

通过网络接口104从资源加载服务器下载所述页面组件，并调用所下载的页面组件；

或从本地资源库调用所述页面组件。

在一个实施例中，脚本对象文件调用指令中还包含有外部参数，处理器101调用存储器105中存储的互联网页面组件调用程序还可以执行以下操作：

将外部参数传入页面组件。

在一个实施例中，处理器101调用存储器105中存储的互联网页面组件调用程序还可以执行以下操作：

缓存外部参数。

本实施例图1所描述的互联网页面组件调用的装置及其所在终端，采用脚本对象文件预先定义页面组件的关键字和预设逻辑，在调用页面组件时全部采用脚本对象文件来统一规范页面组件的调用方式，开发人员采用统一的关键字和调用方式调用脚本对象文件，进而实现页面组件的调用，有效减少了调用不当造成的页面异常，提高了页面开发质量和效率。

如图2所示，图2为本发明互联网页面组件调用的方法的第一实施例的流程图。本实施例提到的互联网页面组件调用的方法，包括步骤：

步骤S10，接收脚本对象文件调用指令；

本实施例采用一个脚本文件的对象来预先定义web页面对象的关键字和预设逻辑。脚本文件以javascript文件(js文件)为例，对象名称为c，则这个脚本对象文件为c.js，对于关键字为a的页面组件a，预定义为c.a＝function(){/**页面组件a的预设逻辑**/}。页面开发人员在前端的开发页面中选择了控件a，该控件a用于触发页面组件关键字为a的脚本对象文件调用指令，并发送给后台接收。

步骤S20，调用页面组件关键字对应的脚本对象文件；

后台接收脚本对象文件调用指令后，调用关键字为a的脚本对象文件，即c.a()，由于该脚本对象文件中预定义有页面组件a的预设逻辑，调用c.a()即触发了页面组件a的预设逻辑。

步骤S30，根据脚本对象文件中页面组件的预设逻辑，调用本地或外部存储的页面组件，用于生成页面效果。

在脚本对象文件c.a()中，页面组件a的预设逻辑包括了针对于页面组件a的调用方式，采用该预设逻辑调用页面组件，实现页面组件的功能。由于此处根据脚本对象文件中页面组件的预设逻辑对页面组件的调用，并未暴露给页面开发人员，而是在后台运行，开发人员只需要知道脚本对象文件的调用方式即可。由于采用脚本对象文件预先定义页面组件的关键字和预设逻辑，在调用页面组件时全部采用脚本对象文件来统一规范页面组件的调用方式，开发人员采用统一的关键字和调用方式调用脚本对象文件，进而实现页面组件的调用，有效减少了调用不当造成的页面异常，提高了页面开发质量和效率。

如图3所示，图3为本发明互联网页面组件调用的方法的第二实施例的流程图。本实施例包括了图2所示实施例中的所有步骤，并且提供了步骤S30的一种实施方案，仍以页面组件a为例，步骤S30包括：

步骤S31，根据页面组件关键字，加载页面组件的资料文件；

本实施例在js文件中的预设逻辑，会根据页面组件a的关键字加载页面组件a所需要的资料文件，例如页面组件的.js文件和.css文件，即a.js和a.css。

步骤S32，根据资料文件，调用本地或外部存储的页面组件。

在加载完页面组件的资料文件后，采用加载的资料文件a.js和a.css调用页面组件a。由于本实施例并非直接调用页面组件，而是采用统一的脚本对象文件来预定义页面组件的预设逻辑，需先加载页面组件所需的资料文件，再采用加载的资料文件来调用页面组件，以实现通过脚本对象文件来统一规范页面组件的调用方式，减少调用不当造成的页面异常。

进一步的，如图4所示，图4为本发明互联网页面组件调用的方法的第三实施例的流程图。本实施例包括了图3所示实施例中的所有步骤，并且提供了步骤S32的一种实施方案，步骤S32包括：

步骤S321，从资源加载服务器下载页面组件，并调用所下载的页面组件；或从本地资源库调用页面组件。

本发明实施例中需调用的页面组件a可直接写在配置文件中，根据资料文件从配置文件中调用页面组件a，如图3所示实施例。也可以不将页面组件a存储在配置文件中，而是存储在资源加载服务器或本地设备的资源库中，如图4所示实施例。当页面组件存储在资源加载服务器时，在调用页面组件a时，通过网络连接到资源加载服务器，下载并调用页面组件a。当页面组件存储在本地设备的资源库时，在调用页面组件a时，可直接根据资料文件从本地设备的资源库中调用页面组件a。由于在图4所示实施例中，页面组件并未直接写入配置文件，有利于避免页面组件重名造成的web页面异常。

如图5所示，图5为本发明互联网页面组件调用的方法的第四实施例的流程图。本实施例包括了图3所示实施例中的所有步骤，并且增加了传入外部参数的步骤，即在步骤S32之后还包括：

步骤S33，将外部参数传入页面组件。

进一步的，步骤S20之后还包括：

步骤S21，缓存外部参数。

在本实施例中，开发人员如需要向页面组件的传入参数，则可以通过脚本对象文件调用指令输入外部参数，并在脚本对象文件触发页面组件的预设逻辑时，根据预设逻辑指示缓存接收到的外部参数，在完成页面组件的调用后，将缓存的外部参数传入页面组件，实现页面组件的功能。

如图6所示，图6为本发明的互联网页面组件调用的装置第一实施例的模块示意图。本实施例提到的互联网页面组件调用的装置，包括：

指令接收模块210，用于接收脚本对象文件调用指令，脚本对象文件调用指令中包含有页面组件的关键字；

对象调用模块220，用于调用页面组件关键字对应的脚本对象文件，脚本对象文件中预定义有页面组件的预设逻辑；

组件调用模块230，用于根据脚本对象文件中页面组件的预设逻辑，调用本地或外部存储的页面组件，用于生成页面效果。

本实施例采用一个javascript文件的对象来预先定义web页面对象的关键字和预设逻辑，例如，对象名称为c，则这个脚本对象文件为c.js，对于关键字为a的页面组件a，预定义为c.a＝function(){/**页面组件a的预设逻辑**/}。页面开发人员在前端的开发页面中选择了控件a，该控件a用于触发页面组件关键字为a的脚本对象文件调用指令，并发送给后台接收。

后台接收脚本对象文件调用指令后，调用关键字为a的脚本对象文件，即c.a()，由于该脚本对象文件中预定义有页面组件a的预设逻辑，调用c.a()即触发了页面组件a的预设逻辑。

在脚本对象文件c.a()中，页面组件a的预设逻辑包括了针对于页面组件a的调用方式，采用该预设逻辑调用页面组件，实现页面组件的功能。由于此处根据脚本对象文件中页面组件的预设逻辑对页面组件的调用，并未暴露给页面开发人员，而是在后台运行，开发人员只需要知道脚本对象文件的调用方式即可。由于采用脚本对象文件预先定义页面组件的关键字和预设逻辑，在调用页面组件时全部采用脚本对象文件来统一规范页面组件的调用方式，开发人员采用统一的关键字和调用方式调用脚本对象文件，进而实现页面组件的调用，有效减少了调用不当造成的页面异常，提高了页面开发质量和效率。

如图7所示，图7为本发明的互联网页面组件调用的装置第二实施例的模块示意图。本实施例包括了图6所示实施例中的所有模块，并提供了组件调用模块230的一种实施方案，组件调用模块230包括：

文件加载单元231，用于根据页面组件关键字，加载页面组件的资料文件；

组件加载单元232，用于根据资料文件，调用本地或外部存储的页面组件。

本实施例仍以页面组件a为例，在js文件中的预设逻辑，会根据页面组件a的关键字加载页面组件a所需要的资料文件，例如页面组件的.js文件和.css文件，即a.js和a.css。在加载完页面组件的资料文件后，采用加载的资料文件a.js和a.css调用页面组件a。由于本实施例并非直接调用页面组件，而是采用统一的脚本对象文件来预定义页面组件的预设逻辑，需先加载页面组件所需的资料文件，再采用加载的资料文件来调用页面组件，以实现通过脚本对象文件来统一规范页面组件的调用方式，减少调用不当造成的页面异常。

进一步的，组件加载单元232还用于：

从资源加载服务器下载页面组件，并调用所下载的页面组件；或从本地资源库调用页面组件。

本发明实施例中需调用的页面组件a可直接写在配置文件中，根据资料文件从配置文件中调用页面组件a，也可以不将页面组件a存储在配置文件中，而是存储在资源加载服务器或本地设备的资源库中。当页面组件存储在资源加载服务器时，在调用页面组件a时，通过网络连接到资源加载服务器，下载并调用页面组件a。当页面组件存储在本地设备的资源库时，在调用页面组件a时，可直接根据资料文件从本地设备的资源库中调用页面组件a。由于页面组件并未直接写入配置文件，有利于避免页面组件重名造成的web页面异常。

如图8所示，图8为本发明的互联网页面组件调用的装置第三实施例的模块示意图。本实施例包括了图7所示实施例中的所有模块，并提供了组件调用模块230的另一种实施方案，组件调用模块230还包括：

参数传入单元233，用于将外部参数传入页面组件。

进一步的，互联网页面组件调用的装置还增加了缓存模块240，用于缓存外部参数。

在本实施例中，开发人员如需要向页面组件的传入参数，则可以通过脚本对象文件调用指令输入外部参数，并在脚本对象文件触发页面组件的预设逻辑时，根据预设逻辑指示缓存接收到的外部参数，在完成页面组件的调用后，将缓存的外部参数传入页面组件，实现页面组件的功能。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上所述仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (6)

1.一种互联网页面组件调用的方法，其特征在于，包括步骤：

接收脚本对象文件调用指令，所述脚本对象文件调用指令中包含有页面组件的关键字；

调用所述页面组件关键字对应的脚本对象文件，所述脚本对象文件中有采用统一的所述脚本对象文件预定义的所述页面组件的预设逻辑，其中，所述预设逻辑包括了针对于所述页面组件的调用方式，采用所述预设逻辑调用所述页面组件，以实现所述页面组件的功能；

根据所述页面组件关键字，加载所述页面组件所需要的资料文件；当所述页面组件存储在资源加载服务器时，通过网络连接到所述资源加载服务器，根据所述资料文件下载并调用所述页面组件；当所述页面组件存储在本地设备的资源库时，直接根据资料文件从本地设备的资源库中调用所述页面组件，用于生成页面效果。

2.如权利要求1所述的互联网页面组件调用的方法，其特征在于，所述脚本对象文件调用指令中还包含有外部参数；

所述根据所述资料文件，调用本地或外部存储的所述页面组件的步骤之后还包括：将所述外部参数传入所述页面组件。

3.如权利要求2所述的互联网页面组件调用的方法，其特征在于，所述调用所述页面组件关键字对应的脚本对象文件的步骤之后还包括：缓存所述外部参数。

4.一种互联网页面组件调用的装置，其特征在于，包括：

指令接收模块，用于接收脚本对象文件调用指令，所述脚本对象文件调用指令中包含有页面组件的关键字；

对象调用模块，用于调用所述页面组件关键字对应的脚本对象文件，所述脚本对象文件中有采用统一的所述脚本对象文件预定义的所述页面组件的预设逻辑，其中，所述预设逻辑包括了针对于所述页面组件的调用方式，采用所述预设逻辑调用所述页面组件，以实现所述页面组件的功能；

组件调用模块，用于根据所述脚本对象文件中所述页面组件的预设逻辑，调用本地或外部存储的所述页面组件，用于生成页面效果，包括：文件加载单元，用于根据所述页面组件关键字，加载所述页面组件所需要的资料文件；组件加载单元，用于根据所述资料文件，调用本地或外部存储的所述页面组件，其中，所述组件加载单元还用于：当所述页面组件存储在资源加载服务器时，通过网络连接到所述资源加载服务器，根据所述资料文件下载并调用所述页面组件；当所述页面组件存储在本地设备的资源库时，直接根据资料文件从本地设备的资源库中调用所述页面组件。

5.如权利要求4所述的互联网页面组件调用的装置，其特征在于，所述脚本对象文件调用指令中还包含有外部参数；

所述组件调用模块还包括参数传入单元，用于将所述外部参数传入所述页面组件。

6.如权利要求5所述的互联网页面组件调用的装置，其特征在于，还包括缓存模块，用于缓存所述外部参数。

Images