数据渲染方法及系统技术方案

技术编号:22238430 阅读:38 留言:0更新日期:2019-10-09 18:18
本发明专利技术实施例公开一种数据渲染方法及系统,其中方法包括如下步骤:获取当前页面对应的页面数据的订阅请求,基于订阅请求携带的查询参数检测页面数据的数据属性,根据数据属性获取页面数据,根据当前页面的页面配置对页面数据进行页面渲染。采用本发明专利技术,可以提高海量数据下数据可视化渲染效率,实现实时、高效、灵活的渲染架构模型。

Data Rendering Method and System

【技术实现步骤摘要】
数据渲染方法及系统
本专利技术涉及互联网
,尤其涉及一种数据渲染方法及系统。
技术介绍
WEB端数据渲染的主要任务是将海量数据以多维度、高效率、可视化的方式展示给用户。其核心任务在于海量数据的分发以及前端及时准确的渲染。现有的数据渲染架构流程一般为前端服务根据请求去主动获取数据更新,然后直接进行页面的DOM更新和数据更新。前端定时轮询数据更新后,一般不会进行大规模计算,直接将返回的数据展示到页面上。导致数据展示维度受限,每次前端展示的数据强依赖后台数据,无法自定义其他维度的展示数据,数据利用效率低;影响了页面渲染效,前端轮询会大量消耗网络资源和浏览器性能,对于无效的请求会造成资源浪费;也使得数据资源无法高效利用,前端拿到数据只有一般只能做一些简单的处理后进行渲染,无法复用,前端缓存受限较大。数据渲染的实时性和灵活性较差,对于实时性要求较高的场景,如需要毫秒级别等更新,查询维度颗粒度较细的情况下资源开销很大,对于用户的查询要求不能做到及时响应。而且一个模块的数据响应无法实时同步到其他模块。同时渲染过程的可复用性较差,对于相同和相似的业务场景,使用数据时无法做到基于配置的模板复用。本文档来自技高网...

【技术保护点】
1.一种数据渲染方法,其特征在于,包括:获取当前页面对应的页面数据的订阅请求;基于订阅请求携带的查询参数检测所述页面数据的数据属性,所述数据属性包括历史属性和实时属性,所述历史属性指示所述页面数据为历史数据,所述实时属性指示所述页面数据为实时数据;根据所述数据属性获取所述页面数据;根据所述当前页面的页面配置对所述页面数据进行页面渲染。

【技术特征摘要】
1.一种数据渲染方法,其特征在于,包括:获取当前页面对应的页面数据的订阅请求;基于订阅请求携带的查询参数检测所述页面数据的数据属性,所述数据属性包括历史属性和实时属性,所述历史属性指示所述页面数据为历史数据,所述实时属性指示所述页面数据为实时数据;根据所述数据属性获取所述页面数据;根据所述当前页面的页面配置对所述页面数据进行页面渲染。2.根据权利要求1所述的方法,其特征在于,所述方法还包括:基于所述订阅请求创建长连接;采用所述长连接将所述订阅请求发送至BFF层。3.根据权利要求1所述的方法,其特征在于,所述基于所述订阅请求携带的查询参数检测所述页面数据的数据属性,包括:提取所述订阅请求携带的查询参数;当所述查询参数中的时间维度为一历史聚合度下的数据时,确定所述页面数据的数据属性为历史属性,否则为实时属性。4.根据权利要求2所述的方法,其特征在于,所述根据所述数据属性获取所述页面数据,包括:当所述数据属性为所述历史属性时,在所述BFF层的缓存数据库中查询与所述查询参数相匹配的缓存数据作为页面数据;当所述数据属性为所述实时属性时,基于所述查询参数将所述页面数据划分为历史数据和增量数据;基于增量数据对应的增量数据请求从数据层获取所述增量数据作为页面数据。5.根据权利要求4所述的方法,其特征在于,所述方法还包括:当所述缓存数据库中不存在与所述查询参数相匹配的缓存数据时,从数据层获取数据作为所述历史数据。6.根据权利要求5所述的方法,其特征在于,所述方法还包括:将从数...

【专利技术属性】
技术研发人员:李超叶生晅康胜利齐路
申请(专利权)人:帷幄匠心科技杭州有限公司
类型:发明
国别省市:浙江,33

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

1