CN114091423A - 一种自定义报表的生成方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种自定义报表的生成方法、装置、设备及存储介质，该方法包括：在TinyMCE富文本编辑器中建立表格模板；配置访问后端数据集接口，并调用数据集接口获取数据集；将数据集中待展示的字段拖动至表格模板；对表格模板的数据进行渲染，以生成自定义报表。这样对于使用者来说，使用快捷、灵活，可按照自身的业务逻辑，快速准确的生成业务所需报表模板，数据易懂可读，使用者无需花大量时间即可了解企业的真实状况，无需再次安装其他的应用软件，而对于开发者来说，只需提供业务项目的数据接口即可，不需要花大量时间在表格的设计上，从而提高开发效率，缩短开发周期。

Description

一种自定义报表的生成方法、装置、设备及存储介质

技术领域

本发明涉及数据管理技术领域，特别是涉及一种自定义报表的生成方法、装置、设备及存储介质。

背景技术

近年来我国经济发展迅猛，各企事业单位产生大量的可用数据，这些数据包括最基本的基础数据，还包括整理后的统计数据。对于这些数据，软件开发者一般会直接定制成可看的报表，通过对报表的数据分析，决策者可了解当前企事业的运作状态，对发现的问题进行调整。但是在实际工作中，出具报表并非易事，除了精细化核对数据，解决突发状况外，还需要及时满足决策者提出的新的报表需求，以及业务变化带来的新的数据分析。

目前，开发者一般先从软件系统导出固定模板的报表，然后通过手动修改的方式调整报表格式，这不但要投入大量的时间和精力，而且易出错、效率低。另外，开发者制作报表程序时，一旦业务发生变化或者决策者提出新的报表需求，改动十分麻烦，而且来回沟通成本高，反复修改效率低，开发周期时间长，无法在短期内响应需求。同时，对于决策者想要分析业务之间的规律及趋势，需要先花时间了解业务情况，综合多个因素进行统计分析，在此情况下技术部门很难对这种未知性提供支持。很显然，低效繁琐的人工编制或者标准报表无法高效满足企业的个性化需求。

因此，如何解决传统报表软件的制表低效且不够灵活多变、报表改动繁琐影响开发效率的问题，是本领域技术人员亟待解决的技术问题。

发明内容

有鉴于此，本发明的目的在于提供一种自定义报表的生成方法、装置、设备及存储介质，可以快速准确的生成业务所需报表模板，且提高开发效率，缩短开发周期。其具体方案如下：

一种自定义报表的生成方法，包括：

在TinyMCE富文本编辑器中建立表格模板；

配置访问后端数据集接口，并调用所述数据集接口获取数据集；

将所述数据集中待展示的字段拖动至所述表格模板；

对所述表格模板的数据进行渲染，以生成自定义报表。

优选地，在本发明实施例提供的上述自定义报表的生成方法中，所述配置访问后端数据集接口，包括：

输入数据集接口的名称；

根据所述数据集接口的调用规则选择请求方式；

根据所述数据集接口的请求要求选择对应的请求类型；

输入所述数据集接口的请求地址url；

输入调用所述数据集接口的请求体参数。

优选地，在本发明实施例提供的上述自定义报表的生成方法中，所述请求方式包括支持GET的请求方式，和/或，支持POST的请求方式；

所述请求类型包括form表单格式，和/或，JSON数据格式。

优选地，在本发明实施例提供的上述自定义报表的生成方法中，所述将所述数据集中待展示的字段拖动至所述表格模板，包括：

通过Vue组件将所述数据集中待展示的字段拖动至所述表格模板的指定位置，并自动生成所述Vue组件可识别的表达式结构。

优选地，在本发明实施例提供的上述自定义报表的生成方法中，所述对所述表格模板的数据进行渲染，包括：

通过所述Vue组件对所述表格模板的数据进行渲染，得到相应的报表预览结果。

优选地，在本发明实施例提供的上述自定义报表的生成方法中，在所述得到相应的报表预览结果之后，还包括：

根据所述报表预览结果对所述表格模板做出调整。

优选地，在本发明实施例提供的上述自定义报表的生成方法中，在所述生成自定义报表之前，还包括：

判断所述报表预览结果是否达到预期效果；

若是，则通过file-saver工具在客户端生成自定义报表的文件。

本发明实施例还提供了一种自定义报表的生成装置，包括：

表格建立模块，用于在TinyMCE富文本编辑器中建立表格模板；

接口配置模块，用于配置访问后端数据集接口；

数据集获取模块，用于调用所述数据集接口获取数据集；

字段拖动模块，用于将所述数据集中待展示的字段拖动至所述表格模板；

数据渲染模块，用于对所述表格模板的数据进行渲染，以生成自定义报表。

本发明实施例还提供了一种自定义报表的生成设备，包括处理器和存储器，其中，所述处理器执行所述存储器中存储的计算机程序时实现如本发明实施例提供的上述自定义报表的生成方法。

本发明实施例还提供了一种计算机可读存储介质，用于存储计算机程序，其中，所述计算机程序被处理器执行时实现如本发明实施例提供的上述自定义报表的生成方法。

从上述技术方案可以看出，本发明所提供的一种自定义报表的生成方法，包括：在TinyMCE富文本编辑器中建立表格模板；配置访问后端数据集接口，并调用数据集接口获取数据集；将数据集中待展示的字段拖动至表格模板；对表格模板的数据进行渲染，以生成自定义报表。

本发明提供的上述方法，首先在TinyMCE富文本编辑器中建立表格模板，然后调用后端接口获取数据集，将数据集中需要展示的字段拖动至编辑器建立的表格模板中，最后对表格数据进行渲染，将数据集中真实数据展示到表格中，从而实现自定义报表，这样对于使用者来说，使用快捷、灵活，可按照自身的业务逻辑，快速准确的生成业务所需报表模板，数据易懂可读，使用者无需花大量时间即可了解企业的真实状况，无需再次安装其他的应用软件，而对于开发者来说，只需提供业务项目的数据接口即可，不需要花大量时间在表格的设计上，从而提高开发效率，缩短开发周期。

此外，本发明还针对自定义报表的生成方法提供了相应的装置、设备及计算机可读存储介质，进一步使得上述方法更具有实用性，该装置、设备及计算机可读存储介质具有相应的优点。

附图说明

为了更清楚地说明本发明实施例或相关技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例提供的自定义报表的生成方法的流程图；

图2为本发明实施例提供的自定义报表的生成装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明提供一种自定义报表的生成方法，如图1所示，包括以下步骤：

S101、在TinyMCE富文本编辑器中建立表格模板。

需要了解的是，TinyMCE是一个轻量级的，基于浏览器的，所见即所得编辑器，支持目前流行的各种浏览器，由JavaScript写成。TinyMCE的功能配置灵活简单(两行代码就可以将编辑器嵌入网页中)，支持AJAX，并且加载速度非常快，如果服务器采用的脚本语言是PHP，还可以进一步优化。TinyMCE是一个根据LGPL license发布的自由软件，可以把它用于商业应用。本发明利用TinyMCE，可以在浏览器上轻松的制作想要的表格模板。

具体地，在执行步骤S101之前，还可以包括：创建报表模板；在创建模板的过程中，模板信息是通过mysql数据库进行存储的，可以通过模板名来区分和标识报表的作用，然后点击相应的报表模板(打开报表设计工具)进行表格设计，即利用TinyMCE富文本编辑器开始进行表格设计，填写固定值并在所需生成的值出留出空位。

S102、配置访问后端数据集接口，并调用数据集接口获取数据集。

在本发明中，数据集接口配置完成后就调用接口获取数据集，用以下一步操作。返回的数据集对表格的扩展非常重要，它是报表的数据来源，因此在接口开发上因提供丰富的数据参数用于数据的筛选，且接口返回数据也需要尽可能的详细。

S103、将数据集中待展示的字段拖动至表格模板。

S104、对表格模板的数据进行渲染，以生成自定义报表。

可以理解的是，渲染是指构建渲染树，对各个元素进行位置计算、样式计算等等，然后根据渲染树对页面进行渲染。

所谓的自定义报表，就是使用人员(非技术类使用者)可以自由设置数据的查询条件、报表的样式和报表的展现形式，也叫DIY报表。自定义报表的最大特征，就是报表的查询条件、显示数据和展现样式可以根据使用者需求自定义。用户需要什么样的数据，就可以自己手动拖拽构建一张报表输出这样的数据，需要什么样的报表，就可以自定义设计那样的报表。

在本发明实施例提供的上述自定义报表的生成方法中，首先在TinyMCE富文本编辑器中建立表格模板，然后调用后端接口获取数据集，将数据集中需要展示的字段拖动至编辑器建立的表格模板中，最后对表格数据进行渲染，将数据集中真实数据展示到表格中，从而实现自定义报表，这样对于使用者来说，使用快捷、灵活，可按照自身的业务逻辑，快速准确的生成业务所需报表模板，数据易懂可读，使用者无需花大量时间即可了解企业的真实状况，无需再次安装其他的应用软件，而对于开发者来说，只需提供业务项目的数据接口即可，不需要花大量时间在表格的设计上，从而提高开发效率，缩短开发周期。

在具体实施时，在本发明实施例提供的上述自定义报表的生成方法中，步骤S102配置访问后端数据集接口，可以包括：

第一、输入数据集接口的名称；该名称用于表示该接口的作用；

第二、根据数据集接口的调用规则选择正确的请求方式；该请求方式可以包括支持GET的请求方式，和/或，支持POST的请求方式；具体地，该请求方式支持多种请求类型，如GET在请求url拼接参数、POST在请求体中传递参数；

第三、根据数据集接口的请求要求选择对应的请求类型；具体地，Content-Type告诉客户端实际返回的内容的内容类型，浏览器会在某些情况下进行MIME查找；

可选类型可以包括：Content-Type:application/x-www-form-urlencoded(以<form>表单的形式)、Content-Type:application/json(JSON数据格式)；一般默认为application/json；

第四、输入数据集接口的请求地址url；该请求地址也是访问地址，此处若为GET请求则在url拼接具体参数；

第五、输入调用数据集接口的请求体参数；具体地，填写调用数据集的过滤参数等，一般默认以json格式输入，该部分会根据请求类型和内容类型展示不同的UI界面；

第六、除了上述五点以外，若有筛选条件还需在参数栏详细填写，最后点击预览结果可判断接口配置是否有误。具体地，判断测试接口是否能正常访问，如果正常会在UI界面展示出数据集，否则也会提示相应的报错信息。

接下来，回到模板页面，左侧数据集界面会根据配置好的访问后端数据集接口进行自动调用接口的操作，并把数据结果展示出来。

在本发明实施例中数据集json结果如下：

在具体实施时，在本发明实施例提供的上述自定义报表的生成方法中，步骤S103将数据集中待展示的字段拖动至表格模板，可以包括：通过Vue组件将数据集中待展示的字段拖动至表格模板的指定位置，并自动生成Vue组件可识别的表达式结构。

需要了解的是，Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

在本发明中，前端通过Vue控件可以拖动数据集上的字段到表格上，并以特殊的表示在表格上显示，通过这些表示可以控制字段值最后渲染在表格上的形式。同样的数据可以用不同类型的图表进行在UI界面展示。

具体地，在将数据集中待展示的字段拖动至表格模板之后，还可以包括：根据字段类型，配置展示规则。这是由于在表格中展示的字段值，可能不是单个值，它可能是一个集合，所以针对这些值的展示需要进行规则配置。主要规则如下：

{{field}}:普通字段，只把字段值映射到对应位置；

{{clist.field}}:字段值进行纵向扩展，即当字段值是一个集合时，纵向的列出集合值；

{{rlist.field}}:字段值进行横向扩展，即当字段值是一个集合时，横向的列出集合值。

在具体实施时，在本发明实施例提供的上述自定义报表的生成方法中，步骤S104对表格模板的数据进行渲染，可以包括：通过Vue组件对表格模板的数据进行渲染，来实现预览，得到相应的报表预览结果。具体地，若步骤S103配置无误，点击预览按钮，即可渲染出报表结果。

进一步地，在得到相应的报表预览结果之后，还可以包括：根据报表预览结果对表格模板做出调整。这样根据制定报表模板渲染出相应的报表结果后，若需要修改报表结果，只需修改表格模板，进一步解决了传统报表制表低效且不够灵活多变的问题。对于开发者，可以把主要精力投入到业务项目的数据接口开发上去，防止因为表结构的修改而修改程序结构消耗大量开发时间，大大提高了程序员的开发效率，缩短了项目开发周期。

在具体实施时，在本发明实施例提供的上述自定义报表的生成方法中，在执行步骤S104生成自定义报表之前，还可以包括：判断报表预览结果是否达到预期效果；若是，则通过file-saver工具在客户端生成自定义报表的文件。在实际应用中，通过预览觉得已经达到预期效果之后，就可以点击导出按钮进行文件下载，通过浏览器下载后文件最后会生成在客户机本地，打开文件查看导出效果。

基于同一发明构思，本发明实施例还提供了一种自定义报表的生成装置，由于该装置解决问题的原理与前述一种自定义报表的生成方法相似，因此该装置的实施可以参见自定义报表的生成方法的实施，重复之处不再赘述。

在具体实施时，本发明实施例提供的自定义报表的生成装置，如图2所示，具体可以包括：

表格建立模块11，用于在TinyMCE富文本编辑器中建立表格模板；

接口配置模块12，用于配置访问后端数据集接口；

数据集获取模块13，用于调用数据集接口获取数据集；

字段拖动模块14，用于将数据集中待展示的字段拖动至表格模板；

数据渲染模块15，用于对表格模板的数据进行渲染，以生成自定义报表。

在本发明实施例提供的上述自定义报表的生成装置中，可以通过上述五个模块的相互作用，对于使用者来说，使用快捷、灵活，可按照自身的业务逻辑，快速准确的生成业务所需报表模板，数据易懂可读，使用者无需花大量时间即可了解企业的真实状况，无需再次安装其他的应用软件，而对于开发者来说，只需提供业务项目的数据接口即可，不需要花大量时间在表格的设计上，从而提高开发效率，缩短开发周期。

关于上述各个模块更加具体的工作过程可以参考前述实施例公开的相应内容，在此不再进行赘述。

相应地，本发明实施例还公开了一种自定义报表的生成设备，包括处理器和存储器；其中，处理器执行存储器中存储的计算机程序时实现前述实施例公开的自定义报表的生成方法。

关于上述方法更加具体的过程可以参考前述实施例中公开的相应内容，在此不再进行赘述。

进一步地，本发明还公开了一种计算机可读存储介质，用于存储计算机程序；计算机程序被处理器执行时实现前述公开的自定义报表的生成方法。

关于上述方法更加具体的过程可以参考前述实施例中公开的相应内容，在此不再进行赘述。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置、设备、存储介质而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

综上，本发明实施例提供的一种自定义报表的生成方法，包括：在TinyMCE富文本编辑器中建立表格模板；配置访问后端数据集接口，并调用数据集接口获取数据集；将数据集中待展示的字段拖动至表格模板；对表格模板的数据进行渲染，以生成自定义报表。这样对于使用者来说，使用快捷、灵活，可按照自身的业务逻辑，快速准确的生成业务所需报表模板，数据易懂可读，使用者无需花大量时间即可了解企业的真实状况，无需再次安装其他的应用软件，而对于开发者来说，只需提供业务项目的数据接口即可，不需要花大量时间在表格的设计上，从而提高开发效率，缩短开发周期。此外，本发明还针对自定义报表的生成方法提供了相应的装置、设备及计算机可读存储介质，进一步使得上述方法更具有实用性，该装置、设备及计算机可读存储介质具有相应的优点。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上对本发明所提供的自定义报表的生成方法、装置、设备及存储介质进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种自定义报表的生成方法，其特征在于，包括：

在TinyMCE富文本编辑器中建立表格模板；

配置访问后端数据集接口，并调用所述数据集接口获取数据集；

将所述数据集中待展示的字段拖动至所述表格模板；

对所述表格模板的数据进行渲染，以生成自定义报表。

2.根据权利要求1所述的自定义报表的生成方法，其特征在于，所述配置访问后端数据集接口，包括：

输入数据集接口的名称；

根据所述数据集接口的调用规则选择请求方式；

根据所述数据集接口的请求要求选择对应的请求类型；

输入所述数据集接口的请求地址url；

输入调用所述数据集接口的请求体参数。

3.根据权利要求2所述的自定义报表的生成方法，其特征在于，所述请求方式包括支持GET的请求方式，和/或，支持POST的请求方式；

所述请求类型包括form表单格式，和/或，JSON数据格式。

4.根据权利要求3所述的自定义报表的生成方法，其特征在于，所述将所述数据集中待展示的字段拖动至所述表格模板，包括：

通过Vue组件将所述数据集中待展示的字段拖动至所述表格模板的指定位置，并自动生成所述Vue组件可识别的表达式结构。

5.根据权利要求4所述的自定义报表的生成方法，其特征在于，所述对所述表格模板的数据进行渲染，包括：

通过所述Vue组件对所述表格模板的数据进行渲染，得到相应的报表预览结果。

6.根据权利要求5所述的自定义报表的生成方法，其特征在于，在所述得到相应的报表预览结果之后，还包括：

根据所述报表预览结果对所述表格模板做出调整。

7.根据权利要求6所述的自定义报表的生成方法，其特征在于，在所述生成自定义报表之前，还包括：

判断所述报表预览结果是否达到预期效果；

若是，则通过file-saver工具在客户端生成自定义报表的文件。

8.一种自定义报表的生成装置，其特征在于，包括：

表格建立模块，用于在TinyMCE富文本编辑器中建立表格模板；

接口配置模块，用于配置访问后端数据集接口；

数据集获取模块，用于调用所述数据集接口获取数据集；

字段拖动模块，用于将所述数据集中待展示的字段拖动至所述表格模板；

数据渲染模块，用于对所述表格模板的数据进行渲染，以生成自定义报表。

9.一种自定义报表的生成设备，其特征在于，包括处理器和存储器，其中，所述处理器执行所述存储器中存储的计算机程序时实现如权利要求1至7任一项所述的自定义报表的生成方法。

10.一种计算机可读存储介质，其特征在于，用于存储计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的自定义报表的生成方法。

Images