报表设计器

来源:https://cloud.iocoder.cn/report/

数据可视化,一般可以通过报表设计器、或者大屏设计器来实现。本小节,我们来讲解报表设计器的功能开启。

报表设计器,指的是使用 Web 版设计器,通过类似于 Excel 操作风格,通过拖拽完成报表设计。如下图所示:

报表设计器

在项目中,通过集成市面上的报表引擎,实现了报表设计器的能力。目前使用如下:

是否集成 是否开源
JimuReport 已集成 不开源
AJ-Report 集成中 开源
UReport2 不集成 开源

为什么不使用 UReport2 报表引擎呢?

UReport2 基本处于不维护的状态,最后发版时间是 2018 年!

1. 功能开启

yudao-module-report 实现了报表设计器的能力,开启步骤如下:

1.1 第一步,导入 SQL

下载 jimureport.mysql5.7.create.sql 脚本,并导入数据库,初始化 JimuReport 相关的表结构和数据。如果你是 Oracle、PostgreSQL 等其它数据库,需要自己使用 Navicat 进行转换。

友情提示:↑↑↑ jimureport.mysql5.7.create.sql 是可以点击下载的! ↑↑↑

导入 SQL 脚本

1.2 第二步,启动 report 服务

运行该服务的 ReportServerApplication 启动类,看到 "Init JimuReport Config [ 线程池 ] " 说明开启成功。

1.3 第三步,启动前端项目(AJ-Report)

TODO 开发中,预计 4 月份左右。

1.3 第三步,启动前端项目(JimuReport)

① JimuReport 前端项目内置在后端项目中,无需启动。

② 访问 [报表管理 -> 报表设计器] 菜单,可以查看对应的功能。如下图所示:

报表设计

可以看到,JimuReport 支持数据报表、图形报表、打印设计等能力。

2. 如何使用?

2.1 AJ-Report 报表设计器

TODO 开发中,预计 4 月份左右。

2.2 JimuReport 报表设计器

可以查看 JimuReport 的官方文档,主要是:

注意,JimuReport 是商业化的产品,分成免费版、商业版,需要关注下它的 价格 !!!

集成 JimuReport 的代码实现?

① 后端:在 jmreport 包下,进行 JimuReport 的集成。

② 前端:在 @/views/report/jmreport/index.vue 文件,通过 IFrame 嵌入 JimuReport 界面。


星球里,不错的问题: