一种动态数据报表展示方法、装置、设备、存储介质制造方法及图纸

技术编号:37704211 阅读:20 留言:0更新日期:2023-06-01 23:51
本申请公开了一种动态数据报表展示方法、装置、设备、存储介质,涉及互联网网页技术领域,包括:创建关于目标数据报表的目标表头获取请求;基于目标表头获取请求从后端的预设数据库中获取与目标数据报表对应的包含各项属性信息的目标表头数据;根据预设表头数据渲染规则对目标表头数据进行动态渲染,以获取渲染后的目标表头页面,并根据标识匹配规则和属性信息获取对应的目标明细数据;对目标明细数据进行渲染,对渲染后的目标表头页面和渲染后的目标明细页面进行展示。表头数据由后端设计制作,前端仅需根据实际的表头数据获取请求直接从后端的持久化的预设数据库中直接获取对应的表头数据进行直接渲染,解耦前后端的同时减轻前端压力。轻前端压力。轻前端压力。

【技术实现步骤摘要】
一种动态数据报表展示方法、装置、设备、存储介质


[0001]本专利技术涉及互联网网页
,特别涉及一种动态数据报表展示方法、装置、设备、存储介质。

技术介绍

[0002]在现有的网页开发过程中,经常会有动态数据报表展示方面的网页需要制作。传统工作的流程,一般需要前端和后端发开人员的共同协作,由后端开发人员处理数据提供给前端人员,前端人员利用相应的前端开发技术将数据展示在页面上。这样的需求在业务上出现的场景较多,并且每张报表涉及到的字段也相对较多,工作量大。但是逻辑上并不复杂,每张报表除了所展示的数据不同外,其他方面有很强的相似性。目前,在业界使用较多的是前端和后端共同协作的技术方法。首先,在前端和后端的开发人员都拿到报表设计图的前提下,由后端的开发人员有针对性处理数据,将数据处理成标准JSON格式返回给前端人员。然后,前端开发人员先根据设计图开发渲染固定的报表展示表头字段,再通过跟后端开发人员沟通后,将后端返回的明细JSON数据按照后端开发人员给出的每个字段标识的涵义,将数据一行行展示在各自对应的表头下面。而且,现在前端使用针对每张报表制作本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动态数据报表展示方法,其特征在于,应用于前端,包括:创建关于目标数据报表的目标表头获取请求;基于所述目标表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据;根据预设表头数据渲染规则对所述目标表头数据进行动态渲染,以获取渲染后的目标表头页面,并根据标识匹配规则和所述属性信息获取与所述目标表头数据对应的目标明细数据;对所述目标明细数据进行渲染,以获取渲染后的目标明细页面,然后对所述目标表头页面和所述目标明细页面进行展示。2.根据权利要求1所述的动态数据报表展示方法,其特征在于,所述创建关于目标数据报表的目标表头获取请求之后,还包括:调用前后端的数据获取接口,并通过所述数据获取接口发送所述目标表头获取请求至后端。3.根据权利要求2所述的动态数据报表展示方法,其特征在于,所述通过所述数据获取接口发送所述目标表头获取请求至后端之后,还包括:检测是否获取到所述后端针对所述目标表头获取请求返回的所述目标表头数据;其中,所述根据预设表头数据渲染规则对所述目标表头数据进行动态渲染,包括:若未获取到,则直接渲染空白表头页面。4.根据权利要求1至3任一项所述的动态数据报表展示方法,其特征在于,所述基于所述表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据之前,还包括:通过后端对数据报表的表头进行初始化制作JSON格式的初始表头数据,并将所述数据报表的初始表头数据保存至所述预设数据库。5.根据权利要求4所述的动态数据报表展示方法,其特征在于,所述基于所述表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据,包括:基于所述目标表头获取请求中的所述目标数据报表类型从所述预设数据库中获取对应的目标初始表头数据;判断所述目标数据报表是否存在目标自定义表头;若存在,则从所述预设数据库中获取对应的目标自定义表头数据,并将所述目标初始表头数据和所述目标自定...

【专利技术属性】
技术研发人员:刘杨洋
申请(专利权)人:上海微盟企业发展有限公司
类型:发明
国别省市:

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

1