页面渲染方法、装置、系统、存储介质及电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113761428A(43)申请公布日2021.12.07(21)申请号202010506826.0(22)申请日2020.06.05(71)申请人北京沃东天骏信息技术有限公司地址100176北京市大兴区北京经济技术开发区科创十一街18号院2号楼4层A402室(72)发明人李瑞芳张超(74)专利代理机构北京律智知识产权代理有限公司11438代理人王辉阚梓瑄(51)Int.Cl.G06F16/958(2019.01)G06F16/957(2019.01)G06F9/451(2018.01)G06F8/38(2018.01)权利要求书2页说明书14页附图4页(54)发明名称页面渲染方法、装置、系统、存储介质及电子设备(57)摘要本发明实施例是关于一种页面渲染方法、装置、系统、存储介质及电子设备，涉及计算机技术领域，该方法包括：向后端发送与待渲染页面对应的超文本传输协议请求，并接收后端响应超文本传输协议请求发送的超文本标记语言文件；对超文本标记语言文件进行解析，得到与待渲染页面对应的页面数据以及入口文件的存储地址；根据存储地址加载入口文件的脚本文件，并运行入口文件的脚本文件，得到渲染待渲染页面所需要的模块的标识信息；根据模块的标识信息加载模块的脚本文件，并根据模块的脚本文件以及页面数据完成对待渲染页面的渲染，并对渲染完成的页面进行展示。本发明实施例提高了页面的渲染效率。CN113761428ACN113761428A权利要求书1/2页1.一种页面渲染方法，其特征在于，应用于浏览器，所述页面渲染方法包括：向后端发送与待渲染页面对应的超文本传输协议请求，并接收所述后端响应所述超文本传输协议请求发送的超文本标记语言文件；对所述超文本标记语言文件进行解析，得到与所述待渲染页面对应的页面数据以及入口文件的存储地址；根据所述存储地址加载所述入口文件的脚本文件，并运行所述入口文件的脚本文件，得到渲染所述待渲染页面所需要的模块的标识信息；根据所述模块的标识信息加载所述模块的脚本文件，并根据所述模块的脚本文件以及所述页面数据完成对所述待渲染页面的渲染，并对渲染完成的页面进行展示。2.根据权利要求1所述的页面渲染方法，其特征在于，所述页面渲染方法还包括：基于预设的打包工具对所述模块的代码以及入口文件进行打包，生成各所述模块的代码块、入口文件的脚本文件、各所述模块的版本号以及入口文件的版本号；将所述代码块以及所述入口文件的脚本文件存储至内容分发网络中；将所述入口文件的版本号存储至配置中心，以使得所述后端在接收到超所述文本传输协议请求后，从所述配置中心加载所述版本号，并将根据所述入口文件的版本号生成的入口文件的存储地址写入至所述超文本标记语言文件中。3.根据权利要求2所述的页面渲染方法，其特征在于，每一个所述代码块对应一个所述模块的脚本文件；所述入口文件的版本号与各所述模块的版本号是一一对应的。4.根据权利要求2所述的页面渲染方法，其特征在于，根据所述模块的标识信息加载所述模块的脚本文件，并根据所述模块的脚本文件以及所述页面数据完成对所述待渲染页面的渲染包括：根据所述模块的标识信息从所述内容分发网络中加载所述模块的脚本文件；运行所述模块的脚本文件，并对所述页面数据进行加载，以完成对所述待渲染页面的渲染。5.根据权利要求2所述的页面渲染方法，其特征在于，所述页面渲染方法还包括：当检测到所述入口文件的版本号发生更改时，将更改后的版本号存储到所述配置中心。6.一种页面渲染方法，其特征在于，应用于后端，所述页面渲染方法包括：接收浏览器发送的与待渲染页面对应的超文本传输协议请求，响应所述超文本传输协议请求从配置中心中获取入口文件的版本号；根据所述版本号生成所述入口文件的存储地址，并将所述存储地址以及与所述待渲染页面对应的页面数据写入超文本标记语言中，得到超文本标记语言文件；将所述超文本标记语言文件发送至所述浏览器，以使得所述浏览器对所述超文本标记语言文件进行解析得到所述待渲染页面所需要的模块的标识信息，并根据所述标识信息加载模块的脚本文件，进而根据所述模块的脚本文件以及所述页面数据完成对所述待渲染页面的渲染。7.一种页面渲染装置，其特征在于，应用于浏览器，所述页面渲染装置包括：文件接收模块，用于向后端发送与待渲染页面对应的超文本传输协议请求，并接收所2CN113761428A权利要求书2/2页述后端响应所述超文本传输协议请求发送的超文本标记语言文件；文件解析模块，用于对所述超文本标记语言文件进行解析，得到与所述待渲染页面对应的页面数据以及入口文件的存储地址；文件加载模块，用于根据所述存储地址加载所述入口文件的脚本文件，并运行所述入口文件的脚本文件，得到渲染所述待渲染页面所需要的模块的标识信