# AI助手管理平台 这是一个基于Vue 3的AI助手管理平台，用户可以创建和定制多个AI助手，为每个助手配置专属知识库，管理对话历史，并获取使用分析数据。 ## 最近更新 - **UI现代化改进**：全新设计的登录页面，采用现代化组件风格 - **全屏自适应布局**：优化了所有页面在不同设备尺寸下的显示效果 - **动态视觉元素**：添加了动画和渐变效果，提升用户体验 - **响应式设计增强**：完善了移动端适配方案 ## 技术栈 - Vue 3 (Composition API) - Vue Router 4 - Pinia (状态管理) - Element Plus (UI组件库) - Axios (HTTP请求) - ECharts (数据可视化) - Mock.js (模拟数据) ## 功能特性 - 用户系统：登录/注册（JWT鉴权）、个人中心 - AI助手创建与配置：设置名称、描述、头像和专业领域 - 知识库管理：上传PDF/TXT/DOCX文件，建立专业知识库 - 对话界面：与已配置的AI助手进行对话 - 数据分析看板：助手使用频率统计、常见问题分类分析 - 响应式布局：适配PC/移动端 ## 项目结构 ``` src/ ├── api/ # API接口 ├── assets/ # 静态资源 ├── components/ # 公共组件 ├── composables/ # 组合式函数 ├── mock/ # 模拟数据 ├── router/ # 路由配置 ├── store/ # Pinia状态管理 ├── utils/ # 工具函数 └── views/ # 页面组件 ``` ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 启动开发服务器 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ## 演示账号 - 用户名：admin - 密码：123456 ## 项目截图 ### 登录页面  ### 助手管理  ## 技术架构图 ``` ┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐ │ │ │ │ │ │ │ Vue 3 UI │◄────►│ Pinia Store │◄────►│ Mock Server │ │ │ │ │ │ │ └─────────────────┘ └─────────────────┘ └─────────────────┘ │ │ │ │ │ │ ▼ ▼ ▼ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐ │ │ │ │ │ │ │ Vue Router │ │ Composables │ │ Axios │ │ │ │ │ │ │ └─────────────────┘ └─────────────────┘ └─────────────────┘ ``` ## 已解决的问题 - 登录状态管理优化：修复了登录后无法正确跳转的问题 - 开发服务器端口配置：解决了端口冲突问题 - 全屏显示适配：优化了在各种设备上的全屏显示效果 ## 后续计划 - 集成WebSocket实现实时消息推送 - 添加第三方登录支持 - 实现知识库文件的版本控制 - 添加更多数据分析维度 - 完善其他页面的现代化UI设计 ## 作者 徐曲 - 前端开发工程师 # ai-assistant-platform