ruoyi-vue-pro 开发指南 ruoyi-vue-pro 开发指南
      视频教程
        微服务版 (opens new window)
        作者博客 (opens new window)
        GitHub (opens new window)
        • 萌新必读

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

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

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

          • 工作流演示
          • 功能开启
          • 工作流(达梦适配)
          • 审批接入(流程表单)
          • 审批接入(业务表单)
          • 流程设计器(BPMN)
          • 流程设计器(钉钉、飞书)
          • 选择审批人、发起人自选
          • 会签、或签、依次审批
          • 流程发起、取消、重新发起
          • 审批通过、不通过、驳回
          • 审批加签、减签
          • 审批转办、委派、抄送
          • 执行监听器、任务监听器
          • 流程表达式
          • 流程审批通知
        • 大屏手册

          • 报表设计器
            • 大屏设计器
          • 支付手册

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

            • 功能开启
            • 微信公众号登录
            • 微信小程序登录
            • 会员用户、标签、分组
            • 会员等级、积分、签到
          • 商城手册

            • 商城演示
            • 功能开启
            • 商城装修
            • 【商品】商品分类
            • 【商品】商品属性
            • 【商品】商品 SPU 与 SKU
            • 【商品】商品评价
            • 【交易】购物车
            • 【交易】交易订单
            • 【交易】售后退款
            • 【交易】快递发货
            • 【交易】门店自提
            • 【交易】分销返佣
            • 【营销】优惠劵
            • 【营销】拼团活动
            • 【营销】秒杀活动
            • 【营销】砍价活动
            • 【营销】满减送
            • 【营销】限时折扣
            • 【营销】内容管理
            • 【统计】会员、商品、交易统计
          • ERP手册

            • ERP 演示
            • 功能开启
            • 【产品】产品信息、分类、单位
            • 【库存】产品库存、库存明细
            • 【库存】其它入库、其它出库
            • 【库存】库存调拨、库存盘点
            • 【采购】采购订单、入库、退货
            • 【销售】销售订单、出库、退货
            • 【财务】采购付款、销售收款
          • CRM手册

            • CRM 演示
            • 功能开启
            • 【线索】线索管理
            • 【客户】客户管理、公海客户
            • 【商机】商机管理、商机状态
            • 【合同】合同管理、合同提醒
            • 【回款】回款管理、回款计划
            • 【产品】产品管理、产品分类
            • 【通用】数据权限
            • 【通用】跟进记录、待办事项
          • 公众号手册

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

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

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

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

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

            • 【v2.1.0】开发中
            • 【v2.0.1】2024-03-01
            • 【v2.0.0】2024-01-26
            • 【v1.9.0】2023-12-01
            • 【v1.8.3】2023-10-24
          • 开发指南
          • 大屏手册
          芋道源码
          2022-07-29
          目录
          1. 功能开启
          1.1 第一步,开启模块
          1.2 第二步,导入 SQL
          1.3 第三步,启动后端项目
          1.4 第四步,启动前端项目(AJ-Report)
          1.4 第四步,启动前端项目(JimuReport)
          2. 如何使用?
          2.1 AJ-Report 报表设计器
          2.2 JimuReport 报表设计器

          报表设计器

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

          报表设计器,指的是使用 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-2024 芋道源码 | MIT License
            ×