一种用于生成网页文件和加载网页文件的方法与设备技术

本发明专利技术的目的是提供一种用于生成根据关键字加载前端组件的网页文件的方法和设备，以及一种用于加载网页文件的方法和设备。其中，网页生成设备创建一个网页文件，其中包括一个基础文件；在该基础文件中，注册一个或多个前端组件，以获得一个或多个前端组件的注册信息；并根据前端组件的注册信息，在该网页文件的单元中添加与前端组件的注册信息相对应的关键字。网页加载设备根据网页文件中单元的关键字加载与之相对应的前端组件，并将初始化结果提供给用户。与现有技术相比，本发明专利技术通过根据关键字加载前端组件的生成网页文件与加载网页文件，不仅缩短了页面交互时间，提升了用户使用体验，还简化了前端通用组件的使用，提高了前端组件的开发效率。

【技术实现步骤摘要】
一种用于生成网页文件和加载网页文件的方法与设备
本专利技术涉及互联网
，尤其涉及一种用于生成根据关键字加载前端组件的网页文件的技术和一种用于加载网页文件的技术。
技术介绍
随着互联网技术的发展和应用，互联网业已成为人们的学习、工作、娱乐和生活的重要平台之一。涉及网页生成与加载的网页技术虽然很少为普通用户了解，却在很大程度上左右着人们的使用体验。而在现有网页技术中，当涉及多个需要加载的前端组件时，需要在网页文件中引入多个脚本或链接标签，这不仅了影响了人们与网页的交互速度，也降低了前端组件的开发效率。
技术实现思路
本专利技术的目的是提供一种用于生成根据关键字加载前端组件的网页文件的方法和设备，以及一种用于加载网页文件的方法和设备。根据本专利技术的一个方面，提供了一种用于生成根据关键字加载前端组件的网页文件的方法，该方法包括以下步骤：A创建一个网页文件，其中包括一个基础文件；B在所述基础文件中，注册一个或多个前端组件，以获得一个或多个前端组件的注册信息；C根据所述前端组件的注册信息，在所述网页文件的单元中添加与所述前端组件的注册信息相对应的关键字。根据本专利技术的另一方面，还提供了一种在用户设备端用于加载网页文件的方法，该方法包括以下步骤：a接收自网络设备发送的网页文件，其中，所述网页文件包括一个基础文件，所述基础文件包括一个或多个前端组件的注册信息，所述网页文件的单元包括所述前端组件的注册信息相对应的关键字；b根据所述网页文件，生成与所述网页文件相对应的文档对象模型；c根据所述文档对象模型，获取与所述文档对象模型中节点相对应的所述网页文件中的单元；d根据所述单元的关键字，加载与所述单元相对应的前端组件；e根据所述前端组件，初始化所述单元，以获取初始化结果；f将所述初始化结果提供给该用户设备。根据本专利技术的一个方面，提供了一种用于生成根据关键字加载前端组件的网页文件的设备，该设备包括：创建装置，用于创建一个网页文件，其中包括一个基础文件；注册装置，用于在所述基础文件中，注册一个或多个前端组件，以获得一个或多个前端组件的注册信息；添加装置，用于根据所述前端组件的注册信息，在所述网页文件的单元中添加与所述前端组件的注册信息相对应的关键字。根据本专利技术的另一方面，还提供了一种用于加载网页文件的设备，该设备包括：接收装置，用于接收自网络设备发送的网页文件，其中，所述网页文件包括一个基础文件，所述基础文件包括一个或多个前端组件的注册信息，所述网页文件的单元包括所述前端组件的注册信息相对应的关键字；生成装置，用于根据所述网页文件，生成与所述网页文件相对应的文档对象模型；获取装置，用于根据所述文档对象模型，获取与所述文档对象模型中节点相对应的所述网页文件中的单元；加载装置，用于根据所述单元的关键字，加载与所述单元相对应的前端组件；初始化装置，用于根据所述前端组件，初始化所述单元，以获取初始化结果；提供装置，用于将所述初始化结果提供给该用户设备。根据本专利技术的又一方面，还提供了一种浏览器，包括上述用于加载网页文件的装置。根据本专利技术的再一方面，还提供了一种浏览器插件，包括上述用于加载网页文件的装置。与现有技术相比，本专利技术通过根据关键字加载前端组件的生成网页文件与加载网页文件，不仅缩短了页面交互时间，提升了用户使用体验，还简化了前端通用组件的使用，提高了前端组件的开发效率。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本专利技术的其它特征、目的和优点将会变得更明显：图1示出根据本专利技术一个方面的用于生成根据关键字加载前端组件的网页文件的设备示意图；图2示出根据本专利技术另一个方面的用于加载网页文件的设备示意图；图3示出根据本专利技术一个方面的用于生成根据关键字加载前端组件的网页文件的方法流程图；图4示出根据本专利技术另一个方面的用于加载网页文件的方法流程图。附图中相同或相似的附图标记代表相同或相似的部件。具体实施方式下面结合附图对本专利技术作进一步详细描述。图1示出根据本专利技术一个方面的用于生成根据关键字加载前端组件的网页文件的网页生成设备1。其中，网页生成设备1包括但不限于网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云。在此，云由基于云计算（CloudComputing）的大量计算机或网络服务器构成，其中，云计算是分布式计算的一种，由一群松散耦合的计算机集组成的一个超级虚拟计算机。网页生成设备1中包括创建装置11、注册装置12和添加装置13。其中，创建装置11用于创建一个网页文件，其中包括一个基础文件。具体地，创建装置11通过页面技术，如JSP、ASP或PHP，将需要生成网页的页面内容创建为一个网页文件，并在此网页文件中包括一个基础文件。例如，当用户提交了一个页面访问请求，服务器端将获取给页面访问请求所对应的页面内容，包括但不限于数据库查询结果和搜索结果；创建装置11通过JSP、ASP或PHP等页面技术，创建一个包含该页面内容的网页文件，并在该网页文件中包括一个基础文件。本领域技术人员应能理解上述几种页面技术仅为举例，其他现有的或今后可能出现的页面技术如可适用于本专利技术，也应包含在本专利技术保护范围以内，并在此以引用方式包含于此。本领域技术人员还应能理解上述创建网页文件的技术仅为举例，其他现有的或今后可能出现的创建网页文件的技术如可适用于本专利技术，也应包含在本专利技术保护范围以内，并在此以引用方式包含于此。注册装置12用于在所述基础文件中，注册一个或多个前端组件，以获得一个或多个前端组件的注册信息。具体地，注册装置12根据注册装置11所提供的页面文件中的基础文件，在该基础文件中注册一个或多个前端组件，如该页面文件在加载时需要使用的前端组件或者为后续拓展该页面文件而预留的前端组件，以获得这些前端组件的注册信息，如前端组件的名称、类型和存放路径等。例如，假设用户需要在该页面文件加载时使用前端组件“jquery.js”，并为该页面文件预留组件“dialog.js”；注册装置12将在该页面文件所包含的基础文件中对这两个前端组件进行注册（详见下面的代码），并获得该前端组件的注册信息有前端组件“jquery.js”的名称为“base”、类型为“js”、存放路径为“js/jquery.js”，前端组件“dialog.js”的名称为“dialog”、类型为“js”、存放路径为“js/dialog.js”。本领域技术人员应能理解上述注册前端组件的技术仅为举例，其他现有的或今后可能出现的注册前端组件的技术如可适用于本专利技术，也应包含在本专利技术保护范围以内，并在此以引用方式包含于此。…mini.moduler.addModule({name:"base",type:"js",require:"js/jquery.js"});mini.moduler.addModule({name:"dialog","type":"js","require":"js/dialog.js",depend:"dialogBase"});…添加装置13用于根据所述前端组件的注册信息，在所述网页文件的单元中添加与所述前端组件的注册信息相对应的关键字。具体地，添加装置13根据注册装置12所提供的前端组件的注册信息，在创建装置11所提供的网页文件的单元中添加与这些前端组件的注册信息相本文档来自技高网...

【技术保护点】
一种用于生成根据关键字加载前端组件的网页文件的方法，该方法包括以下步骤：Ａ创建一个网页文件，其中包括一个基础文件；Ｂ在所述基础文件中，注册一个或多个前端组件，以获得一个或多个前端组件的注册信息；Ｃ根据所述前端组件的注册信息，在所述网页文件的单元中添加与所述前端组件的注册信息相对应的关键字。

【技术特征摘要】
1.一种用于生成根据关键字加载前端组件的网页文件的方法，该方法包括以下步骤：A根据用户的页面访问请求，创建一个网页文件，其中包括一个基础文件；B在所述基础文件中，注册一个或多个前端组件，以获得一个或多个前端组件的注册信息；C根据所述前端组件的注册信息，进行编码处理，以获取编码结果，根据所述编码结果，在所述网页文件的单元中添加与所述前端组件的注册信息相对应的关键字。2.根据权利要求1所述的方法，其中，所述前端组件的注册信息包括以下至少任一种：-所述前端组件的名称；-所述前端组件的类型；-所述前端组件的存放路径；-所述前端组件间依赖关系。3.根据权利要求1或2所述的方法，其中，所述网页文件基于以下任一种文件格式：-HTML；-XHTML；-XML。4.根据权利要求1或2所述的方法，其中，所述基础文件基于JavaScript、ASP、PHP、Python或VBScript等任一种脚本语言。5.一种在用户设备端用于加载网页文件的方法，该方法包括以下步骤：a接收自网络设备发送的网页文件，其中，所述网页文件包括一个基础文件，所述基础文件包括一个或多个前端组件的注册信息，所述网页文件的单元包括所述前端组件的注册信息相对应的关键字；b根据所述网页文件，生成与所述网页文件相对应的文档对象模型；c根据所述文档对象模型，获取与所述文档对象模型中节点相对应的所述网页文件中的单元；d根据所述单元的关键字，进行解码处理，以获得解码结果，根据所述解码结果，并结合所述注册信息，确定并加载与所述单元相对应的前端组件；e根据所述前端组件，初始化所述单元，以获取初始化结果；f将所述初始化结果提供给该用户设备。6.根据权利要求5所述的方法，其中，所述步骤d还包括：-根据所述单元的关键字，异步加载与所述单元相对应的前端组件。7.根据权利要求6所述的方法，其中，所述步骤d还包括：-根据所述单元的关键字，加载与所述单元相对应的前端组件；-根据所述前端组件，依次检查所述前端组件的祖先前端组件序列的加载状态；其中，所述步骤e还包括：-若所述祖先前端组件均已加载，则依次初始化所述祖先前端组件与所述前端组件所对应的单元，以获取初始化结果。8.根据权利要求5至7中任一项所述的方法，其中，所述前端组件包括以下至少任一项：-JavaScript文件；-CSS文件；-图片；-文字；-视频；-音频；-动画。9.一种用于生成根据关键字加载前端组件的网页文件的设备，该设备包括：创建装置，用于根据用户的页面访问请求，创建一个网页文件，其中包括一...

【专利技术属性】
技术研发人员：李天华，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：11[中国|北京]