# ClassPrepHub

**Repository Path**: CodeBing_X/class-prep-hub

## Basic Information

- **Project Name**: ClassPrepHub
- **Description**: ClassPrepHub：专注于课堂准备与管理的开源项目，提供高效的教学资源组织工具及学生互动平台，助力教育工作者提升教学效果。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-21
- **Last Updated**: 2025-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ClassPrepHub - 班级备课中心

ClassPrepHub是一个面向教师的智能备课平台，旨在提高教师备课效率和教学质量。平台提供教学资源管理、习题管理、教学设计和数据分析等功能，帮助教师更高效地完成备课工作。

![ClassPrepHub Logo](src/assets/images/login-illustration.svg)

## 项目介绍

ClassPrepHub为教师提供一站式备课解决方案，主要功能包括：

- **资源管理**：整合和管理教学资源，支持多种格式
- **习题库**：创建、编辑和组织习题，根据知识点分类
- **教学设计**：提供教学设计模板和工具，辅助教学规划
- **任务创建**：快速创建教学任务和作业
- **数据分析**：收集和分析学生学习数据，优化教学策略
- **个性化推荐**：基于教师使用习惯，推荐相关教学资源

## 技术栈

- **前端框架**：Vue 3 + TypeScript + Vite
- **UI组件库**：Element Plus
- **状态管理**：Pinia (Vue官方推荐的状态管理库)
- **路由管理**：Vue Router
- **HTTP客户端**：Axios
- **CSS预处理器**：SCSS/LESS

## 功能特点

1. **现代化UI设计**：精美的界面设计，支持亮色/暗色主题切换
2. **响应式布局**：适配不同尺寸的设备，提供最佳用户体验
3. **多角色支持**：区分教师和学生角色，提供差异化功能
4. **安全认证**：完善的用户认证和授权系统
5. **数据可视化**：直观的图表展示教学数据和分析结果
6. **实时协作**：支持教师之间的备课协作和资源共享

## 开发环境配置

### 推荐的IDE设置

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (禁用Vetur插件)。

### `.vue`文件的TypeScript支持

TypeScript默认无法处理`.vue`文件的类型信息，因此我们使用`vue-tsc`代替`tsc`进行类型检查。在编辑器中，需要安装[Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)插件以使TypeScript语言服务能够识别`.vue`类型。

### 自定义配置

参见[Vite配置参考](https://vitejs.dev/config/)。

## 项目安装与运行

### 安装依赖

```sh
npm install
```

### 开发环境运行

```sh
npm run dev
```

### 类型检查、编译和生产环境构建

```sh
npm run build
```

### 代码格式化

```sh
npm run lint
```

## 目录结构

```
src/
├── apis/          # API请求封装
├── assets/        # 静态资源
├── components/    # 公共组件
├── router/        # 路由配置
├── stores/        # 状态管理
├── types/         # TypeScript类型定义
├── utils/         # 工具函数
└── views/         # 页面组件
    ├── auth/      # 认证相关页面
    └── teacher/   # 教师相关页面
```

## 浏览器兼容性

- Chrome (最新2个版本)
- Firefox (最新2个版本)
- Safari (最新2个版本)
- Edge (最新2个版本)

## 贡献指南

1. Fork本仓库
2. 创建功能分支 (`git checkout -b feature/amazing-feature`)
3. 提交更改 (`git commit -m 'Add some amazing feature'`)
4. 推送到分支 (`git push origin feature/amazing-feature`)
5. 创建Pull Request

## 许可证

[MIT License](LICENSE)

## 联系方式

如有问题或建议，请通过以下方式联系我们：

- 邮箱：support@classprephub.com
- 官网：https://www.classprephub.com