AI 赋能课堂|用 AI 编程助手 10 分钟搭建课堂测试 + 实时监控系统—— WorkBuddy * QuickForm 初中信息课实践案例

一、背景：一个老师的真实需求

某初中信息技术老师刚刚完成了《Markdown 基础语法》一课的教学，内容包括：

标题（一到六级 # 号用法）

有序列表与无序列表

表格的创建与分隔行

文字斜体、加粗、删除线

课后，他希望当堂检验学生的学习效果，但面临几个痛点：

时间紧：下课前只有 15 分钟，手工出题改卷来不及；

班级多：全校 22 个班，需要分班统计成绩；

题型丰富：希望有判断、选择、填空、连线等多种题型；

实时查看：希望边上课边看到提交情况，随时点评。

他打开了 WorkBuddy，用一句话描述了需求——

接下来发生的事情，让他感叹：「以前这种工作要花半天，现在 10 分钟就搞定了。」

二、两个工具，各司其职

两者的配合逻辑非常简单：

三、WorkBuddy 是怎么工作的

收到需求后，WorkBuddy 完整执行了以下流程，全程无需老师写任何代码：

整个过程中，老师只说了一次需求，全程 无需手写代码，WorkBuddy 自主完成了接口探测、代码编写、测试验证、Bug 修复的完整开发闭环。

四、最终产品：两个 HTML 文件，完整的教学闭环

4.1  学生端（学生端.html）

其他交互设计亮点：

15 分钟倒计时，最后 2 分钟红色闪烁提醒，时间到自动提交；

即时评分弹窗，提交成功后立即显示本次得分；

防误操作，班级字段只接受 1–22 的整数，姓名不能为空，有实时错误提示；

紧贴时事，题干结合 DeepSeek、巴黎奥运会、神舟飞船、2026 世界杯等热点，学生答题兴趣更高。

4.2  教师端（教师.html）

暗色主题数据大屏，打开即可实时监控全班提交情况：

支持 手动刷新 和 30 秒自动刷新，老师在上课期间随时掌握答题进度，课堂点评有据可依。

五、关键技术细节（给感兴趣的同行）

这套方案只用到了最基础的 Web 技术，没有任何框架依赖：

数据流向

学生端  →  POST /api/02a0huaaku  →  QuickForm 存储  →  GET /api/02a0huaaku/all  →  教师端

学生端评分逻辑

答案内嵌在 JavaScript 对象中，提交时在浏览器端完成对比计算，连同班级、姓名、各题答案、得分一起打包发送到 API，无需服务器端计算。

教师端数据解析

从 QuickForm GET 接口拿到 submissions 数组后，遍历每条记录，根据内嵌的参考答案重新计算各题型得分，实现：班级筛选、成绩排序、正确率统计等功能，纯前端完成。

接口验证过程

WorkBuddy 调用 Python 脚本测试：

POST 测试：返回 {“status”:”success”,”message”:”Submitted successfully.”} ✅

GET 测试：成功取回 total_submissions、submissions 数组及完整字段 ✅

六、对一线教师的启示

这个案例说明了几件事：

降低技术门槛，放大创意空间。以前”做一个带倒计时的在线测试+教师监控后台”是技术活，现在是说话的事儿。AI 把技术障碍抹平了，剩下的是教学设计本身。

结合时事，题目更有生命力。WorkBuddy 主动把 DeepSeek、巴黎奥运会、神舟飞船等热词融入题干，学生不觉得在背语法，而是在”用”语法解决真实问题。

数据驱动，课堂反馈更精准。教师端实时显示哪道题错误率最高，老师可以在讲评环节有针对性地重点解析，而不是”感觉上”哪里没学好。

零成本部署，随时可用。学生端和教师端都是单个 HTML 文件，放在任意位置（本地、教学平台、云盘分享链接）即可打开使用，无需服务器、无需注册账号。

可复用、可改造。同样的模式可以用在任何学科、任何知识点的课堂测试上——只需换一句提示词，10 分钟内就能得到一套全新的测试系统。

七、如何复现这个案例

如果你也想在自己的课堂上用这套方案，步骤极其简单：

结语

教育信息化从来不是让老师学会编程，而是让技术真正服务于教学。当 AI 助手能够把”我要一个课堂测试系统”变成两个开箱即用的 HTML 文件，教师能够把更多精力放在课程设计和学生身上——这才是 AI 进入课堂应有的样子。

本案例所用工具：

WorkBuddy（AI 编程助手）

QuickForm（轻量表单 & API 服务）