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

文档序号:9432581阅读:119来源:国知局
一种网页组件加载方法和装置的制造方法
【技术领域】
[0001]本发明涉及通信技术领域,特别是涉及一种网页组件加载方法和一种网页组件加载装置。
【背景技术】
[0002]随着互联网技术的发展,人们越来越多地通过网络在各类型网站的网页获取服务或交换信息。
[0003]通过不同的组件,使得网页可以相应地提供不同的服务或交换不同类型的信息,例如图片上传,富文本编辑等。为了使网页提供更好的服务或更好地进行信息交换,需要经常对网页的组件进行更新或更换。然而,在组件更新或更换之后,网页中各个组件之间的依赖关系也需要重新建立,在建立各个组件之间的依赖关系时,需要用户重新编写逻辑代码去确定组件之间的依赖关系,如果组件之间存在强耦合,会导致建立组件之间的依赖关系时会很复杂,用户需要花费大量的时间确定组件间的依赖关系和编写逻辑代码,增加了编写网页所耗费的时间,降低了网页编写的效率;而且,在面对组件之间复杂的依赖关系时,用户在确定组件间依赖关系和编写相应的逻辑代码时很容易出错,导致网页在加载各个组件时会出现组件冲突甚至网页崩溃的问题。

【发明内容】

[0004]鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页组件加载方法和相应的一种网页组件加载装置。
[0005]依据本发明的一个方面,提供了一种网页组件加载方法,包括:
[0006]预先针对所述网页的至少一个目标组件,在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识;
[0007]在加载所述网页时,按照所述组件依赖标识,查找所述目标组件所依赖的依赖组件的第二组件代码;
[0008]将查找到的所述第二组件代码添加至所述网页源文件;
[0009]加载添加所述第二组件代码的网页源文件,在所述网页中展示所述目标组件和所述依赖组件。
[0010]可选地,所述预先针对所述网页的至少一个目标组件,在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识的步骤具体为:
[0011]解析所述网页源文件中的所述目标组件对应的组件代码,提取所述目标组件的组件标识;
[0012]根据预置的目标组件与依赖组件的组件标识对应表,确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识;
[0013]在所述目标组件对应的组件代码中插入所述组件依赖标识。
[0014]可选地,所述在加载所述网页时,按照所述组件依赖标识,查找所述目标组件所依赖的依赖组件的第二组件代码的步骤具体为:
[0015]在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。
[0016]可选地,在加载所述网页时,按照所述组件依赖标识,查找所述目标组件所依赖的依赖组件的第二组件代码之前,还包括:
[0017]在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识,确定所述网页需要加载依赖组件的目标组件。
[0018]可选地,当所述目标组件为所述网页中的表格组件时,所述依赖组件为辅助编辑所述表格组件的编辑组件,所述加载添加所述第二组件代码的网页源文件,在所述网页中展示所述目标组件和所述依赖组件包括:
[0019]加载添加所述第二组件代码的网页源文件,在所述网页中展示所述表格组件,并在所述表格组件的关联位置展示对应的编辑组件。
[0020]根据本发明的另一方面,提供了一种网页组件加载装置,包括:
[0021]组件依赖标识添加模块,用于预先针对所述网页的至少一个目标组件,在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识;
[0022]第二组件代码查找模块,用于在加载所述网页时,按照所述组件依赖标识,查找所述目标组件所依赖的依赖组件的第二组件代码;
[0023]第二组件代码添加模块,用于将查找到的所述第二组件代码添加至所述网页源文件;
[0024]加载模块,用于加载添加所述第二组件代码的网页源文件,在所述网页中展示所述目标组件和所述依赖组件。
[0025]可选地,所述组件依赖标识添加模块包括:
[0026]提取子模块,用于解析所述网页源文件中的所述目标组件对应的组件代码,提取所述目标组件的组件标识;
[0027]组件依赖标识确定子模块,用于根据预置的目标组件与依赖组件的组件标识对应表,确定所述目标组件所依赖的依赖组件的组件标识作为所述组件依赖标识;
[0028]组件依赖标识插入子模块,用于在所述目标组件对应的组件代码中插入所述组件依赖标识。
[0029]可选地,所述第二组件代码查找模块具体用于:
[0030]在预置的组件库中检索并提取对应于所述组件依赖标识的依赖组件的第二组件代码。
[0031]可选地,所述装置还包括:
[0032]对应表检索模块,用于在预置的目标组件与依赖组件的组件标识对应表中逐个检索所述网页中各个组件的组件标识,确定所述网页需要加载依赖组件的目标组件。
[0033]可选地,当所述目标组件为所述网页中的表格组件时,所述依赖组件为辅助编辑所述表格组件的编辑组件,所述加载模块包括:
[0034]编辑组件展示子模块,用于加载添加所述第二组件代码的网页源文件,在所述网页中展示所述表格组件,并在所述表格组件的关联位置展示对应的编辑组件。
[0035]根据本发明实施例,通过预先在网页源文件针对性地添加组件依赖标识,在加载网页时,按照组件依赖标识查找相应的第二组件代码并添加至网页源文件,由该网页源文件生成的网页的目标组件与依赖组件之间的依赖关系可以自动生成,用户不需要在某个组件更新或更换后人工确定组件之间的依赖关系和编写相应的逻辑代码,减少了编写网页耗费的时间,提升了网页编写效率。
[0036]其次,当组件之间的依赖关系比较复杂时,通过本发明的根据组件依赖标识加载依赖组件的机制可以避免用户在确定组件间的依赖关系和编写相应的逻辑代码时出现错误而导致的网页组件冲突甚至网页崩溃的问题,提升了网页组件加载的准确性。
[0037]最后,用户对组件进行更新或更换时不需要关注新的组件与原有组件的依赖关系,在组件更新或更换后,通过原有组件的组件依赖标识即可自动加载,提升了组件加载的灵活性和扩展性。
【附图说明】
[0038]通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
[0039]图1示出了根据本发明的一种网页组件加载方法实施例1的步骤流程图;
[0040]图2示出了根据本发明的一种网页组件加载方法实施例2的步骤流程图;
[0041]图3示出了根据本发明的一种网页组件加载装置实施例1的结构框图;
[0042]图4示出了根据本发明的一种网页组件加载装置实施例2的结构框图;
[0043]图5示出了根据【背景技术】的网页组件加载方法加载组件后的网页效果展示图;
[0044]图6示出了根据本发明的网页组件加载方法加载组件后的网页效果展示图。
【具体实施方式】
[0045]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
[0046]参照图1,示出了根据本发明一个实施例的一种网页组件加载方法实施例1的步骤流程图,具体可以包括如下步骤:
[0047]步骤101,预先针对所述网页的至少一个目标组件,在网页源文件中所述目标组件对应的第一组件代码中添加组件依赖标识。
[0048]网页中包括多个实现相关功能的组件,例如,上传组件提供上传信息的功能,编辑组件提供编辑信息的功能,下载组件提供在用户点击后下载相关信息的功能,某些组件独立实现自己的功能,某些组件必须依
当前第1页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1