# 数据库教学系统

**Repository Path**: shimmernight/database-teaching-system

## Basic Information

- **Project Name**: 数据库教学系统
- **Description**: 数据库教学系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-06
- **Last Updated**: 2025-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数据库教学系统原型

## 项目概述

这是一个基于Web的数据库教学系统原型，旨在为教师和学生提供一个交互式的数据库学习平台。系统包含课程管理、实验环境、作业管理等核心功能模块。

## 功能特性

### 教师端功能
- 课程管理：创建、编辑和删除课程
- 作业管理：发布作业、批改作业、查看提交情况
- 实验环境：配置和管理数据库实验环境
- 学生管理：查看学生列表、管理选课信息

### 学生端功能
- 课程学习：查看课程列表、学习课程内容
- 作业提交：查看作业要求、提交作业、查看批改结果
- 实验操作：访问在线数据库实验环境
- 个人中心：管理个人信息、查看学习进度

## 技术栈

- 前端框架：原生JavaScript
- UI框架：Tailwind CSS
- 图标库：Font Awesome
- 构建工具：Vite
- 包管理器：npm

## 目录结构

```
/
├── src/                    # 源代码目录
│   ├── pages/             # 页面文件
│   │   ├── student/       # 学生端页面
│   │   └── teacher/       # 教师端页面
│   ├── main.js            # 主入口文件
│   └── style.css          # 全局样式文件
├── index.html             # 项目入口页面
├── package.json           # 项目配置文件
├── tailwind.config.js     # Tailwind配置文件
└── postcss.config.js      # PostCSS配置文件
```

## 安装部署

1. 克隆项目到本地：
```bash
git clone [项目地址]
cd ui-c3.5
```

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

3. 启动开发服务器：
```bash
npm run dev
```

4. 构建生产版本：
```bash
npm run build
```

## 开发指南

### 代码规范
- 使用ES6+语法标准
- 遵循BEM命名规范编写CSS
- 保持代码简洁清晰，添加必要的注释

### UI设计规范
- 颜色系统：
  - 主色：蓝色系 (#3B82F6)
  - 成功：绿色系 (#10B981)
  - 警告：黄色系 (#F59E0B)
  - 危险：红色系 (#EF4444)
- 字体系统：
  - 标题：20px以上，加粗
  - 正文：16px
  - 辅助文本：14px

### 组件说明
- 按钮样式：使用.btn类，配合.btn-primary等修饰符
- 卡片组件：使用.card类
- 表单元素：使用.input类
- 表格样式：使用.table类

### 开发流程
1. 创建功能分支
2. 开发新功能
3. 提交代码前进行自测
4. 创建合并请求
5. 代码审查通过后合并

## 后续开发计划

### 第一阶段
- 实现用户认证和授权
- 完善课程管理功能
- 开发作业管理模块

### 第二阶段
- 集成在线SQL编辑器
- 实现实时通知系统
- 添加数据可视化功能

### 第三阶段
- 优化性能和用户体验
- 添加数据导入导出功能
- 实现批量操作功能

## 贡献指南

1. Fork 项目
2. 创建功能分支
3. 提交变更
4. 推送到分支
5. 创建 Pull Request