智教云 - 家教系统

一个基于Vue 3 + TypeScript + Vue Router的现代化家教系统单页应用（SPA）。

项目概述

智教云是一款专为家庭教育设计的智能辅导平台，提供家长和老师之间的高效沟通与管理功能。

主要功能

• 🏠 家长功能

  • 发布学习通知和作业提醒
  • 查看历史通知记录
  • 与老师实时沟通

• 👨‍🏫 老师功能

  • 接收和管理辅导订单
  • 查看学生信息和需求
  • 跟踪教学进度

• 🔐 用户系统

  • 统一登录界面
  • 角色区分（家长/老师）
  • 用户身份验证

技术栈

• 前端框架: Vue 3 + TypeScript
• 路由管理: Vue Router 4
• 构建工具: Vite
• UI框架: Tailwind CSS
• 图标库: Font Awesome
• 代码规范: ESLint + TypeScript

项目结构

edu-vue-app/
├── src/
│   ├── views/              # 页面组件
│   │   ├── LoginView.vue      # 登录页面
│   │   ├── ParentPage1View.vue # 家长页面1 - 发布通知
│   │   ├── ParentPage2View.vue # 家长页面2 - 历史记录
│   │   └── TeacherView.vue     # 老师页面 - 订单管理
│   ├── router/             # 路由配置
│   │   └── index.ts           # 路由定义
│   ├── components/         # 公共组件
│   ├── assets/             # 静态资源
│   ├── App.vue            # 根组件
│   └── main.ts            # 应用入口
├── public/                # 公共资源
├── index.html            # HTML模板
└── package.json          # 项目配置

路由配置

路径	组件	描述
/	LoginView	默认首页（登录页）
/login	LoginView	登录页面
/parent/page1	ParentPage1View	家长通知发布页面
/parent/page2	ParentPage2View	家长历史记录页面
/teacher	TeacherView	老师工作台页面

开发指南

环境要求

• Node.js 16+
• npm 或 yarn

安装依赖

npm install

启动开发服务器

npm run dev

访问 http://localhost:5173 查看应用

构建生产版本

npm run build

类型检查

npm run type-check

代码检查

npm run lint

使用说明

1. 登录系统

• 访问首页自动跳转到登录界面
• 选择用户类型（家长/老师）
• 输入用户名和密码登录
• 根据用户类型自动跳转到相应页面

2. 家长功能

• 发布通知：在家长页面1可以向孩子发送作业提醒、日程安排等
• 查看历史：在家长页面2可以查看所有发送过的通知记录
• 搜索筛选：支持按类型、状态筛选通知

3. 老师功能

• 订单管理：查看待接单、已接单、进行中、已完成的订单
• 接单操作：一键接受学生的辅导请求
• 进度跟踪：管理教学进度，标记订单状态

核心特性

响应式设计

• 支持桌面端和移动端
• 适配不同屏幕尺寸
• 优雅的交互体验

现代化开发

• TypeScript 类型安全
• 组件化架构
• 热重载开发体验

用户体验

• 直观的界面设计
• 流畅的页面切换
• 实时的状态反馈

部署说明

构建应用

npm run build

部署到服务器

将 dist 文件夹的内容部署到 Web 服务器即可。

配置路由

由于是SPA应用，需要配置服务器支持History模式路由，将所有请求重定向到 index.html。

贡献指南

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

许可证

本项目采用 MIT 许可证。

联系方式

如有问题或建议，请联系开发团队。