RuoYi-Vue-Pro 架构总览
Report 报表与大屏

核心定位

Report 模組讓非技術人員也能做出專業的資料大屏。不需要寫前端程式碼，透過拖拽元件、配置資料來源，就能生成視覺化報表和大屏頁面。適合管理層看板、資料監控、專案彙報等場景。

一句話：像做 PPT 一樣做資料大屏。

解決什麼問題

痛點Report 如何解決
管理層想看資料，每次都讓開發寫頁面拖拽式設計，業務人員自己做
資料展示需求頻繁變化修改大屏配置即可，無需發版
需要專業的視覺化效果內建幾十種圖表元件和模板
不同場景需要不同的報表引擎提供三種引擎，按需選擇

使用者角色

graph LR subgraph 角色 DESIGNER["大屏設計師
拖拽配置大屏
設定資料來源
釋出大屏"] VIEWER["檢視者（管理層/客戶）
檢視大屏
互動篩選資料"] end

三種報表引擎

graph TB subgraph GoView["Go-View（推薦）"] G1["開源免費"] G2["Vue3 技術棧"] G3["純前端，獨立部署"] G4["內建豐富圖表元件"] end subgraph Jimu["JimuReport"] J1["不開源"] J2["內嵌後端"] J3["支援複雜報表"] J4["中國式報表"] end subgraph AJ["AJ-Report"] A1["開源"] A2["開發中"] A3["完全後端驅動"] end
特性Go-ViewJimuReportAJ-Report
開源✅❌✅
上手難度⭐ 低⭐⭐ 中⭐⭐ 中
圖表豐富度⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
複雜報表⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
推薦場景通用大屏中國式複雜報表後端驅動場景

大屏設計流程

flowchart LR A["新建大屏
選擇模板或空白"] --> B["拖拽元件
圖表/文字/圖片/邊框"] B --> C["配置資料來源
API 介面 / 靜態資料"] C --> D["調整樣式
佈局/顏色/動畫"] D --> E["預覽效果
實時檢視"] E --> F{滿意?} F -->|是| G["釋出大屏
生成訪問連結"] F -->|否| B

內建圖表元件（部分）

  • 折線圖 / 柱狀圖 / 餅圖 / 雷達圖
  • 資料表格 / 滾動表格
  • 數字翻牌器
  • 地圖（中國 / 省市）
  • 儀表盤
  • 詞雲
  • 時間軸
  • 邊框和裝飾元件

典型應用場景

場景大屏內容檢視者
銷售看板今日銷售額、訂單量、轉化率、區域排名銷售總監、管理層
生產監控產線狀態、產量、不良率、裝置 OEE生產經理、廠長
運營大屏使用者增長、活躍度、留存率、收入趨勢運營團隊
專案彙報專案進度、里程碑、風險、資源使用專案干係人
docs