DK AgileBI Web 版

面向 BI 看板设计与数据资产管理的一体化 Web 平台

一套基于 Vue 3 + Vite 的可视化工作台，覆盖大屏编辑、图表配置、项目资产管理、预览发布与业务页面管理等核心能力。

快速开始 · 当前版本 · 核心能力 · 商业版说明 · 目录结构 · 赞赏支持 · 联系作者

---

📘 项目简介

DK AgileBI Web 版不是单纯的图表展示页，而是一套真正面向业务交付的 BI 可视化前端平台。

它同时承接两类核心能力：

能力层	说明
可视化设计层	大屏编辑、组件拖拽、主题配置、图表渲染、页面预览与发布
BI 资产层	项目、模板、数据集、公共组件、公共数据、业务页面管理

---

🧭 当前版本

当前仓库对应的是 Web 版 AgileBI 开源版本，不包含 AI 能力。AI 增强版为商业版本，如需了解或接入请联系作者。

项	内容
当前定位	Web 端 BI 可视化平台
版本特征	开源基础版
核心形态	大屏编辑器 + 业务管理台
前端技术栈	Vue 3 / Vite 4 / TypeScript / Pinia / Naive UI
商业版说明	AI 增强版为商业版本，需联系作者获取

近期版本亮点

版本	时间	亮点
v1.0.11	2026-01-22	数据集公共页与详情交互增强，管理员可发起请求调试
v1.0.10	2026-01-09	登录注册流程增强，支持邮箱验证码与头像上传

本版本特别说明

• 这是纯前端 Web 版本。
• 当前开源仓库不包含 AI 助手、模型管理及相关 AI 配置能力。
• AI 增强版为商业版本，如需 AI 商业版方案、功能演示或接入支持，请联系作者。

---

✨ 核心能力

可视化与 BI 能力

• 支持大屏编辑、图表配置、主题配置、交互配置与画布级布局控制。
• 支持图表组件、信息组件、控件组件、装饰组件、边框组件等多类组件体系。
• 支持项目管理、模板管理、我的组件、公共组件、数据集与公共数据等资产模块。
• 支持预览发布、截图、缩放、自适应、分组、图层与页面配置等编辑器能力。
• 支持 VChart、ECharts 等图表生态接入。

平台与工程能力

• 基于 Vue Router 的模块化路由组织。
• 基于 Pinia 的全局状态管理。
• 基于 Naive UI 的管理台风格界面体系。
• 支持国际化、主题切换、全局组件注册与插件扩展。
• 支持 Mock、本地代理、脚手架生成、迁移脚本与基础工程化规范。

---

🤖 商业版说明

当前仓库不包含 AI 能力。

AI 增强版为商业版本，如需以下能力请联系作者：

• AI 助手与多轮会话
• 模型管理与运行时配置
• 用户记忆与提示词管理
• 场景配置、会话审计与统计能力
• 图片、文档等多模态扩展能力

---

🧱 技术栈

类别	当前方案
前端框架	Vue 3
构建工具	Vite 4
开发语言	TypeScript
路由	Vue Router 4
状态管理	Pinia
UI 组件库	Naive UI
图表能力	VChart / ECharts
样式方案	SCSS
Mock	vite-plugin-mock

核心依赖包括：

• vue
• vue-router
• pinia
• naive-ui
• @visactor/vchart
• axios
• highlight.js
• monaco-editor
• three

---

🚀 快速开始

环境要求

• Node.js >= 16.14
• 推荐使用 pnpm

安装依赖

pnpm install

如未使用 pnpm，也可以执行：

npm install

启动开发环境

pnpm dev

构建生产版本

pnpm build

预览构建产物

pnpm preview

---

🛠️ 开发命令

命令	说明
pnpm dev	启动本地开发环境
pnpm build	构建生产包
pnpm preview	本地预览生产构建
npm run lint	执行 ESLint 检查
npm run lint:fix	自动修复部分风格问题
npm run new	使用 plop 生成模板代码
npm run migrate:legend	执行项目配置迁移脚本

---

🗂️ 目录结构

.
├─ public/
├─ scripts/
├─ src/
│  ├─ api/
│  ├─ assets/
│  ├─ components/
│  ├─ directives/
│  ├─ hooks/
│  ├─ i18n/
│  ├─ layout/
│  ├─ packages/
│  ├─ plugins/
│  ├─ router/
│  ├─ settings/
│  ├─ store/
│  ├─ styles/
│  ├─ utils/
│  └─ views/
├─ types/
├─ reports/
├─ vite.config.ts
└─ package.json

目录	作用
src/api/	接口封装、路径定义与 Mock 数据
src/components/	全局通用组件
src/hooks/	主题、语言、图表数据等通用 hooks
src/router/	路由注册、模块路由与守卫逻辑
src/store/	Pinia 状态管理
src/views/	页面级模块，包含项目、编辑器等页面
src/settings/	系统配置、主题配置、HTTP 配置
src/packages/	图表与组件配置包
reports/	项目说明、接口说明与工作记录

---

🧩 关键模块

页面入口

• src/main.ts：应用入口
• src/App.vue：全局容器
• src/router/index.ts：路由注册入口

📖 使用说明

本地开发

1. 安装依赖。
2. 启动 pnpm dev。
3. 根据本地环境配置接口地址或代理。
4. 进入项目页面后即可进行看板编辑、配置与预览。

---

☕ 赞赏支持

如果这个版本对你有帮助，欢迎通过下方赞赏码支持项目持续迭代。

赞赏说明

• 赞赏用途：用于项目持续维护、前端功能迭代、文档完善与日常更新。
• 展示规则：单次打赏金额大于 10 元的赞助者，会展示在赞助排名中。
• 更新时间：赞助排名可按你的维护节奏手动更新。

赞赏码

---

🏆 赞助排名

排名	昵称	金额	时间	备注
暂无	暂无	暂无	暂无	等待首次公开赞赏

---

📈 排行展示

近期活跃版本贡献

排名	贡献者	近期贡献方向
1	Mr·Fan（社区贡献者·10388）	平台主线能力建设、编辑器功能扩展与业务交付支撑
2	一根面条	基础图表架构建设，仓库：https://gitee.com/dromara/go-view

版本热度焦点

排名	版本	焦点能力
1	v1.0.11	数据集公共页与调试增强
2	v1.0.10	登录注册与邮箱验证码流程

---

👨‍💻 联系作者

项	信息
当前仓库	https://github.com/DKAgileBI/AgileBI_web
作者	Mr·Fan
协助者	@WangYingJay @fanfanyiyun
联系方式	dk-plus-ui@foxmail.com
项目说明	AI 增强版为商业版本，如需使用请联系作者

如需继续补充 README 的品牌化展示内容，可以在这个基础上继续增加演示截图、部署说明、更新日志折叠块与更多业务案例。

---

📃 协议许可证

本项目采用 MIT 协议。