我写了一个点名系统，非常好用，我给它取名叫做点名系统。

迷南。 2023-10-16 09:42 9阅读 0赞

大家好！我是 **`思考在前编码在后`**！  
快开学了吧？作为课代表或者班长的你肯定需要一个随机点名系统。所以我做了一个可以通过导入Excel录入学生信息的随机点名系统。真的方便好用！！！

### 成果展示 ###

![chengpin.gif][]

### 使用教程 ###

#### (1)下载模板 ####

![image.png][]

#### (2)录入数据 ####

这个时候千万不要叛逆，一定按照要求录入学生信息。

![image.png][image.png 1]

#### (3)导入模板 ####

![image.png][image.png 2] 如果操作页面左下角显示有学生的数量，则表示导入成功了。

#### (4)开始点名 ####

![image.png][image.png 3]

### 一些小心机 ###

说实话，我上学那会儿，最怕老师点名。 每次老师点名让回答问题，我心律必超过180/min，我记得上次我心跳这么快，还是在老师点名的时候。 那时候就想如果我会魔法，我第一件事情做的事就是把我的名字从花名册上扣去~。 喏~现在可以实现了... 你可以通过两种方式获取作弊方法：

#### (1)解密 ####

**谜题：** `js 6IGq5piO55qE5a2p5a2Q77yM5L2g5bqU6K+l5Li+5omL5Y+R6KiA77yM5aSa5aSa6KGo546w55qE77yBCgrkvZzlvIrmlrnms5XlpoLkuIvvvIznlKjkuI3nlKjlnKjkvaDlkYDvvIEKCuWcqOS9oOWQjeWtl+WQjumdouWKoOS4iuS4gOS4quiLseaWh+eahCAhIOWwseS4jeS8mueCueWIsOS9oOS6huOAggrmr5TlpoLvvJoh6IOh5YWr5LiA` **谜面：** 一种加密方式。

#### (2)看代码 ####

下面会有完整的代码。

### 实现思路 ###

`mermaid graph TB 开始(开始) --> 下载模板 下载模板 --> 导入模板 导入模板 --> 解析Excel 解析Excel --> 判断{判断Excel内容是否正确} 判断{判断Excel是否正确} --错误--> 错误提示 错误提示 --> 结束 判断{判断Excel是否正确} --正确--> 将Excel内容解析成json 将Excel内容解析成json --> 获取学生数量StudentNumber 获取学生数量StudentNumber --> 开始点名 开始点名 --> 产生0到StudentNumber之间的随机整数index 产生0到StudentNumber之间的随机整数index --> 将index对应的学生姓名赋值给页面元素 将index对应的学生姓名赋值给页面元素 --> 开始点名 将index对应的学生姓名赋值给页面元素 --> 结束(结束)` 嗯~，这个编译器的流程图，挺好玩的。

### 代码展示 ###

[代码片段][Link 1]

**这个代码片段功能也好玩。那个，Excel文件大家自己创建。上面有图。**

### 结语 ###

我是 **`思考在前编码在后`** 这是我在 掘金的第一篇文章！希望大家喜欢~  
嗯~，写完了太棒了！伙计，现在我要去吃个汉堡，

![汉堡.png][.png]

[chengpin.gif]: https://img-blog.csdnimg.cn/img_convert/56d99b55c5c07c4b42e53a6a1057342c.gif?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfMTY3,g_se,x_0,y_0,t_100
[image.png]: https://img-blog.csdnimg.cn/img_convert/d7f6375f78c8fb94fcb0b4a9d7e5281a.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfMTY4,g_se,x_0,y_0,t_100
[image.png 1]: https://img-blog.csdnimg.cn/img_convert/d232d499544983f6867561d267762b50.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfMTUx,g_se,x_0,y_0,t_100
[image.png 2]: https://img-blog.csdnimg.cn/img_convert/0d6e80205228b946eecd3333f99c74c5.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfMTY4,g_se,x_0,y_0,t_100
[image.png 3]: https://img-blog.csdnimg.cn/img_convert/d3173f1fcdcb4db672cb0bc5ade6be2d.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfMTY4,g_se,x_0,y_0,t_100
[Link 1]: https://code.juejin.cn/pen/7132793894638616610
[.png]: https://img-blog.csdnimg.cn/img_convert/738198c50e8e086c6c2caa758b017c94.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNQ==,g_se,x_0,y_0,t_100