点名器

点名器是一款基于Next.js的Web应用,用于课堂或会议中随机抽取人员。应用支持名单管理、历史记录保存、避免重复抽取等功能,并提供了简洁直观的用户界面。

可通过以下链接使用在线版本:https://roll-call.mcjiaozi.com
GitHub 仓库:MCjiaozi/roll-call

屏幕截图

PC

iPhone

功能特点

  • 随机点名:从名单中随机抽取人员,支持避免重复抽取功能
  • 名单管理:可编辑、导入导出名单,支持TXT和Excel格式
  • 历史记录:保存所有抽取记录,可随时查看和清除
  • 设置选项:支持开启/关闭”尽量减少重复”功能
  • 数据持久化:所有数据保存在浏览器本地存储,刷新页面不丢失

使用方法

  1. 添加名单:点击”编辑”按钮,可直接输入名单或从文件导入
  2. 开始点名:点击”随机点名”按钮进行抽取
  3. 查看历史:在”历史记录”卡片中查看所有抽取记录
  4. 清除数据:可单独清除历史记录或循环集合,也可清除所有数据

技术实现

  • 前端框架:Next.js
  • 状态管理:React useState和useRef
  • 样式:Tailwind CSS
  • 文件处理:xlsx库处理Excel文件,File API处理文本文件
  • 数据存储:使用LocalStorage实现数据持久化
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇