【技术实现步骤摘要】
一种静态网页的渲染方法、装置、设备及计算机存储介质
本专利技术涉及计算机信息
,尤其涉及一种静态网页的渲染方法、装置、设备及计算机存储介质。
技术介绍
在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
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。