整体布局说明

网页采用分区设计，主要包含三个功能模块：学生名单导入区、座位布局设置区和学生分组操作区。界面左侧底部显示登录状态中部为核心功能操作区，底部无明显功能按钮。

核心UI元素说明

1. 学生名单导入区

   • 位置：页面左侧区域

   • 元素组成：

     • 提示文字：“拖动文件到此导入”“仅支持导入excel且至少有一列表头为‘姓名’”“注意:不要有任何合并的单元格”

   • 功能：用于上传包含学生信息的Excel文件，为后续座位布局和分组提供数据基础。

2. 座位布局设置区

   • 位置：页面中部偏左

   • 元素组成：

     • 标题：“座位布局”

     • 参数控制：“行:”“列:”输入框（用于设置座位行数和列数）

     • 操作按钮：“随机排座”“导出座位”“清空数据”

     • 预览区域：显示“讲 台”字样及座位布局预览（实际效果需导入学生名单后显示）

   • 功能：自定义座位排列方式，支持随机生成座位表并导出。

3. 学生分组操作区

   • 位置：页面中部偏右

   • 元素组成：

     • 标题：“学生分组”

     • 操作按钮：“导出All分组”“创建分组”

     • 拖拽区域：“拖拽到此进行分组”

   • 功能：通过拖拽学生姓名实现手动分组，支持导出分组结果。