微搭低代码MBA 培训管理系统实战 20——班级管理功能实现

前言

在上一讲中，我们完成了教务工作台的搭建和学员档案管理功能。学员购买课程后，需要将学员分配到具体的班级中进行学习。本讲将介绍如何创建班级、管理班级花名册，以及实现核心的分班功能。

第一步：数据准备

1.1 班级表（MBA_Classes）

首先创建班级表，用于存储班级基本信息：

1.2 班级花名册表（MBA_ClassRosters）

创建花名册表，记录学员与班级的归属关系：

1.3 教师表（MBA_Teachers）

创建独立的教师表，用于管理授课教师信息：

第二步：页面布局搭建

2.1 页面整体布局

点击创建页面的图标

输入页面的名称"班级管理"，布局选择教务布局（因为主要是教务人员使用）

切换到页面布局，选择教务布局，添加平级菜单，添加班级管理菜单

2.2 数据表格配置

在教务布局的内容插槽下添加布局组件

修改标题，改为"班级管理"

在页面布局中添加数据表格组件，数据模型选择班级表

2.3 配置查询条件

点击筛选器，给表格配置查询条件

添加具体的查询条件：

• 班级名称（模糊搜索）
• 班级状态（下拉选择）
• 关联产品（关联选择）
• 开课日期范围（日期范围）

2.4 配置排序字段

默认按照创建时间的倒序进行排序，最新的班级显示在最前面

2.5 教师管理

按照同样的方法配置教师管理模块

2.6 班级学员管理

按照同样的方法配置班级学员管理

选中页面组件，添加URL参数，添加class_id

设置表格的数据筛选，配置为关联班级等于我们的URL参数

第三步：班级功能实现

3.1 创建新增班级弹窗

在班级管理页面添加一个弹窗组件，用于录入新的班级。

从组件库中拖拽弹窗组件到页面，设置弹窗标题为"新增班级"

在弹窗中添加表单容器组件，数据模型选择班级表

修改表单布局，改为双列布局

配置班主任的选中值，设置为currentUser的数据标识

设置班级状态的选中值，设置为1

在表单提交成功后跟一个弹窗关闭和数据表格刷新

选中弹窗组件，关闭显示底部按钮

关闭弹窗默认打开状态

给按钮设置点击事件，设置为打开弹窗

3.2 班级花名册

在班级管理的操作列增加一个按钮，名称改为花名册

给按钮配置点击事件，打开页面，选择班级学员页面，传入所在行的数据标识

最终效果

教务人员打开班级管理模块，可以创建班级、管理班级花名册：

点击花名册，可以看到班级下的学员信息

总结

本节我们完成了班级管理功能的开发：

1. 数据模型设计：

   • 创建了MBA_Classes班级表，记录班级基本信息、容量、状态等
   • 创建了MBA_ClassRosters花名册表，记录学员与班级的归属关系

2. 核心功能实现：

   • 班级的新增、编辑、查询功能
   • 展示班级花名册信息

下一步，我们将继续实现教务的功能，提供分班的模块，将学员加入到班级中。