[发明专利]一种流式加载网页模板的方法及设备在审
| 申请号: | 202110566102.X | 申请日: | 2021-05-24 |
| 公开(公告)号: | CN113343143A | 公开(公告)日: | 2021-09-03 |
| 发明(设计)人: | 王娇娇;王孟杰;吴义良 | 申请(专利权)人: | 上海万物新生环保科技集团有限公司 |
| 主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F16/957 |
| 代理公司: | 上海百一领御专利代理事务所(普通合伙) 31243 | 代理人: | 汪祖乐 |
| 地址: | 200433 上海市杨浦*** | 国省代码: | 上海;31 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 一种 加载 网页 模板 方法 设备 | ||
1.一种流式加载网页模板的方法,其特征在于,所述方法包括:
设定模板工具,通过所述模板工具将当前项目的目标网页分割成多个模块,并对多个模块进行唯一标识;
通过服务器与所述浏览器之间建立的管道,将进行唯一标识的多个模块分段输出至浏览器;
通过所述服务器与所述浏览器并发执行所述多个模块,在所述浏览器上异步加载出所述目标网页的多个模块。
2.根据权利要求1所述的方法,其特征在于,设定模板工具,包括:
配置node环境以及目标数据格式的打包文件,其中,所述目标数据格式的打包文件包括当前项目的描述文件。
3.根据权利要求2所述的方法,其特征在于,所述目标数据格式的打包文件由在当前项目的根目录下使用包管理工具的文件生成命令生成的,其中,所述文件生成命令用于初始化生成一个新的目标数据格式的打包文件。
4.根据权利要求3所述的方法,其特征在于,在所述目标数据格式的打包文件中安装npm的依赖项,其中,所述依赖项包括网页框架、node内置的文件系统模块以及动态路由获取参数。
5.根据权利要求4所述的方法,其特征在于,所述方法包括:
基于当前项目的根目录下的npm安装指令查询项目依赖的第三方模块中的数据包,根据所述数据包生成依赖包文件。
6.根据权利要求5所述的方法,其特征在于,所述方法包括:
根据所述依赖包文件、当前项目中执行在node环境下的主文件、用于浏览器访问的入口文件以及用于安装依赖配置的文件确定当前项目的目录结构。
7.根据权利要求2所述的方法,其特征在于,所述目标数据格式的打包文件包括JSON打包文件,所述描述文件包括当前项目的名称、版本、作者、当前项目依赖的第三方模块以及所述第三方模块的依赖包管理的地址。
8.根据权利要求1所述的方法,其特征在于,通过所述服务器与所述浏览器并发执行所述多个模块,在所述浏览器上异步加载出所述目标网页的多个模块,包括:
在所述浏览器分段接收到多个模块的同时向所述服务器发送分段加载请求,与所述服务器并发执行所述多个模块,并在浏览器上异步加载出所述服务器基于所述分段加载请求反馈的所述目标网页的多个模块。
9.一种流式加载网页模板的设备,其特征在于,所述设备包括:
分割装置,用于在服务器中设定模板工具,通过所述模板工具将当前项目的目标网页分割成多个模块,并对多个模块进行唯一标识;
分段输出装置,用于通过所述服务器与所述浏览器之间建立的管道,将进行唯一标识的多个模块分段输出至浏览器;
加载装置,用于通过所述服务器与所述浏览器并发执行所述多个模块,在所述浏览器上异步加载出所述目标网页的多个模块。
10.一种流式加载网页模板的设备,其特征在于,所述设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行如权利要求1至8中任一项所述方法的操作。
11.一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现如权利要求1至8中任一项所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海万物新生环保科技集团有限公司,未经上海万物新生环保科技集团有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110566102.X/1.html,转载请声明来源钻瓜专利网。





