AI 数据探索平台

基于 PRD 文档开发的前端原型应用，展示 AI 数据探索平台的核心功能。

功能特性

• 三栏布局设计

  • 左侧：功能菜单（数据管理、智能体管理、数据探索、权限管理、日志）
  • 中间：主对话窗口和操作页面
  • 右侧：知识库管理面板

• 核心功能模块

  • 数据管理：连接器管理、数据同步
  • 智能体管理：创建、编辑、删除智能体
  • 数据探索：使用智能体进行数据查询和分析
  • 权限管理：用户、用户组、知识库权限管理
  • 日志：操作日志查看和筛选

• 对话调起操作

  • 支持通过自然语言对话调起各类操作
  • 智能识别用户意图并切换到相应功能页面

技术栈

• React 18
• TypeScript
• Ant Design 5
• Vite

快速开始

安装依赖

npm install

启动开发服务器

npm run dev

应用将在 http://localhost:3000 启动

构建生产版本

npm run build

预览生产版本

npm run preview

项目结构

├── src/
│   ├── components/          # 组件目录
│   │   ├── LeftMenu/        # 左侧菜单
│   │   ├── CenterPanel/     # 中间面板（对话窗口和各功能页面）
│   │   └── RightPanel/      # 右侧知识库管理面板
│   ├── mock/                # Mock数据
│   ├── types/               # TypeScript类型定义
│   ├── App.tsx              # 主应用组件
│   ├── main.tsx             # 应用入口
│   └── index.css            # 全局样式
├── index.html               # HTML模板
├── package.json             # 项目配置
├── tsconfig.json            # TypeScript配置
└── vite.config.ts           # Vite配置

使用说明

1. 对话功能：在中间面板的对话窗口中输入自然语言，系统会识别意图并调起相应操作
2. 菜单导航：点击左侧菜单项切换到对应功能页面
3. 知识库管理：右侧面板显示知识库目录结构，点击节点可查看详情
4. 返回系统对话：在各个功能页面点击"返回系统对话"按钮可回到对话窗口

注意事项

• 本项目为前端原型，使用 Mock 数据，不包含后端和数据库
• 所有数据均为模拟数据，仅用于功能展示
• 部分功能为演示版本，实际功能需要后端支持