# 学习自习室

**Repository Path**: wang-bing-wei/study-study-room

## Basic Information

- **Project Name**: 学习自习室
- **Description**: 自主学习自习室 可以公开看到在自习室的成员学习时间 并且可以记录笔记 和目标
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-24
- **Last Updated**: 2025-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 学习自习室

这是一个基于Vue 3和Express的学习自习室应用，用于记录和展示用户的学习时间。

## 功能特点

- 实时显示自习室成员列表
- 记录用户自习时间
- 统计每日专注时间
- 支持多人同时在线自习

## 技术栈

### 前端
- Vue 3
- Element Plus
- Axios
- Vuex
- Vue Router

### 后端
- Express
- MongoDB
- Mongoose

## 安装和运行

### 前端

1. 进入前端目录
```bash
cd frontend
```

2. 安装依赖
```bash
npm install
```

3. 运行开发服务器
```bash
npm run serve
```

### 后端

1. 进入后端目录
```bash
cd server
```

2. 安装依赖
```bash
npm install
```

3. 配置环境变量
创建 `.env` 文件并添加以下内容：
```
MONGODB_URI=mongodb://localhost:27017/study-room
PORT=3000
```

4. 运行服务器
```bash
npm run dev
```

## 使用说明

1. 打开浏览器访问 `http://localhost:8080`
2. 点击"开始自习"按钮开始计时
3. 点击"结束自习"按钮结束计时
4. 可以查看其他用户的自习状态和时长

## 注意事项

- 确保MongoDB服务已启动
- 确保前端和后端端口未被占用
- 建议使用现代浏览器访问