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

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

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


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

技术介绍

[0002]在现有的网页开发过程中，经常会有动态数据报表展示方面的网页需要制作。传统工作的流程，一般需要前端和后端发开人员的共同协作，由后端开发人员处理数据提供给前端人员，前端人员利用相应的前端开发技术将数据展示在页面上。这样的需求在业务上出现的场景较多，并且每张报表涉及到的字段也相对较多，工作量大。但是逻辑上并不复杂，每张报表除了所展示的数据不同外，其他方面有很强的相似性。目前，在业界使用较多的是前端和后端共同协作的技术方法。首先，在前端和后端的开发人员都拿到报表设计图的前提下，由后端的开发人员有针对性处理数据，将数据处理成标准JSON格式返回给前端人员。然后，前端开发人员先根据设计图开发渲染固定的报表展示表头字段，再通过跟后端开发人员沟通后，将后端返回的明细JSON数据按照后端开发人员给出的每个字段标识的涵义，将数据一行行展示在各自对应的表头下面。而且，现在前端使用针对每张报表制作固定表头的方法不便于维护，自定义能力几乎为零。
[0003]综上，如何实现在多数据报表的情况下，减少前端开发人员不必要的重复性表头开发的工作，解耦前端和后端之间的模块联系，便于动态数据报表展示的模块化管理是本领域有待解决的技术问题。

技术实现思路

[0004]有鉴于此，本专利技术的目的在于提供一种动态数据报表展示方法、装置、设备、存储介质。其具体方案如下：
[0005]第一方面，本申请公开了一种动态数据报表展示方法，应用于前端，包括：
[0006]创建关于目标数据报表的目标表头获取请求；
[0007]基于所述目标表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据；
[0008]根据预设表头数据渲染规则对所述目标表头数据进行动态渲染，以获取渲染后的目标表头页面，并根据标识匹配规则和所述属性信息获取与所述目标表头数据对应的目标明细数据；
[0009]对所述目标明细数据进行渲染，以获取渲染后的目标明细页面，然后对所述目标表头页面和所述目标明细页面进行展示。
[0010]可选的，所述创建关于目标数据报表的目标表头获取请求之后，还包括：
[0011]调用前后端的数据获取接口，并通过所述数据获取接口发送所述目标表头获取请求至后端。
[0012]可选的，所述通过所述数据获取接口发送所述目标表头获取请求至后端之后，还
包括：
[0013]检测是否获取到所述后端针对所述目标表头获取请求返回的所述目标表头数据；
[0014]其中，所述根据预设表头数据渲染规则对所述目标表头数据进行动态渲染，包括：
[0015]若未获取到，则直接渲染空白表头页面。
[0016]可选的，所述基于所述表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据之前，还包括：
[0017]通过后端对数据报表的表头进行初始化制作JSON格式的初始表头数据，并将所述数据报表的初始表头数据保存至所述预设数据库。
[0018]可选的，所述基于所述表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据，包括：
[0019]基于所述目标表头获取请求中的所述目标数据报表类型从所述预设数据库中获取对应的目标初始表头数据；
[0020]判断所述目标数据报表是否存在目标自定义表头；
[0021]若存在，则从所述预设数据库中获取对应的目标自定义表头数据，并将所述目标初始表头数据和所述目标自定义表头数据进行数据合并，以生成目标表头数据；
[0022]若不存在，则将所述目标初始表头数据作为目标表头数据。
[0023]可选的，所述通过后端对数据报表的表头进行初始化制作JSON格式的初始表头数据过程中，还包括：
[0024]基于自定义的用户需求对数据报表的各个表头字段进行待展示字段的筛选，以获取待展示的目标表头字段；
[0025]采用拖拽方式对所述目标表头字段进行排序，以获取满足所述自定义的用户需求的目标表头字段顺序。
[0026]可选的，所述根据标识匹配规则和所述属性信息获取与所述目标表头数据对应的目标明细数据，包括：
[0027]基于所述属性信息中的目标唯一英文名称标识从存储表头数据的唯一英文名称标识与对应的明细数据的英文名称标识的标识规则列表中确定出目标表头数据对应的目标标识匹配规则；
[0028]基于所述目标标识匹配规则从所有明细数据中确定对应的目标明细数据。
[0029]第二方面，本申请公开了一种动态数据报表展示装置，应用于前端，包括：
[0030]请求创建模块，用于创建关于目标数据报表的目标表头获取请求；
[0031]第一数据获取模块，用于基于所述目标表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的表头数据；
[0032]第二数据获取模块，用于根据预设表头数据渲染规则对所述目标表头数据进行动态渲染，以获取渲染后的目标表头页面，并根据标识匹配规则和所述属性信息获取与所述表头数据对应的目标明细数据；
[0033]数据表展示模块，用于对所述目标明细数据进行渲染，以获取渲染后的目标明细页面，然后对所述目标表头页面和所述目标明细页面进行展示。
[0034]第三方面，本申请公开了一种电子设备，包括：
[0035]存储器，用于保存计算机程序；
[0036]处理器，用于执行所述计算机程序，以实现前述公开的动态数据报表展示方法的步骤。
[0037]第四方面，本申请公开了一种计算机可读存储介质，用于存储计算机程序；其中，所述计算机程序被处理器执行时实现前述公开的动态数据报表展示方法的步骤。
[0038]由此可见，本申请公开了一种动态数据报表展示方法，应用于前端，包括：创建关于目标数据报表的目标表头获取请求；基于所述目标表头获取请求从后端的预设数据库中获取与所述目标数据报表对应的包含各项属性信息的目标表头数据；根据预设表头数据渲染规则对所述目标表头数据进行动态渲染，以获取渲染后的目标表头页面，并根据标识匹配规则和所述属性信息获取与所述目标表头数据对应的目标明细数据；对所述目标明细数据进行渲染，以获取渲染后的目标明细页面，然后对所述目标表头页面和所述目标明细页面进行展示。可见，通过根据目标数据报表的表头获取请求从后端中获取对应的表头数据，也即，表头数据由后端设计制作，无需与前端进行沟通。让前端根据不同的沟通行为进行表头数据的制作，仅需要根据实际的表头数据获取请求直接从后端的持久化的预设数据库中直接获取对应的表头数据进行直接渲染，并且根据已获取的表头数据获取对应的明细数据，对明细数据也执行相应的渲染操作，并将渲染后的目标表头页面与对应的渲染后的目标明细页面进行展示，完成整个本文档来自技高网...

【技术保护点】

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

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