ruoyi-vue-pro 开发指南 ruoyi-vue-pro 开发指南
  • 萌新必读
  • 后端手册
  • 中间件手册
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • 公众号手册
  • 系统手册
  • 运维手册
  • 前端手册 Vue 2.x
  • 前端手册 Vue 3.x
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • 公众号手册
  • 系统手册
视频教程
  • Vue3 + element-plus (opens new window)
  • Vue3 + vben(ant-design-vue) (opens new window)
  • Vue2 + element-ui (opens new window)
微服务版 (opens new window)
作者博客 (opens new window)
GitHub (opens new window)
  • 萌新必读
  • 后端手册
  • 中间件手册
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • 公众号手册
  • 系统手册
  • 运维手册
  • 前端手册 Vue 2.x
  • 前端手册 Vue 3.x
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • 公众号手册
  • 系统手册
视频教程
  • Vue3 + element-plus (opens new window)
  • Vue3 + vben(ant-design-vue) (opens new window)
  • Vue2 + element-ui (opens new window)
微服务版 (opens new window)
作者博客 (opens new window)
GitHub (opens new window)
  • 萌新必读

    • 简介
    • 交流群
    • 视频教程
    • 功能列表
    • 快速启动(后端项目)
    • 快速启动(前端项目)
    • 接口文档
    • 技术选型
    • 项目结构
    • 代码热加载
    • 一键改包
    • 删除功能
    • 内网穿透
    • 达梦数据库专属
  • 后端手册

    • 新建模块
    • 代码生成【单表】(新增功能)
    • 代码生成【主子表】
    • 代码生成(树表)
    • 功能权限
    • 数据权限
    • 用户体系
    • 三方登录
    • OAuth 2.0(SSO 单点登录)
    • SaaS 多租户【字段隔离】
    • SaaS 多租户【数据库隔离】
    • WebSocket 实时通信
    • 异常处理(错误码)
    • 参数校验
    • 分页实现
    • 文件存储(上传下载)
    • Excel 导入导出
    • 系统日志
    • MyBatis 数据库
    • MyBatis 联表&分页查询
    • 多数据源(读写分离)
    • Redis 缓存
    • 本地缓存
    • 异步任务
    • 配置管理
    • 工具类 Util
    • 单元测试
    • 分布式锁
    • 幂等性(防重复提交)
    • 数据库文档
    • 验证码
  • 中间件手册

    • 定时任务
    • 消息队列(内存)
    • 消息队列(Redis)
    • 消息队列(RocketMQ)
    • 消息队列(RabbitMQ)
    • 消息队列(Kafka)
    • 限流熔断
  • 工作流手册

    • 工作流(Flowable)会签、或签
  • 商城手册

    • 商城演示
    • 功能开启
  • 大屏手册

    • 报表设计器
      • 1. 功能开启
        • 1.1 第一步,开启模块
        • 1.2 第二步,导入 SQL
        • 1.3 第三步,启动后端项目
        • 1.4 第四步,启动前端项目(AJ-Report)
        • 1.4 第四步,启动前端项目(JimuReport)
      • 2. 如何使用?
        • 2.1 AJ-Report 报表设计器
        • 2.2 JimuReport 报表设计器
    • 大屏设计器
  • 支付手册

    • 功能开启
    • 支付宝支付接入
    • 微信公众号支付接入
    • 微信小程序支付接入
    • 支付宝、微信退款接入
  • 公众号手册

    • 功能开启
    • 公众号接入
    • 公众号粉丝
    • 公众号标签
    • 公众号消息
    • 自动回复
    • 公众号菜单
    • 公众号素材
    • 公众号图文
    • 公众号统计
  • 系统手册

    • 短信配置
    • 邮件配置
    • 站内信配置
    • 数据脱敏
    • 敏感词
    • 地区 & IP 库
  • 运维手册

    • 开发环境
    • Linux 部署
    • Docker 部署
    • Jenkins 部署
    • HTTPS 证书
    • 服务监控
  • 前端手册 Vue 3.x

    • 开发规范
    • 菜单路由
    • Icon 图标
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
    • CRUD 组件
    • 国际化
    • IDE 调试
    • 代码格式化
  • 前端手册 Vue 2.x

    • 开发规范
    • 菜单路由
    • Icon 图标
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
  • 更新日志

    • 【v1.9.0】开发中
    • 【v1.8.3】2023-10-24
    • 【v1.8.2】2023-09-24
    • 【v1.8.1】2023-09-04
    • 【v1.8.0】2023-07-27
  • 开发指南
  • 大屏手册
芋道源码
2022-07-29
目录

报表设计器

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

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

报表设计器

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

是否集成 是否开源
JimuReport (opens new window) 已集成 不开源
AJ-Report (opens new window) 集成中 开源
UReport2 (opens new window) 不集成 开源

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

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

# 1. 功能开启

yudao-module-report 实现了报表设计器的能力,考虑到编译速度,默认是关闭的。开启步骤如下:

  • 第一步,开启 yudao-report-report 模块
  • 第二步,导入报表的 SQL 数据库脚本
  • 第三步,启动后端项目,确认功能是否生效
  • 第四步,启动报表设计器的前端项目

# 1.1 第一步,开启模块

① 修改根目录的 pom.xml (opens new window) 文件,取消 yudao-module-report 模块的注释。

引入  模块

② 修改 yudao-server 目录的 pom.xml (opens new window) 文件,引入 yudao-module-report 模块。如下图所示:

引入  依赖

③ 点击 IDEA 右上角的【Reload All Maven Projects】,刷新 Maven 依赖。如下图所示:

刷新 Maven 依赖

# 1.2 第二步,导入 SQL

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

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

导入 SQL 脚本

# 1.3 第三步,启动后端项目

启动后端项目,看到 "Init JimuReport Config [ 线程池 ] " 说明开启成功。

# 1.4 第四步,启动前端项目(AJ-Report)

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

# 1.4 第四步,启动前端项目(JimuReport)

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

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

报表设计

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

# 2. 如何使用?

# 2.1 AJ-Report 报表设计器

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

# 2.2 JimuReport 报表设计器

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

  • 快速入门 (opens new window)
  • 操作手册(报表设计器) (opens new window)

注意,JimuReport 是商业化的产品,报表设计器的功能应该是免费的,大屏设计器的功能是收费的。

集成 JimuReport 的代码实现?

① 后端:在 jmreport (opens new window) 包下,进行 JimuReport 的集成。

② 前端:在 @/views/report/jmreport (opens new window) 文件,通过 IFrame 嵌入 JimuReport 界面。

功能开启
大屏设计器

← 功能开启 大屏设计器→

Theme by Vdoing | Copyright © 2019-2023 芋道源码 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×