CN105183760A - 一种网页组件加载方法和装置 - Google Patents

Abstract

本发明公开了一种网页组件加载方法。所述方法包括：预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；将查找到的所述第二组件代码添加至所述网页源文件；加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。依据本发明可以提升网页编写效率。

Description

一种网页组件加载方法和装置

技术领域

本发明涉及通信技术领域，特别是涉及一种网页组件加载方法和一种网页组件加载装置。

背景技术

随着互联网技术的发展，人们越来越多地通过网络在各类型网站的网页获取服务或交换信息。

通过不同的组件，使得网页可以相应地提供不同的服务或交换不同类型的信息，例如图片上传，富文本编辑等。为了使网页提供更好的服务或更好地进行信息交换，需要经常对网页的组件进行更新或更换。然而，在组件更新或更换之后，网页中各个组件之间的依赖关系也需要重新建立，在建立各个组件之间的依赖关系时，需要用户重新编写逻辑代码去确定组件之间的依赖关系，如果组件之间存在强耦合，会导致建立组件之间的依赖关系时会很复杂，用户需要花费大量的时间确定组件间的依赖关系和编写逻辑代码，增加了编写网页所耗费的时间，降低了网页编写的效率；而且，在面对组件之间复杂的依赖关系时，用户在确定组件间依赖关系和编写相应的逻辑代码时很容易出错，导致网页在加载各个组件时会出现组件冲突甚至网页崩溃的问题。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页组件加载方法和相应的一种网页组件加载装置。

依据本发明的一个方面，提供了一种网页组件加载方法，包括：

预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；

在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；

将查找到的所述第二组件代码添加至所述网页源文件；

加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

可选地，所述预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识的步骤具体为：

解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识；

根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识；

在所述目标组件对应的组件代码中插入所述组件依赖标识。

可选地，所述在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码的步骤具体为：

在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

可选地，在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码之前，还包括：

在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

可选地，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件包括：

加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

根据本发明的另一方面，提供了一种网页组件加载装置，包括：

组件依赖标识添加模块，用于预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；

第二组件代码查找模块，用于在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；

第二组件代码添加模块，用于将查找到的所述第二组件代码添加至所述网页源文件；

加载模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

可选地，所述组件依赖标识添加模块包括：

提取子模块，用于解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识；

组件依赖标识确定子模块，用于根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识；

组件依赖标识插入子模块，用于在所述目标组件对应的组件代码中插入所述组件依赖标识。

可选地，所述第二组件代码查找模块具体用于：

在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

可选地，所述装置还包括：

对应表检索模块，用于在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

可选地，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载模块包括：

编辑组件展示子模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

根据本发明实施例，通过预先在网页源文件针对性地添加组件依赖标识，在加载网页时，按照组件依赖标识查找相应的第二组件代码并添加至网页源文件，由该网页源文件生成的网页的目标组件与依赖组件之间的依赖关系可以自动生成，用户不需要在某个组件更新或更换后人工确定组件之间的依赖关系和编写相应的逻辑代码，减少了编写网页耗费的时间，提升了网页编写效率。

其次，当组件之间的依赖关系比较复杂时，通过本发明的根据组件依赖标识加载依赖组件的机制可以避免用户在确定组件间的依赖关系和编写相应的逻辑代码时出现错误而导致的网页组件冲突甚至网页崩溃的问题，提升了网页组件加载的准确性。

最后，用户对组件进行更新或更换时不需要关注新的组件与原有组件的依赖关系，在组件更新或更换后，通过原有组件的组件依赖标识即可自动加载，提升了组件加载的灵活性和扩展性。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明的一种网页组件加载方法实施例1的步骤流程图；

图2示出了根据本发明的一种网页组件加载方法实施例2的步骤流程图；

图3示出了根据本发明的一种网页组件加载装置实施例1的结构框图；

图4示出了根据本发明的一种网页组件加载装置实施例2的结构框图；

图5示出了根据背景技术的网页组件加载方法加载组件后的网页效果展示图；

图6示出了根据本发明的网页组件加载方法加载组件后的网页效果展示图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

参照图1，示出了根据本发明一个实施例的一种网页组件加载方法实施例1的步骤流程图，具体可以包括如下步骤：

步骤101，预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识。

网页中包括多个实现相关功能的组件，例如，上传组件提供上传信息的功能，编辑组件提供编辑信息的功能，下载组件提供在用户点击后下载相关信息的功能，某些组件独立实现自己的功能，某些组件必须依赖于其他的组件才能正常运作，例如，文件上传组件依赖相应的文件上传按钮组件，富文本内容依赖富文本编辑器组件以及富文本相关的基础代码库。

网页由对应的网页源文件渲染而成，网页组件在源文件中则对应有组件代码。在具体的实现中，可以预先针对网页的一个或多个的目标组件在网页源文件中对应的第一组件代码，相应地添加组件依赖标识。上述的组件依赖标识，可以是目标组件所依赖的依赖组件的组件标识，也可以是该目标组件的组件标识或是预设标识，表示该目标组件有对应的依赖组件。本领域技术人员可以根据实际情况确定组件依赖标识的形式，本发明实施例对此不作限制。

步骤102，在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码。

在加载网页时，可以预置包括各个依赖组件的组件代码的组件库中，并将组件代码和组件标识对应保存，以根据组件标识查找对应的组件代码。除去依赖组件，该组件库中还可以包括目标组件的组件代码，本发明对此并不做限制。

组件依赖标识为目标组件所依赖的依赖组件的组件标识时，可以直接根据依赖组件的组件标识在组件库中提取依赖组件的组件代码；组件依赖标识为目标组件的组件标识或是预设标识时，可以识别此目标组件需要查找对应的依赖组件，通过提取目标组件的组件标识，根据目标组件与依赖组件的组件标识的映射关系，可以确定依赖组件的组件标识，进一步根据依赖组件的组件标识可以在预置的组件库中查找依赖组件的组件代码。

在具体实现中还可以访问互联网的方式查找第二组件代码，或是直接访问预设服务器获取第二组件代码。

步骤103，将查找到的所述第二组件代码添加至所述网页源文件。

步骤104，加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

将查找到的第二组件代码添加至网页源文件，则可以在加载该网页源文件后，生成的网页中同时展示目标组件和目标组件所依赖的依赖组件。

从图5示出的根据背景技术的网页组件加载方法加载组件后的网页效果展示图可见，现有的网页组件加载方法在加载了基础组件后，需要人工确定各个基础组件需要依赖的依赖组件以及依赖组件与基础组件的依赖关系，并编写相应的逻辑代码以建立这种依赖关系，根据依赖关系加载各个依赖组件，才能使得各个目标组件正常工作。

从图6的根据本发明的网页组件加载方法加载组件后的网页效果展示图可见，通过本发明的网页组件加载方法获得的网页已经自动建立好组件之间的依赖关系，并将该依赖关系对应地展示给用户，例如，图片上传组件所依赖的是上传图片组件，富文本内容组件依赖的是富文本编辑器组件。

根据本发明实施例，通过预先在网页源文件针对性地添加组件依赖标识，在加载网页时，按照组件依赖标识查找相应的第二组件代码并添加至网页源文件，由该网页源文件生成的网页的目标组件与依赖组件之间的依赖关系可以自动生成，用户不需要在某个组件更新或更换后人工确定组件之间的依赖关系和编写相应的逻辑代码，减少了编写网页耗费的时间，提升了网页编写效率。

其次，当组件之间的依赖关系比较复杂时，通过本发明的根据组件依赖标识加载依赖组件的机制可以避免用户在确定组件间的依赖关系和编写相应的逻辑代码时出现错误而导致的网页组件冲突甚至网页崩溃的问题，提升了网页组件加载的准确性。

最后，用户对组件进行更新或更换时不需要关注新的组件与原有组件的依赖关系，在组件更新或更换后，通过原有组件的组件依赖标识即可自动加载，提升了组件加载的灵活性和扩展性。

参照图2，示出了根据本发明一个实施例的一种网页组件加载方法实施例2的步骤流程图，具体可以包括如下步骤：

步骤201，预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识。

作为本发明实施例的优选示例，所述步骤201可以包括以下子步骤：

子步骤S11，解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识。

子步骤S12，根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识。

子步骤S13，在所述目标组件对应的组件代码中插入所述组件依赖标识。

需要说明的是，上述预置的目标组件与依赖组件的组件标识对应表，包含有各个目标组件的组件标识与所依赖的依赖组件的组件标识的对应关系。

在实际应用中，可以通过代码解析器对网页源文件中的目标组件的组件代码进行解析，并相应提取出该组件的组件标识，利用提取的组件标识，在预置的组件标识对应表中，查找目标组件的组件标识对应的依赖组件的组件标识，以查找到的依赖组件的组件标识作为组件依赖标识，并将该组件依赖标识插入到目标组件对应的组件代码中。

例如，游戏图片上传组件所依赖的依赖组件为图片上传组件，游戏图片上传组件的组件代码包含有“gamepicupload”的代码片段，提取“gamepicupload”并作为该目标组件的组件标识，在预置的对应表中查找到“gamepicupload”对应的依赖组件的组件标识为“PicUpload”，以“PicUpload”作为游戏图片上传组件的组件依赖标识，并插入到游戏图片上传组件的组件代码中，以便于后续的加载处理中，可以根据“PicUpload”的组件依赖标识，自动加载组件标识为“PicUpload”的图片上传组件。

步骤202，在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

利用路由配置通过在预置的组件标识对应表中自动地逐个检索网页组件的组件标识以确定目标组件，针对需要依赖于其他依赖组件的目标组件，才进行进一步的依赖组件检索和加载处理，对没有依赖关系的目标组件，则不需要检索和加载依赖组件，从而节省了计算机的处理资源，提升了网页组件加载的效率。

步骤203，在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

针对需要依赖组件的目标组件，可以在预置的具有各个依赖组件的组件代码的组件库中，检索并提取对应于预先添加的组件依赖标识的组件代码。

步骤204，将查找到的所述第二组件代码添加至所述网页源文件。

步骤205，加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

作为本发明实施例的优选示例，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述步骤205可以包括以下子步骤：

子步骤S21，加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

在实际的应用场景中，当目标组件为表格组件时，其所依赖的组件可以为辅助表格组件编辑的编辑组件，例如上传按钮和编辑按钮等的编辑组件。针对上述的目标组件和依赖组件，可以在网页中展示表格组件的同时在表格组件相应的位置展示对应的上传按钮或编辑按钮等编辑组件，使得用户可以便捷地使用目标组件和所依赖的依赖组件。

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

参照图3，示出了根据本发明一个实施例的一种网页组件加载装置实施例1的结构框图，具体可以包括如下模块：

组件依赖标识添加模块301，用于预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识。

第二组件代码查找模块302，用于在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码。

第二组件代码添加模块303，用于将查找到的所述第二组件代码添加至所述网页源文件。

加载模块304，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

根据本发明实施例，通过预先在网页源文件针对性地添加组件依赖标识，在加载网页时，按照组件依赖标识查找相应的第二组件代码并添加至网页源文件，由该网页源文件生成的网页的目标组件与依赖组件之间的依赖关系可以自动生成，用户不需要在某个组件更新或更换后人工确定组件之间的依赖关系和编写逻辑代码，减少了编写网页耗费的时间，提升了网页编写效率。

其次，当组件之间的依赖关系比较复杂时，通过本发明的根据组件依赖标识加载依赖组件的机制可以避免用户在确定组件间的依赖关系出现错误而导致的网页组件冲突甚至网页崩溃的问题，提升了网页组件加载的准确性。

最后，用户对组件进行更新或更换时不需要关注新的组件与原有组件的依赖关系，在组件更新或更换后，通过原有组件的组件依赖标识即可自动加载，提升了组件加载的灵活性和扩展性。

参照图4，示出了根据本发明一个实施例的一种网页组件加载装置实施例2的结构框图，具体可以包括如下模块：

组件依赖标识添加模块401，用于预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识。

作为本发明实施例的优选示例，所述组件依赖标识添加模块401可以包括以下子模块：

提取子模块，用于解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识。

组件依赖标识确定子模块，用于根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识。

组件依赖标识插入子模块，用于在所述目标组件对应的组件代码中插入所述组件依赖标识。

对应表检索模块402，用于在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

利用路由配置通过在预置的对应表中自动地逐个检索网页组件的组件标识，当目标组件需要依赖于其他依赖组件，才进行进一步的依赖组件检索和加载处理，对没有依赖关系的目标组件，则不需要检索和加载依赖组件，从而节省了处理资源，提升了网页组件加载的效率。

第二组件代码查找模块403，具体用于在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

第二组件代码添加模块404，用于将查找到的所述第二组件代码添加至所述网页源文件。

加载模块405，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

作为本发明实施例的优选示例，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载模块405可以包括以下子模块：

编辑组件展示子模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

在实际的应用场景中，当目标组件为表格组件时，其所依赖的组件可以为辅助表格组件的编辑的编辑组件，例如上传按钮和编辑按钮等的编辑组件。针对上述的目标组件和依赖组件，可以在网页中展示表格组件的同时在表格组件相应的位置展示对应的上传按钮或编辑按钮等编辑组件，使得用户可以便捷地使用目标组件和所依赖的依赖组件。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页组件加载方法和装置设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了A1、一种网页组件加载方法，包括：

预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；

在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；

将查找到的所述第二组件代码添加至所述网页源文件；

加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

A2、如A1所述的方法，所述预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识的步骤具体为：

解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识；

根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识；

在所述目标组件对应的组件代码中插入所述组件依赖标识。

A3、如A1所述的方法，所述在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码的步骤具体为：

在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

A4、如A1所述的方法，在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码之前，还包括：

在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

A5、如A1所述的方法，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件包括：

加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

本发明还公开了B6、一种网页组件加载装置，包括：

组件依赖标识添加模块，用于预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；

第二组件代码查找模块，用于在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；

第二组件代码添加模块，用于将查找到的所述第二组件代码添加至所述网页源文件；

加载模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

B7、如B6所述的装置，所述组件依赖标识添加模块包括：

提取子模块，用于解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识；

组件依赖标识确定子模块，用于根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识；

组件依赖标识插入子模块，用于在所述目标组件对应的组件代码中插入所述组件依赖标识。

B8、如B6所述的装置，所述第二组件代码查找模块具体用于：

在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

B9、如B6所述的装置，还包括：

对应表检索模块，用于在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

B10、如B6所述的装置，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载模块包括：

编辑组件展示子模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

Claims (10)

1.一种网页组件加载方法，包括：

预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；

在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；

将查找到的所述第二组件代码添加至所述网页源文件；

加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

2.如权利要求1所述的方法，所述预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识的步骤具体为：

解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识；

根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识；

在所述目标组件对应的组件代码中插入所述组件依赖标识。

3.如权利要求1所述的方法，所述在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码的步骤具体为：

在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

4.如权利要求1所述的方法，在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码之前，还包括：

在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

5.如权利要求1所述的方法，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件包括：

加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。

6.一种网页组件加载装置，包括：

组件依赖标识添加模块，用于预先针对所述网页的至少一个目标组件，在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识；

第二组件代码查找模块，用于在加载所述网页时，按照所述组件依赖标识，查找所述目标组件所依赖的依赖组件的第二组件代码；

第二组件代码添加模块，用于将查找到的所述第二组件代码添加至所述网页源文件；

加载模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述目标组件和所述依赖组件。

7.如权利要求6所述的装置，所述组件依赖标识添加模块包括：

提取子模块，用于解析所述网页源文件中的所述目标组件对应的组件代码，提取所述目标组件的组件标识；

组件依赖标识确定子模块，用于根据预置的目标组件与依赖组件的组件标识对应表，确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识；

组件依赖标识插入子模块，用于在所述目标组件对应的组件代码中插入所述组件依赖标识。

8.如权利要求6所述的装置，所述第二组件代码查找模块具体用于：

在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。

9.如权利要求6所述的装置，还包括：

对应表检索模块，用于在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识，确定所述网页需要加载依赖组件的目标组件。

10.如权利要求6所述的装置，当所述目标组件为所述网页中的表格组件时，所述依赖组件为辅助编辑所述表格组件的编辑组件，所述加载模块包括：

编辑组件展示子模块，用于加载添加所述第二组件代码的网页源文件，在所述网页中展示所述表格组件，并在所述表格组件的关联位置展示对应的编辑组件。