上个月,我的实习班主任指导老师给我们班调座位,采取的是抓阄的形式,一个学生对应一个编号,然后就这样调了座位。我看老师这样有点太过于辛苦,我就说我写个随机生成座位的程序吧,以后调座位就不用这么的麻烦了。趁着今天有点时间,从下午开始做了一个初版,然后晚自习的时候完善了一下,基本上可以满足使用了。

食用

直接使用: 随机座位生成器 https://lab.vwmwv.cn/randseat/

源码:https://github.com/kaygb/randseat

功能

输入总人数和每排人数,生成不重复的随机的序列编号,每个编号对应一个学生。另外我们班会让积分排名考前的同学自由选择座位,那么可以提前占位置,被占位的位置和提前选择的同学编号不会出现在序列中,同时会创建一个表格显示在页面的下方。

可以为调座位做参考的依据,具体还是需要看实际情况来调整。

效果

比如我们班有60位同学,给这60位同学每个人一个编号,假定排名前三的编号为8、25和45,他们选择的座位编号为4、5和6号,那么可以通过过滤的方式进行占位置。最后结果就如下所示:

参考代码

本来是想自己写个产生随机序列的算法的,但是我顺便百度了一下,网上有已经写好的随机函数,为了使用方便以及部署方便,就直接使用了原生js来写。

排序算法直接使用了js数组随机的排序 - 懵智 - 博客园 (cnblogs.com)这个链接里面的第三种洗牌算法。

为了实现占位过滤,要对字符串进行过滤,最后产生一个过滤后的数组,分别存储去掉占位的座位编号和同学编号。

这一段处理座位编号的字符串,字符串转换为整形数组

// 获取需要过滤的座位编号
let seatnum_str = document.getElementById("seatnum").value;
let seatnum = new Array();
if(seatnum_str!=null || seatnum_str.length()!=0){
    seatnum = seatnum_str.split(" ");
}
console.log(seatnum);
// 过滤空格和空字符,转换字符串
let newseatnum = new Array();
let ind = 0;
for(let i = 0;i<seatnum.length;i++){
    if(seatnum[i]!= "" || seatnum[i]!= ''){
        newseatnum[ind++]=seatnum[i]*1;
    }
}
console.log(newseatnum);

这一段处理学生编号的字符串

// 获取需要过滤的学生编号
let stunum = new Array();
let stunum_str = document.getElementById("stunum").value;
if(stunum_str!=null || stunum_str.length()!=0){
    stunum = stunum_str.split(" ");
}
console.log(stunum);
// 过滤空格和空字符,转换字符串
let newstunum = new Array();
let ind1 = 0;
for(let i = 0;i<stunum.length;i++){
    if(stunum[i]!= "" || stunum[i]!= ''){
        newstunum[ind1++]=stunum[i]*1;
    }
}
console.log(newstunum);

然后填充学生编号,同时判断当前遍历的编号在不在需要过滤的数组中,在的话就过滤掉,这里使用了暴力算法。

            let arr = new Array();
            // 填充学生编号
            let st = 1;
            for(let i = 0;i<sum;i++){
                let flag=0;
                for(let j = 0;j<newstunum.length;j++){
                    if(newstunum[j]==st){
                        flag = 1;
                        st++;
                        break;
                    }
                }
                if(flag==0){
                    arr.push(st++);
                }
            }

然后处理前台的html生成,最后打印到页面上

            // 生成前台html
            let html = "<tr>";
            let st1 = 0;
            for(let i = 1;i<=sum;i++){
                let isline = 0;
                if((i-1)%lie == 0){
                    html+="</tr><tr>";
                }

                let flag=0;
                for(let j = 0;j<newseatnum.length;j++){
                    if(newseatnum[j]==i){
                        flag = 1;
                        // st1++;
                        break;
                    }
                }
                if(flag==0){
                    html+="<td>"+ arr2[st1++] + "</td>";
                }else{
                    html+="<td style='color:red'>"+ "ext" + "</td>";
                }
            }
            html+="</tr>";
            document.getElementById("content").innerHTML=html;

本站墙裂推荐,便宜好用的云服务器,点这儿购买
LIZHI_STORE
如果觉得我的文章对你有用,请随意赞赏