基于组件的智能报表的设计与实现方法技术

本发明专利技术请求保护一种基于组件的智能报表的设计与实现方法，包括以下步骤：1)用户根据页面向导创建报表；2)过数据集选择，增加数据源，填写过滤条件例如SQL数据集；3)通过新增数据连接填写报表SQL语句获取报表数据，生成一个访问业务数据库的请求并发往报表服务器，报表服务器从系统数据库中读取业务数据库的信息，根据这些信息访问业务数据库，查询出满足设定条件的数据，并将数据返回浏览器4)通过添加报表字段以及要展示的图表信息设置报表5)手动拖拽要展示的字段后点击预览可自动生成报表展示给用户。本发明专利技术将异步请求和数据格式的编码该为配置化处理，该方法使得编程更快捷简便，代码耦合度更低，且可跨平台。且可跨平台。且可跨平台。

【技术实现步骤摘要】
基于组件的智能报表的设计与实现方法


[0001]本专利技术属于计算机
，特别涉及一种组件的智能报表的设计与实现方法。

技术介绍

[0002]说到报表，相信大家不会觉得陌生，它是企业管理的基本措施和途径，是企业的基本业务要求，也是实施BI战略的基础。报表可以帮助企业访问、格式化数据，并把数据信息以可靠和安全的方式呈现给使用者，使企业管理者可以深入地洞察企业的运营情况。
[0003]对现代企业有着如此重要的表单在计算机还没有出现以前，说白了就是账本子。当时人们是用笔和纸来记录数据的，就如老百姓所说的豆腐帐，就是卖豆腐的人每天将自己的卖出的豆腐记在一个本子上，然后每月进行汇总算算。这种情况下，报表数据和报表格式是紧密结合在一起的，都在同一个本子上。但是这种早期报表的表现形式基本上只有记账的人才能理解，且这种形式难以修改。
[0004]随着Internet的广泛应用，电子政务、电子商务以及企业ERP得到迅猛发展，数据的采集、传输、展示、交互等问题显得越来越重要。报表作为一种信息组织和展示的有力手段，为用户特别是企业中高层用户提供直观的数据视图(进行自动的统计计算，如求和，求平均，对分组进行小计等)，为用户制定商业计划和决策提供基础和依据。报表系统在各行各业中都有很广泛的用途，是进行信息浏览、分析、打印的有力工具。随着WWW技术的发展，企业系统从传统的C/S结构逐步向Internet转移，企业信息系统也正向基于Web的信息系统进行转变，越来越多的报表应用将在Web环境下开发与运行。以往的报表，系统中，业务逻辑与报表处理过程混杂在一起，任何一个需求或逻辑的改变都必须重新修改、编译报表程序才能完成。随着开发人员的不断完善，出现了多种报表设计器、生成器之类的工具，可以方便、快捷地实现需求。虽然有了很大的进步，但是仍然不能满足报表动态化和格式多样化的需求。
[0005]图2是传统页面开发设计图，简要对照图2描述现在的开发流程是什么。
[0006]传统开发页面，需要获取数据或者发送数据时，均需写异步代码请求数据，多数页面都需写请求代码，且在请求代码中对数据进行格式处理。
[0007]经过检索，比较接近的现有技术为：CN111913701A基于前后端分离的ERP管理系统、方法、介质和计算机设备，包括：前端开发平台，使用基于Vue的框架；后端开发平台，使用基于MVT的Django框架；API接口，连接所述前端开发平台和后端开发平台。本专利技术的技术方案结合前端web页面，采用了前后端分离的方式进行数据管理，能够实现ERP系统需求的基本功能，具有高效、易于管理、易于更新、便捷性高、计算功能强大等明显优势。本专利技术与功能框架并不同，并且相对于报表系统中涉及中对多种数据处理的操作在该系统中并未体现。
[0008]CN112905558A一种基于数据库配置的报表系统实现方法，包括以下步骤：步骤一：对含有报表的数据库进行配置；步骤二：通过报表对应的列表信息查询接口查询全部报表信息；步骤三：用户通过单个报表信息查询接口获取报表的初始化信息，并进入单个报表展
示初始化页面；步骤四：通过报表查询条件接口渲染查询条件；步骤五：分别通过报表数据查询模块显示报表数据以及通过报表导出接口将报表数据导出和下载。本专利技术提供了更多数据源入口(不止数据库配置)，且操作更加简便，实现报表自动化配置以及提高了报表数据导出效率，并将代码前后端分离，代码耦合度更低，利于开发和维护。

技术实现思路

[0009]本专利技术旨在解决以上现有技术的问题。提出了一种数据格式统一进行处理，不需重复对数据进行处理，前端和后端分离，提高工作效率，分工更加明确的基于组件的智能报表的设计与实现方法。本专利技术的技术方案如下：
[0010]一种基于组件的智能报表的设计与实现方法，其包括以下步骤：
[0011]用户根据页面向导创建报表；增加数据源，填写过滤条件；通过新增数据连接填写报表SQL语句获取报表数据，生成一个访问业务数据库的请求并发往报表服务器，报表服务器从系统数据库中读取业务数据库的信息，根据这些信息访问业务数据库，查询出满足设定条件的数据，并将数据返回浏览器；通过添加报表字段以及要展示的图表信息设置报表；手动拖拽要展示的字段后点击预览可自动生成报表展示给用户。
[0012]进一步的，所述智能报表的前端开发采用Vue技术栈，使用Vue技术栈开发报表前端页面，基础组件使用element，重复业务代码抽离为公共组件供各个页面使用，后端采用Java开发，数据库使用mySQL。
[0013]进一步的，智能报表的前端和后端所传递数据、浏览器页面显示和数据库所存储的数据，格式并不一致，应对数据进行格式转换。
[0014]进一步的，所述对数据进行格式转换具体如下：在浏览器向后端发送请求前，对数据进行与数据库格式保持一致的数据格式化操作；相应的在数据向浏览器发送后，浏览器在渲染前，应将数据转换为页面应该展示的格式化数据；前后端相互传递数据时，前端需要不断的写重复的异步请求代码，只需对异步请求代码进行配置，就可实现发送请求数据功能。
[0015]进一步的，所述在浏览器向后端发送请求前，对数据进行与数据库格式保持一致的数据格式化操作，包括：通过设置数据格式转换中间件，在接收和发送请求时，对数据进行格式化操作，为浏览器页面和后端存储，都放置一符合格式的数据。
[0016]进一步的，所述异步请求代码进行配置具体包括：通过抽离全局请求方法，形成请求中间件，只需传输参数，使用请求中间件进行异步请求发送，可实现请求异步数据获取以及冗余代码的减少。
[0017]进一步的，还包括制定统一的数据发送机制，具体包括：通过设置通用组件的数据发送参数配置，包括提交数据的url、描述提交数据以及是否异步，各个页面可直接配置请求获取数据以及更新数据，减少前端JavaScript重复开发的工作。
[0018]进一步的，用户点击新建报表后进入报表制作页面，提供包括SQL数据集、API数据集、JSON数据集在内的多种数据源。
[0019]进一步的，当用户选择SQL数据集创建方式获取数据时，交互得获取用户输入的SQL语句，使用所接收的SQL语句生成访问数据库的请求并发送至服务器；接收到访问数据库的请求的服务器，根据请求中SQL语句中的信息从所述数据中查询出满足查询条件的数
据；
[0020]当用户选择API数据集获取数据集时，交互得获取用户输入的API地址，使用该API生成访问后端某一具体接口的请求，该接口负责访问数据库并返回符合查询条件的数据；
[0021]当用户选择JSON数据集获取数据集时，该数据可由用户根据一定的规则填入后，使用该JSON生成访问JSON解析接口的请求，JSON接口对该数据进行解析后，返回符合前端显示的数据。
[0022]本专利技术的优点及有益效果如下：
[0023]1、传统请求数据，或提供请求代码工具类或在各个页面JavaScript处写请求代码，产生大量冗余的代码，本专利技术相对于本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于组件的智能报表的设计与实现方法，其特征在于，包括以下步骤：用户根据页面向导创建报表；增加数据源，填写过滤条件；通过新增数据连接填写报表SQL语句获取报表数据，生成一个访问业务数据库的请求并发往报表服务器，报表服务器从系统数据库中读取业务数据库的信息，根据这些信息访问业务数据库，查询出满足设定条件的数据，并将数据返回浏览器；通过添加报表字段以及要展示的图表信息设置报表；手动拖拽要展示的字段后点击预览可自动生成报表展示给用户。2.根据权利要求1所述的一种基于组件的智能报表的设计与实现方法，其特征在于，所述智能报表的前端开发采用Vue技术栈，使用Vue技术栈开发报表前端页面，基础组件使用element，重复业务代码抽离为公共组件供各个页面使用，后端采用Java开发，数据库使用mySQL。3.根据权利要求2所述的一种基于组件的智能报表的设计与实现方法，其特征在于，智能报表的前端和后端所传递数据、浏览器页面显示和数据库所存储的数据，格式并不一致，应对数据进行格式转换。4.根据权利要求3所述的一种基于组件的智能报表的设计与实现方法，其特征在于，所述对数据进行格式转换具体如下：在浏览器向后端发送请求前，对数据进行与数据库格式保持一致的数据格式化操作；相应的在数据向浏览器发送后，浏览器在渲染前，应将数据转换为页面应该展示的格式化数据；前后端相互传递数据时，对业务代码和请求代码进行隔离，只需对异步请求代码进行配置，就可实现自动发送请求功能，不需冗余的请求代码。5.根据权利要求4所述的一种基于组件的智能报表的设计与实现方法，其特征在于，所述在浏览器向后端发送请求前，对数据进行与数据库格式保持一致的数据格式化操作，包括：通过设置数据格式转换中间件，...

【专利技术属性】
技术研发人员：王雪，朱富丽，伍荣森，叶晓静，徐道旭，张铭翔，周渝陇，
申请(专利权)人：重庆邮电大学，
类型：发明
国别省市：