# Spring Chat Demo **Repository Path**: MYZ9/chat-demo ## Basic Information - **Project Name**: Spring Chat Demo - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-03-18 - **Last Updated**: 2026-07-28 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # AI Chat Demo - 类 ChatGPT 聊天应用 基于 Spring AI 1.1.3 和 Vue2 构建的类 ChatGPT 智能聊天应用。 ## 技术栈 ### 后端 - Spring Boot 3.5.11 - Spring AI 1.1.3 (OpenAI) - Java 21 ### 前端 - Vue 2.7 - Axios - 类 ChatGPT 风格 UI ## 快速开始 ### 1. 配置 API Key 在 `src/main/resources/application.yml` 中配置你的 OpenAI API Key: ```yaml spring.ai.openai.api-key=your-openai-api-key ``` 或者设置环境变量: ```bash export OPENAI_API_KEY=your-api-key ``` ### 2. 启动后端 ```bash cd D:\Workspaces\ws_gz\chat-demo mvn spring-boot:run ``` 后端服务将在 http://localhost:8080 启动 ### 3. 启动前端 ```bash cd frontend npm install npm run serve ``` 前端服务将在 http://localhost:3001 启动 ## 项目结构 ``` chat-demo/ ├── src/main/java/com/example/chatdemo/ │ ├── ChatDemoApplication.java # 主应用 │ ├── config/ │ │ └── CorsConfig.java # CORS 配置 │ ├── controller/ │ │ └── ChatController.java # 聊天 API │ ├── dto/ │ │ ├── ChatRequest.java # 请求 DTO │ │ └── ChatResponse.java # 响应 DTO │ └── service/ │ └── ChatService.java # 聊天服务 ├── frontend/ │ ├── src/ │ │ ├── api/ │ │ │ └── chat.js # API 客户端 │ │ ├── components/ │ │ │ └── ChatWindow.vue # 聊天窗口组件 │ │ ├── App.vue # 根组件 │ │ └── main.js # 入口文件 │ └── package.json └── pom.xml ``` ## 功能特性 - ✅ 实时聊天对话 - ✅ 多会话管理 - ✅ 对话历史记录 - ✅ 响应式 UI 设计 - ✅ 打字动画效果 - ✅ 侧边栏会话列表 ## 注意事项 1. 需要有效的 OpenAI API Key 2. 首次运行前端需要安装依赖:`npm install` 3. 确保后端和前端同时运行 ## 自定义模型 在 `application.yml` 中修改模型配置: ```yaml spring.ai.openai.chat.options.model=gpt-4 spring.ai.openai.chat.options.temperature=0.7 ```