🎓 学习班级管理系统

基于Vue 2.6 + Element UI + ASP.NET Core开发的学习班级管理功能

📋 已实现功能

🔧 API接口配置

接口地址：/api/Extend/LqStudyClass

请求方法：GET, POST

主要接口：

POST /api/Extend/LqStudyClass/CreateClassWithStudents GET /api/Extend/LqStudyClass/GetClassList POST /api/Extend/LqStudyClass/AddStudentsToClass GET /api/Extend/LqStudyClass/GetStudentListByClassId POST /api/Extend/LqStudyClass/AddStudyRecord GET /api/Extend/LqStudyClass/GetStudyRecordList POST /api/Extend/LqStudyClass/CancelStudyRecord

📁 文件结构

lqStudyClass/ ├── index.vue # 主页面组件 ├── CreateClassForm.vue # 创建班级表单组件 ├── AddStudentForm.vue # 添加学员表单组件 ├── StudentListDialog.vue # 学员列表弹窗组件 └── StudyRecordDialog.vue # 学习记录管理弹窗组件 api/extend/ └── lqStudyClass.js # API接口定义

🎯 核心功能说明

1. 创建学习班级并添加学员

支持一次性创建班级并批量添加学员，包含班级基本信息（名称、老师、时间、备注）和学员详细信息（姓名、手机、员工ID、入学时间、HR归属）。

2. 班级列表管理

提供班级列表展示，支持按班级名称、授课老师、开始时间等条件搜索，支持分页显示。

3. 学员管理

可以查看指定班级下的所有学员信息，支持学员信息搜索和筛选，支持向现有班级添加新学员。

4. 学习记录管理

记录学员的学习情况，包括学习类型、交通费、学习日期、日常状态、是否下店协助等信息，支持记录的添加、查看和作废操作。

🚀 技术特点

📊 数据流程

创建班级流程：

  1. 填写班级基本信息（名称、老师、时间等）
  2. 添加学员信息（可批量添加）
  3. 提交表单，后端创建班级和学员记录
  4. 返回创建结果，刷新列表

学员管理流程：

  1. 从班级列表选择班级
  2. 查看班级学员列表
  3. 支持搜索和筛选学员
  4. 可添加新学员到班级

学习记录流程：

  1. 选择班级查看学习记录
  2. 添加新的学习记录
  3. 支持记录搜索和筛选
  4. 可作废无效记录

✅ 开发状态

前端页面：已完成 API接口：已对接 路由配置：已配置 功能测试：待测试