# 高数专家

**Repository Path**: ylguo/higher-mathematics-expert

## Basic Information

- **Project Name**: 高数专家
- **Description**: 高数解题专家是一个基于 Node.js 开发的智能高数聊天机器人应用，旨在帮助大学生通过自然语言交流，快速解决高数学习中遇到的各种难题，并支持互动反馈、会话管理及记录导出功能。
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-31
- **Last Updated**: 2025-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目名称
面向大学生的AI教培-高数专家

## 项目简介
本项目是一个面向数学领域的聊天机器人应用。应用包含一个模拟的消息发送和接收机制，用户可以与高数专家进行对话，并对高数专家的回应进行反馈。

![alt text](screenshots/聊天界面.jpg)

## 主要功能

1. **智能聊天功能**
   - 用户可以通过输入框与应用进行自然语言对话。
   - 聊天消息以气泡形式显示在聊天窗口中，清晰直观。
   - 支持会话管理功能，用户可创建新会话并在会话列表中切换历史会话。

2. **消息反馈**
   - 用户可以对每条回复提供反馈，包括标记为“好”或“坏”。
   - 支持文本反馈，用户可提交详细意见，帮助应用优化后续响应。
   - 应用根据用户反馈调整回复策略，提高交互智能性。

3. **界面主题**
   - 提供双色主题切换功能，用户可根据个人喜好选择浅色或深色模式。
   - 动态背景功能，支持网络图片随机切换或轮播，增强界面视觉效果。

4. **会话记录管理**
   - 会话列表支持显示会话时间和首条消息摘要，简洁明了。
   - 支持对会话的删除操作，列表右侧提供醒目的竖直删除按钮。
   - 会话切换后自动加载聊天记录，点击重新对话可清除部分记录并重新生成回复。

5. **多格式对话记录导出**
   - 使用 `file-saver` 库实现多格式文件导出，包括 Markdown、PDF、Word、CSV、HTML 和长图等。
   - 用户可轻松保存对话内容，满足不同场景下的需求。

6. **分享对话内容**
   - 集成 Web Share API，可将对话记录分享到社交媒体平台（如微信、QQ、朋友圈等）。
   - 支持直接复制内容到剪贴板，便于快速分享。

7. **搜索功能**
   - 内置全局搜索功能，用户可根据关键词快速定位历史消息。
   - 搜索结果高亮显示，支持点击跳转到对应消息位置。

8. **界面美化**
   - 对会话列表项进行优化，显示时间戳和问题摘要，溢出部分自动隐藏。
   - 提供半透明背景叠加效果，支持背景图片的动态加载和自定义。


## 技术栈
- **前端框架**：Vue.js
- **构建工具**：Vite
- **状态管理**：Vue 3 Composition API

## 目录结构
- `.DS_Store`：系统自动生成的文件，无需关注。
- `.git/`：Git版本控制目录。
- `index.html`：项目的主HTML文件。
- `mock-data/`：模拟数据文件夹，包含`sseRequest.ts`文件。
- `node_modules/`：Node.js模块文件夹，包含所有依赖包。
- `package-lock.json`：锁定安装时的包版本。
- `package.json`：项目的配置文件。
- `README.md`：项目描述文件。
- `src/`：源代码文件夹。
  - `chat.vue`：聊天应用的主组件。
  - `fonts.js`：字体相关脚本。
  - `index.css`：全局样式文件。
  - `main.js`：应用的入口文件。
- `vite.config.js`：Vite的配置文件。

## 安装与运行
1. 克隆项目到本地。
2. 安装依赖包：
   ```bash
   npm i
   ```
3. 启动开发服务器：
   ```bash
   npm run dev
   ```

## 构建与部署
1. 构建项目：
   ```bash
   npm run build
   ```
2. 部署项目：
   ```bash
   npm run deploy
   ```
3. 项目部署在`dist`文件夹中。

## 效果展示
### 聊天界面
![alt text](screenshots/聊天界面.jpg)
### 重新答复
![alt text](screenshots/重新生成.jpg)
![alt text](screenshots/生成结果.jpg)
### 反馈表单
![alt text](screenshots/内容反馈.jpg)
### 对话引用
![alt text](screenshots/对话引用.jpg)
### 对话删除
![alt text](screenshots/对话删除.jpg)
### 消息搜索
![alt text](screenshots/消息搜索.jpg)
### 切换主题
![alt text](screenshots/切换主题.jpg)
### 下载对话记录
![alt text](screenshots/下载对话.jpg)
![alt text](screenshots/下载文件.jpg)
![alt text](screenshots/下载文件2.jpg)
### 分享对话记录
![alt text](screenshots/分享对话.jpg)
### 切换会话
![alt text](screenshots/存储会话.jpg)
```