一种静态网页的渲染方法、装置、设备及计算机存储介质制造方法及图纸

技术编号:23765004 阅读:45 留言:0更新日期:2020-04-11 19:22
本发明专利技术公开了一种静态网页的渲染方法、装置、设备及计算机存储介质,本发明专利技术在接收到静态网页的访问请求时,加载静态网页对应的超文本标记语言文件;对超文本标记语言文件进行编译,从编译结果中获取目标网页脚本的本地存储地址;根据本地存储地址加载目标网页脚本,从目标网页脚本中读取代码设计格式为模块模式的页面配置文件;最后解析所述页面配置文件,根据解析结果对所述静态网页进行页面渲染,进而浏览器在不依赖后端逻辑及数据服务的前提对静态网页实现较好地渲染处理,降低了页面部署以及运维的成本,使得静态网页更容易进行页面访问加速处理,提升网络加载速度。

A static web page rendering method, device, device and computer storage medium

【技术实现步骤摘要】
一种静态网页的渲染方法、装置、设备及计算机存储介质
本专利技术涉及计算机信息
,尤其涉及一种静态网页的渲染方法、装置、设备及计算机存储介质。
技术介绍
在WebAPP或HybridAPP项目中,经常出现需要开发功能相似,但是用户界面风格稍有不同的页面的场景。业内常用做法是将页面的功能模块划分为组件,根据需要将模板页面的配置信息存储到远端的数据库,模板页面在加载后请求服务器接口,读取与该模板页面对应的组件配置并渲染至页面中。现有技术的这种做法依赖后端服务器和数据库,需要复杂的优化和较高的运维成本才能保证系统的可用性和性能,特别对于发布不频繁的页面,该方案性价比也比较低。上述内容仅用于辅助理解本专利技术的技术方案,并不代表承认上述内容是现有技术。
技术实现思路
本专利技术的主要目的在于提供了一种静态网页的渲染方法、装置、设备及计算机存储介质,旨在解决目前静态网页在渲染过程中由于需要依赖后端服务器和数据库,造成运维成本较高的问题。为实现上述目的,本专利技术提供了一种静态网页的渲染方法、装置、设本文档来自技高网...

【技术保护点】
1.一种静态网页的渲染方法,其特征在于,所述方法包括:/n在接收到静态网页的访问请求时,加载所述静态网页对应的超文本标记语言文件;/n对所述超文本标记语言文件进行编译,从编译结果中获取目标网页脚本的本地存储地址;/n根据所述本地存储地址加载所述目标网页脚本;/n从所述目标网页脚本中读取编码设计模式为模块模式的页面配置文件;/n解析所述页面配置文件,根据解析结果对所述静态网页进行页面渲染。/n

【技术特征摘要】
1.一种静态网页的渲染方法,其特征在于,所述方法包括:
在接收到静态网页的访问请求时,加载所述静态网页对应的超文本标记语言文件;
对所述超文本标记语言文件进行编译,从编译结果中获取目标网页脚本的本地存储地址;
根据所述本地存储地址加载所述目标网页脚本;
从所述目标网页脚本中读取编码设计模式为模块模式的页面配置文件;
解析所述页面配置文件,根据解析结果对所述静态网页进行页面渲染。


2.如权利要求1所述的方法,其特征在于,所述对所述超文本标记语言文件进行编译,从编译结果中获取目标网页脚本的本地存储地址的步骤,包括:
对所述超文本标记语言文件进行编译,从编译结果中获取格式为JavaScript的目标网页脚本对应的本地存储地址;
所述从所述目标网页脚本中读取编码设计模式为模块模式的页面配置文件的步骤,包括:
从所述目标网页脚本中抽取与所述静态网页的渲染处理相关的目标源代码;
将所述目标源代码转化为的JavaScript对象数据;
判断所述JavaScript对象数据是否为模块模式;
在所述JavaScript对象数据为模块模式时,读取所述目标源代码对应的页面配置文件。


3.如权利要求2所述的方法,其特征在于,所述解析所述页面配置文件,根据解析结果对所述静态网页进行页面渲染的步骤,包括:
调用所述静态网页的层叠样式表文件;
解析所述页面配置文件,从解析结果中确定待渲染模块区域;
根据所述层叠样式表文件对所述待渲染模块区域进行渲染,以实现对所述静态网页进行页面渲染。


4.如权利要求1-3任一项所述的方法,其特征在于,所述在接收到静态网页的访问请求时,加载所述静态网页对应的超文本标记语言文件的步骤之前,所述方法还包括:
在接收到对静态网页的预编译指令时,加载与所述静态网页对应的页面配置文件;
对所述页面配置文件进行模块化打包处理,得到对应的待处理JavaScript对象数据;
对所述待处理JavaScript对象数据进行封装,得到目标JavaScript模块模式文件;
将所述目标JavaScript模块模式文件作为目标页面配置文件保存到本地的预设存储区域。


5.如权利要求4所述的方法,其特征在于,所述在接收到对静态网页的预编译指令时,加载与所述静态网页对应的页面配置文件的步骤,包括:
在接收到对静态网页的预编译指令时,加载与所述静态网页对应...

【专利技术属性】
技术研发人员:曾锐高翊竣
申请(专利权)人:平安国际智慧城市科技股份有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1