《智能学号抽取系统》V5.9.3 发布：跨平台全覆盖，从课堂到指尖的互动革命

接续 V5.8.2，V5.9.3 带来多模态抽取、深度移动端适配、Electron 桌面三端原生应用，以及鸿蒙版即将上线！

发布于 2025年12月 · 阅读约 12 分钟

---

📌 一、前言

距离 V5.8.2 的发布已经过去数月。在那次更新中，我们推出了“惊心动魄模式”，让课堂点名从“工具”变成了“游戏”，收获了无数老师和学生的好评。

但我们也听到了更多声音：

“能在手机上用吗？教室的平板也想装一个。”
“能不能打包成 exe？每次打开浏览器有点麻烦。”
“Mac 电脑能用吗？Linux 呢？”
“鸿蒙系统现在很火，支持吗？”

V5.9.3，就是对这些问题的回答。

这一次，我们不再满足于“好用的网页工具”，而是将智能学号抽取系统打造成一个真正跨平台、全场景的教学互动解决方案。

🎯 一句话概括 V5.9.3： 从 Web 工具进化为覆盖桌面、移动、国产操作系统的全平台应用。

---

🚀 二、V5.9.3 核心亮点速览

亮点	说明
🎮 多模态抽取模式	单次、快速、惊心动魄三种模式同屏显示，随心切换
📱 深度移动端适配	视口控制、响应式布局、手指友好交互，手机端体验一流
📋 手动粘贴导入	无需 Excel 文件，复制粘贴即可完成名单导入
🔗 全配置 URL 分享	所有设置编码到链接中，一键分享，完美还原
💻 Windows 原生应用	基于 Electron 打包的 .exe 安装包
🍎 macOS 原生应用	基于 Electron 打包的 .dmg / .app （🙏）
🐧 Linux 原生应用	基于 Electron 打包的 .AppImage / .deb
📱 Android APK	基于 HBuilderX 打包的移动端应用
🔷 鸿蒙版本	🚧 开发中，即将上线
🍏 iOS / iPadOS	🙏 诚邀社区开发者共同完成

---

🎮 三、新特性详解

3.1 多模态模式：一屏掌控所有抽取方式

在 V5.9.3 中，我们新增了 “多模态”抽取模式。

之前的版本：你只能在设置页面选择一种抽取方式（单次 OR 快速 OR 惊心），进入抽取页面后只有这一种方式可用。

V5.9.3 的多模态模式：单次、快速、惊心动魄三个按钮同时显示在抽取页面。

<!-- 多模态模式的按钮组 -->
<div class="btn-group">
  <button class="btn btn-primary">🎲 单次</button>
  <button class="btn btn-primary">⚡ 快速</button>
  <button class="btn btn-primary">💓 惊心</button>
</div>

使用场景：

• 课堂开始时用“快速抽取”活跃气氛
• 回答问题时用“单次抽取”公平随机
• 评选“幸运之星”时用“惊心动魄”制造悬念

💡 教师反馈：“以前要来回切换模式，现在一个页面全搞定，太方便了！”

---

3.2 手动粘贴导入：移动端的“救命稻草”

在手机上选择 Excel 文件总是不太方便。V5.9.3 新增了手动粘贴导入弹窗：

操作步骤：

1. 点击“手动粘贴数据”区域
2. 在弹出的对话框中粘贴学生数据
3. 点击“导入”，数据立即生效

支持的格式：

001,张三
002 李四
003,王五

（支持中英文逗号、空格、制表符分隔）

💡 适用场景：微信/QQ 收到名单、临时快速录入、手机端不便选文件时。

---

3.3 全配置 URL 分享：你的设置，一键共享

V5.9.3 将几乎所有用户配置都纳入了 URL 参数同步：

• 抽取模式（单次/快速/惊心/多模态）
• 学号范围（起始～结束）
• 姓名字号、学号大小
• 连抽次数、闪烁次数、闪烁速度
• 概率权重范围

使用方法：点击右上角的 分享按钮，系统自动生成包含当前所有配置的链接。复制发送给同事，对方打开链接就能完美还原你的设置。

// 核心实现：概率权重范围编码
const encodeProbabilityRanges = (ranges) => {
  return ranges.map(r => `${r.start}-${r.end}-${r.weight}`).join(',');
};

---

📦 四、跨平台架构：一次开发，多端交付

V5.9.3 最大的里程碑是完成了多平台原生应用的打包与分发。

4.1 技术架构图

┌─────────────────────────────────────────────────┐
│                    核心 UI 层                     │
│         (Vue 3 + HTML/CSS/JS 单份代码)            │
└─────────────────────────────────────────────────┘
                         │
         ┌───────────────┼───────────────┐
         ▼               ▼               ▼
┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│  Electron   │ │  HBuilderX  │ │   浏览器    │
│  桌面打包   │ │  移动打包    │ │  直接访问   │
└─────────────┘ └─────────────┘ └─────────────┘
      │               │               │
      ▼               ▼               ▼
  Windows/macOS（🙏）    Android       Web 版本
  /Linux          鸿蒙 (即将)

4.2 桌面三端：Electron 统一打包

平台	格式	状态	技术方案
Windows	.exe 安装包	✅ 已发布	Electron
macOS	.dmg / .app	🙏	Electron
Linux	.AppImage / .deb	✅ 已发布	Electron

💡 Electron 的优势：一套 HTML/CSS/JS 代码，直接打包成三个桌面平台的原生应用，无需为每个平台单独开发，维护成本极低。

4.3 移动端：HBuilderX 打包

平台	格式	状态	技术方案
Android	.apk	✅ 已发布	HBuilderX 5+ App
鸿蒙 HarmonyOS	.hap	🚧 开发中	HBuilderX 兼容打包

4.4 苹果生态：期待社区贡献

平台	状态	说明
iOS / iPadOS/MAC	🙏 待贡献	作者暂无苹果设备，诚邀有 Apple 生态开发经验的朋友一起完成适配！

📢 开源协作邀请：如果你熟悉 Swift、Xcode 或 iOS 签名打包流程，欢迎通过 GitHub 联系作者！

---

📱 五、移动端深度适配：不是“能用”，而是“好用”

除了打包成 App，V5.9.3 在移动端体验上也做了大量专门优化。

5.1 视口完美控制

<meta name="viewport" content="width=device-width, initial-scale=1.0, 
     maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

• user-scalable=no：防止用户误缩放导致布局错乱
• viewport-fit=cover：完美适配 iPhone 等全面屏机型

5.2 响应式布局重构

在手机上，原本并排的按钮、模式卡片会自动纵向排列：

@media (max-width: 768px) {
  .mode-switch-container { flex-direction: column; }
  .btn { width: 100%; }
  :root {
    --name-size: 3rem;    /* 手机上学号缩小显示 */
    --number-size: 50pt;
  }
}

5.3 智能文件选择兼容层

系统会智能检测运行环境，同时支持普通浏览器、Electron 和 HBuilderX 原生 App：

function selectExcelFileCompat(callback) {
  // 优先使用 HBuilderX 5+ 原生 API
  if (typeof plus !== 'undefined' && plus.io) {
    plus.io.chooseFile({ ... });
  } else {
    // 降级到标准 HTML 文件选择
    fallbackFileInput(callback);
  }
}

---

📊 六、版本功能演进一览（V5.8.2 → V5.9.3）

功能	V5.8.2	V5.9.3
学号范围模式	✅	✅
名单导入模式	✅	✅
单次抽取模式	✅	✅
快速抽取模式	✅	✅
惊心动魄模式	✅	✅
多模态模式	❌	✅
Excel 文件导入	✅	✅
手动粘贴导入	❌	✅
批量抽取/连抽	✅	✅
概率权重设置	✅	✅
深色模式	✅	✅
URL 配置分享	基础	全面
移动端适配	基础	完善
Windows 原生应用	❌	✅
macOS 原生应用	❌	🙏
Linux 原生应用	❌	✅
Android APK	❌	✅
鸿蒙版本	❌	🚧
iOS 版本	❌	🙏

---

💿 七、下载与使用

方式一：桌面原生应用（推荐）

平台	下载文件	适用系统
Windows	智能学号抽取系统-Setup.exe	Windows 7/10/11
macOS	智能学号抽取系统.dmg	macOS 10.13+
Linux	智能学号抽取系统.AppImage	Ubuntu/Debian/CentOS 等

📥 下载地址：GitHub Releases 页面

方式二：Android 移动端

• 下载 智能学号抽取系统.apk，直接安装到手机或平板

方式三：Web 在线版

• 直接访问项目 GitHub Pages 或部署到自己的服务器
• 适合临时使用或无法安装软件的设备

---

🔧 八、技术栈一览

层级	技术
前端框架	Vue 3 (Composition API)
UI 图标	Font Awesome 6
Excel 解析	XLSX.js
桌面打包	Electron
移动打包	HBuilderX 5+
样式方案	原生 CSS + CSS 变量 + 深色模式
数据存储	localStorage + URL 参数同步

---

🤝 九、开源与协作

本项目完全开源，欢迎所有人参与！

角色	可以做什么
开发者	提交 PR、修复 Bug、添加新功能
设计师	优化 UI/UX，改进交互动画
测试者	在不同平台上测试，反馈问题
文档贡献者	完善使用说明、翻译文档
苹果生态开发者	帮助完成 iOS/iPadOS 适配 🙏

📦 GitHub 仓库：https://github.com/HerryABU/student-number-picker

---

🔮 十、未来展望

V5.9.3 是一个阶段的里程碑，但不是终点。未来我们计划加入：

• 语音播报：抽取时自动读出学号/姓名
• 云端备份：将分组数据同步到云端，跨设备使用
• 统计看板：展示每个学生的被抽中次数和趋势图
• 音效支持：为“惊心动魄”模式配上紧张的音效
• 导出功能：将抽取结果导出为 Excel 或 PDF
• iOS 版本：期待社区贡献 🙏

---

💬 十一、结语

从 V5.7.3 的功能爆发，到 V5.8.2 的“惊心动魄模式”，再到今天的 V5.9.3 全平台覆盖，智能学号抽取系统一步步走来，始终秉持一个理念：

让课堂互动更公平、更有趣、更简单。

现在，无论你用的是 Windows 电脑、Mac 电脑、Linux 电脑，还是 Android 手机、鸿蒙手机，甚至只是一个浏览器——智能学号抽取系统都能为你提供流畅、一致、完整的体验。

一次开发，多端交付。一套代码，全场景覆盖。

这就是 V5.9.3。

---

📢 如果这个工具对你有帮助，欢迎 Star、分享、或者参与贡献！

项目主页：https://github.com/HerryABU/student-number-picker
作者 CSDN：https://blog.csdn.net/Herryfyh

---

© 2025 Herryfyh | 智能学号抽取系统 V5.9.3
让每一次点名，都成为课堂的高光时刻。