组件调用方法及装置与流程

本发明属于浏览器界面编辑领域，尤其涉及一种组件调用方法及装置。

背景技术：

当前，人们对软件系统功能的要求越来越高。开发公司想要编辑一款功能完善、结构优良以及稳定性和安全性强的软件，往往需要几百万行代码来实现软件系统的各功能，开发公司完成界面编辑，用户使用浏览器界面，随着开发复杂度的日益提升，尤其是对于结构复杂，代码数量多的情况，在编辑过程中会出现开发效率低，开发速率较慢等问题，因此组件开发应运而生。

现有技术中，软件系统的界面制作是通过人工编码完成的，虽然组件的应用可以减少编码的时间，开发人员依然需要从数据库中查找组件，然后输入到待编辑的界面中，使得组件的应用的复用性和灵活性差，进而降低了编辑效率。

技术实现要素：

本发明实施例提供一种组件调用方法及装置，旨在解决因人工输入组件，造成的组件的应用的复用性和灵活性差，编辑效率低的问题。

本发明实施例提供的一种组件调用方法，包括：根据用户输入的查找指令，在预置的组件存储库中查找待调用组件；根据所述用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域；根据所述用户输入的设置指令，将所述待调用组件设置于所述目标插槽区域中。

本发明实施例提供的一种组件调用装置，包括：查找模块、确定模块和设置模块；查找模块用于根据用户输入的查找指令，在预置的组件存储库中查找待调用组件；确定模块用于根据所述用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域；设置模块用于根据所述用户输入的设置指令，将所述待调用组件设置于所述目标插槽区域中。

本发明实施例提供的组件调用方法及装置，根据用户输入的查找指令，在预置的组件存储库中查找待调用组件，根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域，根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中，这样当需要调用组件时，从组件存储库选取待调用组件，并直接将该待调用组件设置于预留的插槽中，增加了编辑效率，同时提高了组件的复用性和灵活性。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例。

图1是本发明第一实施例提供的组件调用方法的实现流程示意图；

图2是本发明第二实施例提供的组件调用方法的实现流程示意图；

图3是本发明第三实施例提供的组件调用装置的结构示意图；

图4是本发明第四实施例提供的组件调用装置的结构示意图。

具体实施方式

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

请参阅图1，图1为本发明第一实施例提供的组件调用方法的实现流程示意图，可应用于提供编程环境且具有显示功能的终端中。图1所示的组件调用方法，主要包括以下步骤：

S101、根据用户输入的查找指令，在预置的组件存储库中查找待调用组件。

终端可以通过外围设备，如鼠标或者键盘检测用户输入的查找指令，终端还可以通过判断屏幕中电压的变化，检测用户输入的查找指令。该组件存储库中存储多个组件。该多个组件是用于实现浏览器界面的功能。

S102、根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域。

在浏览器界面中预先设置有多个插槽区域，该多个插槽区域在浏览器界面中的位置以及区域大小均不相同。在现有技术中，插槽是用于标识服务程序，而本实施例中插槽的用于插放组件的。

S103、根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中。

该设置指令可以是将待调用组件拖拽到该目标插槽区域的指令，也可以是通过点击的方式将待调用组件设置在目标插槽区域的指令，该设置指令用于触发将该待调用组件设置于该目标插槽区域中的指令。

本发明实施例中，根据用户输入的查找指令，在预置的组件存储库中查找待调用组件，根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域，根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中，这样当需要调用组件时，从组件存储库选取待调用组件，并直接将该待调用组件设置于预留的插槽中，增加了编辑效率，同时提高了组件的复用性和灵活性。

请参阅图2，图2为本发明第二实施例提供的组件调用方法的实现流程示意图，可应用于提供编程环境且具有显示功能的终端中。图2所示的组件调用方法，主要包括以下步骤：

S201、预置多个组件。

S202、将该多个组件，该多个组件中各组件对应的尺寸、功能关键字和/或识别码存储于该组件存储库中。

预先设置多个组件，每一个组件均有对应的功能，该功能关键字用于表示该功能关键字对应的组件的功能，该功能关键字是依据组件对应的功能设置的，例如，该组件对应的功能是文字链功能，则该功能关键字可以设置为文字或者文字链或者字，此处对功能关键字的实现形式不做限定。每一组件对应设置识别码，该识别码可以是数字，也可以是字符，也可以是特殊符号，还可以是数字、字符以及特殊符号的任意组合，此处对该识别码不做限定。

该组件存储库可以内置于终端中，也可以位于云端服务器中，此处对组件存储库的存储位置不做限定。存储于组件存储库中的该多个组件为编辑浏览器界面时经常使用的组件，在编辑浏览器界面领域中，经常使用的组件的功能包括：显示头图功能、文字链功能、显示商品列表功能等。

本发明实施例中组件调用方法还包括：检查组件的功能与封装于组件内的数据是否一致；若不一致，则删除该组件以及封装于该组件中的数据，这样将无效组件、无效数据进行删除，节省了存储空间，进而缩短网络传输时间。

本发明实施例中的组件调用方法还包括：在该组件存储库中，判别是否有调用次数小于预置调用次数的目标组件，若具有小于该预置调用次数的目标组件，则在该组件存储库中删除该目标组件，其中该组件存储库中还包括该多个组件中各组件对应的调用次数，这样将不经常使用的组件删除，增加组件存储库的利用率，节省存储空间。

S203、根据用户输入的查找指令，在预置的组件存储库中查找待调用组件。

终端可以通过外围设备，如鼠标或者键盘检测用户输入的查找指令，终端还可以通过判断屏幕中电压的变化，检测用户输入的查找指令。

进一步地，根据用户输入的查找指令，在预置的组件存储库中查找待调用组件具体为：

根据该用户键入的功能关键字或者识别码，在该组件存储库中查找与该键入的功能关键字或者识别码对应的该待调用组件。

将该用户键入的功能关键字或者识别码的操作作为查找指令，终端根据该键入的功能关键字或者识别码，在该组件存储库中查找与该键入的功能关键字或者识别码对应的该待调用组件。在实际应用中，在编辑浏览器界面中预置指定区域，该指定区域用于指示用户键入功能关键字或者识别码。这样，无需用户进入组件存储库中查找，只需在当前编辑浏览器界面的指定区域内，键入功能关键字或者识别码就能查找到待调用组件，节省了查找时间，增加了编辑效率。

S204、接收该用户输入的确定指令。

S205、在该浏览器界面上显示该多个插槽区域中每一插槽区域对应的功能关键字，以向该用户提示该每一插槽区域对应的优选组件。

S206、根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域。

首先接收用户输入的确定指令，该确定指令用于指示终端在多个插槽区域中确定目标插槽区域，然后终端不执行步骤S206的确定操作，先执行步骤S205。在浏览器界面上的插槽区域的位置，用户可以任意插放不同的功能的组件，但是从排版效果以及显示功能的效果的角度，每一插槽区域均对应预置一个或者多个优选组件，在确定目标插槽区域之前，显示该多个插槽区域中每一插槽区域对应的功能关键字，以向该用户提示该每一插槽区域对应的优选组件，该功能关键字为优选组件对应的功能关键字，这样可以提高浏览器界面显示效果，增加用户使用体验。

需要说明的是，该优选组件为包含在预置该多个组件中，也就是说，该优选组件是在预置的多个组件中优先选取的与插槽区域对应的组件。

S207、判断该待调用组件的尺寸是否满足该目标插槽区域的容量。

当该待调用组件的尺寸的数值大于或者等于该目标插槽区域的容量的数值时，均表示该待调用组件的尺寸不满足该目标插槽区域的容量，若判定该待调用组件的尺寸不满足该目标插槽区域的容量，则执行步骤S208，若该待调用组件的尺寸满足该目标插槽区域的容量，则执行步骤S209。

S208、若该待调用组件的尺寸不满足该目标插槽区域的容量，则调整该待调用组件的尺寸的数值等于该目标插槽区域的容量的数值。

该待调用组件的尺寸的数值等于该目标插槽区域的容量的数值是表示该待调用组件的尺寸100％符合目标插槽区域的容量，举例说明，设该待调用组件的功能为显示头图，该待调用组件的尺寸为100KB，目标插槽区域的容量为200KB，则将该待调用组件的尺寸调整为200KB。

S209、根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中。

S210、在该浏览器界面上显示该待调用组件对应的功能。

该设置指令用于触发将该待调用组件设置于该目标插槽区域中的指令。然后，浏览器界面上可以显示该待调用组件对应的功能，若该待调用组件功能为显示头图，则在浏览器界面上目标插槽区域的位置显示头图。

本发明实施例中，预置多个组件，将该多个组件，该多个组件中各组件对应的尺寸、功能关键字和/或识别码存储于该组件存储库中，根据用户输入的查找指令，在预置的组件存储库中查找待调用组件，接收该用户输入的确定指令，然后，在该浏览器界面上显示该多个插槽区域中每一插槽区域对应的功能关键字，以向该用户提示该每一插槽区域对应的优选组件，根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域，判断该待调用组件的尺寸是否满足该目标插槽区域的容量，若该待调用组件的尺寸不满足该目标插槽区域的容量，则调整该待调用组件的尺寸的数值等于该目标插槽区域的容量的数值，根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中，在该浏览器界面上显示该待调用组件对应的功能，这样当需要调用组件时，从组件存储库选取待调用组件，并直接将该待调用组件设置于预留的插槽中，增加了编辑效率，同时提高了组件的复用性和灵活性。

请参阅图3，图3是本发明第三实施例提供的组件调用装置的结构示意图，为了便于说明，仅示出了与本发明实施例相关的部分。图3示例的组件调用装置可以是前述图1所示实施例提供的组件调用方法的执行主体，如终端或者终端中的一个控制模块。图3示例的组件调用装置，主要包括：查找模块301、确定模块302和设置模块303。以上各功能模块详细说明如下：

查找模块301，用于根据用户输入的查找指令，在预置的组件存储库中查找待调用组件；

确定模块302，用于根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域；

设置模块303，用于根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中。

该组件存储库中存储多个组件。该多个组件是用于实现浏览器界面的功能。设置模块303还用于在浏览器界面中预先设置有多个插槽区域，该多个插槽区域在浏览器界面中的位置以及区域大小均不相同。在现有技术中，插槽是用于标识服务程序，而本实施例中插槽的用于插放组件的。该设置指令用于触发将该待调用组件设置于该目标插槽区域中的指令。该设置指令可以是将待调用组件拖拽到该目标插槽区域的指令，也可以是通过点击的方式将待调用组件设置在目标插槽区域的指令，该设置指令用于触发将该待调用组件设置于该目标插槽区域中的指令。

需要说明的是，以上图3示例的组件调用装置的实施方式中，各功能模块的划分仅是举例说明，实际应用中可以根据需要，例如相应硬件的配置要求或者软件的实现的便利考虑，而将上述功能分配由不同的功能模块完成，即将程序调用装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。而且，实际应用中，本实施例中的相应的功能模块可以是由相应的硬件实现，也可以由相应的硬件执行相应的软件完成。本说明书提供的各个实施例都可应用上述描述原则，以下不再赘述。

本发明实施例中，查找模块301根据用户输入的查找指令，在预置的组件存储库中查找待调用组件，确定模块302根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域，设置模块303根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中，这样当需要调用组件时，从组件存储库选取待调用组件，并直接将该待调用组件设置于预留的插槽中，增加了编辑效率，同时提高了组件的复用性和灵活性。

请参阅图4，本发明第四实施例提供的组件调用装置的结构示意图，为了便于说明，仅示出了与本发明实施例相关的部分。图4示例的组件调用装置可以是前述图2所示实施例提供的组件调用方法的执行主体，如终端或终端中的一个控制模块。图4示例的组件调用装置，主要包括：设置模块401、存储模块402、查找模块403、接收模块404、显示处理模块405、确定模块406、判断模块407和调整模块408，以上各功能模块详细说明如下：

设置模块401，用于预置多个组件。

存储模块402，用于将该多个组件，该多个组件中各组件对应的尺寸、功能关键字和/或识别码存储于该组件存储库中。

设置模块401预先设置多个组件，每一个组件均有对应的功能，该功能关键字用于表示该功能关键字对应的组件的功能，该功能关键字是依据组件对应的功能设置的，例如，该组件对应的功能是文字链功能，则该功能关键字可以设置为文字或者文字链或者字，此处对功能关键字的实现形式不做限定。设置模块401对每一组件对应设置识别码，该识别码可以是数字，也可以是字符，也可以是特殊符号，还可以是数字、字符以及特殊符号的任意组合，此处对该识别码不做限定。

该组件存储库可以内置于终端中，也可以位于云端服务器中，此处对组件存储库的存储位置不做限定。存储于组件存储库中的该多个组件为编辑浏览器界面时经常使用的组件，在编辑浏览器界面领域中，经常使用的组件的功能包括：显示头图功能、文字链功能、显示商品列表功能等。

本发明实施例中的组件调用装置还包括：判别模块和更新模块，该判别模块用于在该组件存储库中，判别是否有调用次数小于预置调用次数的目标组件，若具有小于该预置调用次数的目标组件，则该更新模块用于在该组件存储库中删除该目标组件，其中该组件存储库中还包括该多个组件中各组件对应的调用次数，这样将不经常使用的组件删除，增加组件存储库的利用率，节省存储空间。

查找模块403，用于根据用户输入的查找指令，在预置的组件存储库中查找待调用组件。

进一步地，查找模块403，还用于根据该用户键入的功能关键字或者识别码，在该组件存储库中查找与该键入的功能关键字或者识别码对应的该待调用组件。

将该用户键入的功能关键字或者识别码的操作作为查找指令，查找模块403根据该键入的功能关键字或者识别码，在该组件存储库中查找与该键入的功能关键字或者识别码对应的该待调用组件。在实际应用中，设置模块401还用于在编辑浏览器界面中预置指定区域，该指定区域用于指示用户键入功能关键字或者识别码。这样，无需用户进入组件存储库中查找，只需在当前编辑浏览器界面的指定区域内，键入功能关键字或者识别码就能查找到待调用组件，节省了查找时间，增加了编辑效率。

接收模块404，用于接收该用户输入的确定指令。

显示处理模块405，用于在该浏览器界面上显示该多个插槽区域中每一插槽区域对应的功能关键字，以向该用户提示该每一插槽区域对应的优选组件。

确定模块406，用于根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域。

首先接收模块404接收用户输入的确定指令，该确定指令用于指示终端在多个插槽区域中确定目标插槽区域，然后确定模块406不执行确定操作，显示处理模块405先执行显示操作。在浏览器界面上的插槽区域的位置，用户可以任意插放不同的功能的组件，但是从排版效果以及显示功能的效果的角度，每一插槽区域均对应预置一个或者多个优选组件，在确定模块406确定目标插槽区域之前，显示处理模块405显示该多个插槽区域中每一插槽区域对应的功能关键字，以向该用户提示该每一插槽区域对应的优选组件，该功能关键字为优选组件对应的功能关键字，这样可以提高浏览器界面显示效果，增加用户使用体验。

需要说明的是，该优选组件为包含在预置该多个组件中，也就是说，该优选组件是在预置的多个组件中优先选取的与插槽区域对应的组件。

判断模块407，用于判断该待调用组件的尺寸是否满足该目标插槽区域的容量。

当该待调用组件的尺寸的数值大于或者等于该目标插槽区域的容量的数值时，均表示该待调用组件的尺寸不满足该目标插槽区域的容量，若该待调用组件的尺寸不满足该目标插槽区域的容量，则判断模块407告知调整模块408执行操作，若该待调用组件的尺寸满足该目标插槽区域的容量，则判断模块407告知设置模块401执行操作。

调整模块408，用于若该待调用组件的尺寸不满足该目标插槽区域的容量，则调整该待调用组件的尺寸的数值等于该目标插槽区域的容量的数值。

该待调用组件的尺寸的数值等于该目标插槽区域的容量的数值是表示该待调用组件的尺寸100％符合目标插槽区域的容量，举例说明，设该待调用组件的功能为显示头图，该待调用组件的尺寸为100KB，目标插槽区域的容量为200KB，则将该待调用组件的尺寸调整为200KB。

设置模块401，还用于根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中。

显示处理模块405，还用于在该浏览器界面上显示该待调用组件对应的功能。

该设置指令用于触发将该待调用组件设置于该目标插槽区域中的指令。然后，浏览器界面上可以显示该待调用组件对应的功能，若该待调用组件功能为显示头图，则在浏览器界面上目标插槽区域的位置显示头图。本发明实施例中，设置模块401预置多个组件，存储模块402将该多个组件，该多个组件中各组件对应的尺寸、功能关键字和/或识别码存储于该组件存储库中，查找模块403根据用户输入的查找指令，在预置的组件存储库中查找待调用组件，接收模块404接收该用户输入的确定指令，然后，显示处理模块405在该浏览器界面上显示该多个插槽区域中每一插槽区域对应的功能关键字，以向该用户提示该每一插槽区域对应的优选组件，确定模块406根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域，判断模块407判断该待调用组件的尺寸是否满足该目标插槽区域的容量，若该待调用组件的尺寸不满足该目标插槽区域的容量，则调整模块408调整该待调用组件的尺寸的数值等于该目标插槽区域的容量的数值，设置模块401根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中，显示处理模块405在该浏览器界面上显示该待调用组件对应的功能，这样当需要调用组件时，查找模块403从组件存储库选取待调用组件，设置模块401直接将该待调用组件设置于预留的插槽中，增加了编辑效率，同时提高了组件的复用性和灵活性。

本发明第五实施例还提供了一种用于执行组件调用方法的终端，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例方法部分。该终端可以为包括计算机、平板电脑、个人数字助理(Personal Digital Assistant，PDA)等提供编程环境且具有显示功能的终端。

该终端包括：一个或者多个处理器、存储器以及一个或者多个程序(模块)。其中该一个或者多个程序(模块)存储在该存储器中，当被该一个或者多个处理器执行时，该处理器执行以下操作：

根据用户输入的查找指令，在预置的组件存储库中查找待调用组件；

根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域；

根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中。

本发明实施例中，处理器根据用户输入的查找指令，在预置的组件存储库中查找待调用组件，根据该用户输入的确定指令，在浏览器界面上预置的多个插槽区域中确定目标插槽区域，根据该用户输入的设置指令，将该待调用组件设置于该目标插槽区域中，这样当需要调用组件时，处理器从组件存储库选取待调用组件，并直接将该待调用组件设置于预留的插槽中，增加了编辑效率，同时提高了组件的复用性和灵活性。

在本申请所提供的多个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信链接可以是通过一些接口，装置或模块的间接耦合或通信链接，可以是电性，机械或其它的形式。

所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本发明所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上为对本发明所提供的组件调用方法及装置的描述，对于本领域的技术人员，依据本发明实施例的思想，在具体实施方式及应用范围上均会有改变之处，综上，本说明书内容不应理解为对本发明的限制。