报表调用展示方法、系统、设备及计算机可读存储介质技术方案

本发明专利技术涉及金融科技(Fintech)技术领域。本发明专利技术公开了一种报表调用展示方法、系统、设备及介质，通过预先声明报表调用指令，将其以标签的形式在不同页面中引用，并在触发引用时自动获取需要展示的目标报表内容，然后通过根据标签对应的视图的DOM树进行相应的编译操作，自动根据目标报表内容的字段配置生成相应的目标热点指令，最后自动生成目标报表配置信息，渲染显示出目标报表视图，而无需开发人员预先开发报表的配置文件，然后在需要展示时重新加载预存的配置文件这一系列操作，从而避免了因加装过多的文件导致内存占用消耗过多的情况，因此即使是同时引用多个报表，也不会过多地消耗内存。多地消耗内存。多地消耗内存。

【技术实现步骤摘要】
报表调用展示方法、系统、设备及计算机可读存储介质


[0001]本专利技术涉及金融科技(Fintech)
，尤其涉及一种报表调用展示方法、系统、设备及计算机可读存储介质。

技术介绍

[0002]随着计算机技术的发展，越来越多的技术(大数据、分布式、区块链Blockchain、人工智能等)应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，但由于金融行业的安全性、实时性要求，也对WEB前端技术提出了更高的要求。
[0003]现有的通过AngularJS指令(一些附加在HTML元素上的自定义标记)来使用Handsontable(一个开源的JavaScript电子表格组件)进行报表展示时，需开发一个新的报表设置文件以对当前报表的样子进行描述，而在此报表设置文件中，通常需要一个hot
‑
table(热点表)指令加若干个hot
‑
column(热列)指令来设置描述其内容信息，并通过配置各hot
‑
column来设置其字段的信息。因此，当存在多个不同报表的展示需求时，需要加载本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种报表调用展示方法，其特征在于，所述报表调用展示方法包括：在当前页面中所引用的报表调用标签触发时，调用所述报表调用标签对应的初始化报表视图，其中，所述报表调用标签基于自定义的报表调用指令所设置；获取所述报表调用指令指向的目标报表内容，基于所述目标报表内容遍历所述初始化报表视图的文档对象模型DOM，以查找所述DOM中存在的循环输出指令和所述报表调用指令；执行所述循环输出指令以及所述报表调用指令的相关操作，生成与所述目标报表内容的字段配置相匹配的目标热点指令，并根据所述目标热点指令生成目标报表配置信息；利用所述目标报表配置信息和所述目标报表内容将所述初始化报表视图渲染成目标报表视图。2.如权利要求1所述的报表调用展示方法，其特征在于，所述目标热点指令包括目标热点表指令和目标热列指令，所述执行所述循环输出指令以及所述报表调用指令的相关操作，生成与所述目标报表内容的字段配置相匹配的目标热点指令的步骤包括：根据查找到的所述报表调用指令，将所述初始化报表视图的内容插入所述报表调用指令下；根据查找到的循环输出指令生成目标热点表指令，并基于所述循环输出指令和所述目标报表内容生成若干与所述字段配置相应的目标热列指令至所述目标热点表指令下。3.如权利要求1所述的报表调用展示方法，其特征在于，所述在当前页面中所引用的报表调用标签触发时，调用所述报表调用标签对应的初始化报表视图的步骤之前，还包括：自定义所述报表调用指令，以元素形式将所述报表调用指令在所述DOM中声明；定义所述报表调用指令的数组属性，其中，所述数组属性用于存放报表内容信息。4.如权利要求3所述的报表调用展示方法，其特征在于，所述获取所述报表调用指令指向的目标报表内容，基于所述目标报表内容遍历所述初始化报表视图的文档对象模型DOM的步骤包括：获取所述目标报表内容，将所述目标报表内容赋予所述报表调用标签的目标数组属性；调用编译函数，基于所述编译函数以深度优先方式遍历所述DOM。5.如权利要求4所述的报表调用展示方法，其特征在于，所述根据所述目标热点指令生成目标报表配置信息的步骤包括：获取所述目标热列指令的自定义字段属性的字段值，将所述字段值以及所述目标数组属性的字段值与所述目标热点表绑定，其中，所述热列指令对应的作用域中已新增若干自定义字段属性；执行所述目标热点表指令与所述目标热列指令的连接函数，生成所述目标报表配置信息。6.如权利要求1所述的报表调用展示方...

【专利技术属性】
技术研发人员：邵伟雄，陈盈盈，黎君，
申请(专利权)人：深圳前海微众银行股份有限公司，
类型：发明
国别省市：