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

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112749358A(43)申请公布日2021.05.04(21)申请号202110042847.6(22)申请日2021.01.13(71)申请人中国工商银行股份有限公司地址100140北京市西城区复兴门内大街55号(72)发明人杨丹姜坤王立林徐克宝(74)专利代理机构北京三友知识产权代理有限公司11127代理人任默闻孙乳笋(51)Int.Cl.G06F16/957(2019.01)权利要求书2页说明书9页附图6页(54)发明名称页面渲染方法和装置、电子设备以及存储介质(57)摘要本发明提供一种页面渲染方法和装置、电子设备以及存储介质，适用于金融领域，该方法包括：获取客户端发送的页面加载请求；根据客户端性能实时监测结果以及服务端性能实时监测结果选择服务端渲染方式或客户端渲染方式；若选择了服务端渲染方式，将该页面加载请求以及渲染方式标识或服务端渲染指令发送至该服务端；若选择了客户端渲染方式，将该页面加载请求以及渲染方式标识发送至该服务端，并且，将渲染方式标识或客户端渲染指令发送至该客户端。其中，通过实时监测客户端性能和服务端性能，根据客户端性能和服务端性能动态选择渲染端，能够兼顾服务器访问压力、页面切换速度以及渲染效率等。CN112749358ACN112749358A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：获取客户端发送的页面加载请求；根据客户端性能实时监测结果以及服务端性能实时监测结果选择服务端渲染方式或客户端渲染方式；若选择了服务端渲染方式，将所述页面加载请求以及渲染方式标识或服务端渲染指令发送至所述服务端；若选择了客户端渲染方式，将所述页面加载请求以及渲染方式标识发送至所述服务端，并且，将渲染方式标识或客户端渲染指令发送至所述客户端。2.根据权利要求1所述的页面渲染方法，其特征在于，所述客户端性能实时监测结果为预设时段内的历史页面渲染时长；所述服务端性能实时监测结果包括：预设时段内的历史接口时延以及历史服务器压力。3.根据权利要求2所述的页面渲染方法，其特征在于，所述历史服务器压力根据预设时段内的CPU指标、内存指标以及IO指标得到。4.根据权利要求2所述的页面渲染方法，其特征在于，所述历史服务器压力根据预设时段内的CPU占用率、内存占用率以及IO读写速度加权求均得到。5.根据权利要求2所述的页面渲染方法，其特征在于，所述根据客户端性能实时监测结果以及服务端性能实时监测结果选择服务端渲染方式或客户端渲染方式，包括：根据预设时段内的历史页面渲染时长得到平均渲染时长；根据预设时段内的历史接口时延得到平均接口时延；判断历史服务器压力乘以预设系数加上所述平均接口时延的和值是否小于所述平均渲染时长；当历史服务器压力乘以预设系数加上所述平均接口时延的和值小于所述平均渲染时长时，选择服务端渲染方式；当历史服务器压力乘以预设系数加上所述平均接口时延的和值不小于所述平均渲染时长时，选择客户端渲染方式。6.根据权利要求5所述的页面渲染方法，其特征在于，所述预设系数根据服务器渲染笔数、总渲染笔数得到。7.根据权利要求1所述的页面渲染方法，其特征在于，还包括：实时监测客户端性能以及服务端性能。8.一种页面渲染装置，其特征在于，包括：页面加载请求获取模块，获取客户端发送的页面加载请求；渲染方式选择模块，根据客户端性能实时监测结果以及服务端性能实时监测结果选择服务端渲染方式或客户端渲染方式；第一发送模块，若选择了服务端渲染方式，将所述页面加载请求以及渲染方式标识或服务端渲染指令发送至所述服务端；第二发送模块，若选择了客户端渲染，将所述页面加载请求以及渲染方式标识发送至所述服务端，并且，将渲染方式标识或客户端渲染指令发送至所述客户端。9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述的页面渲2CN112749358A权利要求书2/2页染方法的步骤。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至5任一项所述的页面渲染方法的步骤。3CN112749358A说明书1/9页页面渲染方法和装置、电子设备以及存储介质技术领域[0001]本发明涉及计算机技术领域，尤其涉及一种页面渲染方法和装置、电子设备以及存储介质。背景技术[0002]随着互联网的高速发展，传输速度大大加快，用户体验愈加重要，前端页面逻辑也越来越复杂，相应的对前端开发的专业性要求也越来越高。前后端分离模式可以有效实现前后端解耦，让前端开发从后端工程中独立出来，前端人员可以专注于页面的实现。随着前端工程化的快速发展，前端三大框架Vue/React/