班级换座位系统（前端项目）

 该项目是一个前端项目，是我在高中时利用课余时间为我的班级制作的一个换座位系统。

虽然是一个静态网页，但可以实现很多功能。用户需要点击“填入信息”，然后输入班级的座位排布信息、学生人数、学生名字等（若不填入学生名字，则会以学号来代表每个学生）。

填完信息后，会弹出动态座位，可以手动点击取消多余的座位，让座位的排布更符合班级的实际情况。

当学生人数和座位数相等时，可以点击换座位，这时候就可以实现学生座位的随机分布。同时用户也可以点击“男女分坐”，这样就会让男生和男生坐在一起，女生和女生坐在一起（老师：very good）。男生和女生座位的颜色也是不同的，这样看起来更加直观。

如果对随机分配的座位感到不满意，例如老师觉得两个同学坐在一起会讲话，可以点击学生的座位与另外一个学生的座位进行调换，方便快捷。

一切都弄完后就可以截图进行下载，方便老师打印。

大家可以看下我在b站上发的视频的介绍，代码下载链接就放在视频的下方，欢迎大家一起来学习和参考：

https://www.bilibili.com/video/BV1NkY1emEmi/?spm_id_from=333.999.list.card_archive.click&vd_source=d82a65515214629e099272172572a26fhttps://www.bilibili.com/video/BV1NkY1emEmi/?spm_id_from=333.999.list.card_archive.click&vd_source=d82a65515214629e099272172572a26f下main( )放上几张视频的截图吧 ! :