首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >用 WorkBuddy 搭了一个数学任课老师工作台,单文件 HTML 离线可用

用 WorkBuddy 搭了一个数学任课老师工作台,单文件 HTML 离线可用

原创
作者头像
用户12743690
修改2026-09-07 17:03:06
修改2026-09-07 17:03:06
90
举报

用 WorkBuddy 搭了一个数学任课老师工作台,单文件 HTML 离线可用

作为一名长期带两个班的数学老师,成绩录入、作业批改、试卷分析、备课资源、学生行为记录这些事常年散落在 Excel、纸质作业、微信群截图里,学期末想拉个全览数据要花一整天。直到我用 WorkBuddy 搭了这个"数学任课老师工作台",才把日常八成琐事压进一个本地 HTML 文件里。

整个平台是单文件 HTML + localStorage,零外部依赖、零运维,双击就能开,扔到 U 盘/网盘/邮箱里都能用;手机浏览器打开能直接当 APP 用,添加主屏后体验和原生应用几乎一样。数据默认存本机浏览器,导出 JSON 备份可以一键迁移或换设备。下面用六张截图说清它能做什么。

一、成绩管理:录分+自动分析

成绩管理:录分后自动汇总平均分、优秀率、分数段分布与排名
成绩管理:录分后自动汇总平均分、优秀率、分数段分布与排名

顶部是"今天要处理"区,逾期未完成的考试和待办红标置顶,一眼能看见今天要赶的事。选择考试后自动汇总平均分、最高最低、优秀率/及格率、分数段分布柱状图,学生排名表里每个人带"成绩/状态"标签。改完分数点"保存本次成绩",所有图表实时刷新。

二、在线批阅:图上勾叉 + 自动算分

在线批阅:上传作业图后红笔勾叉标注,下方逐题一键判分
在线批阅:上传作业图后红笔勾叉标注,下方逐题一键判分

这是我最喜欢的模块。建一个"作业/任务",粘贴或上传"题号,答案,分值"的答案表(支持 xlsx/CSV),再上传学生作业图——打开后直接在图上红笔勾画、绿勾、红叉、画圈标注,移动端也能用。下方每题并排显示正确答案,分"对/半对/错"一键判定,自动合计得分。批完的图可下载带批注的 JPG。

三、全览表格:全部批完自动生成

全部批完自动生成全览表格:每题答题情况总结 + 学生成绩总览
全部批完自动生成全览表格:每题答题情况总结 + 学生成绩总览

所有学生判完后系统自动弹"所有作业已批改完成,是否生成全览表格?",一键得到两张表:每题答题情况总结(全对/半对/错误/缺交/正确率/掌握情况,≥85% 标注"掌握良好",<40% 直接标红"薄弱·重点讲评"——哪道题该重点讲评一目了然),以及学生成绩总览(每人每题 ✓/△/✗ 带分值、等级、折算分)。支持打印和导出 CSV。

四、备课中心:资源库 + 题库 + 一键组卷

备课中心:教案课件试题分类存储 + 题库与一键组卷
备课中心:教案课件试题分类存储 + 题库与一键组卷

把课件、教案、试题按"教案/课件/试题"分类上传,本地存储(图片自动压缩到 720px),标签检索。题库支持录入选择题/填空题/解答题,一键按知识点、难度、分值智能组卷,再也不用到 Word 里复制粘贴。

五、数据看板:班级全局一眼看完

数据看板:成绩趋势折线与两班均分对比柱状图
数据看板:成绩趋势折线与两班均分对比柱状图

顶部 4 个 KPI(学生人数、已建考试、近 7 天行为、班级净积分),下方是 SVG 手绘的成绩趋势折线、两班最近一次考试均分对比柱状图、行为类型分布、知识点掌握热力图。

六、学生作业档案:跨任务追踪每个学生

学生作业档案:跨任务追踪每个学生的得分率走势
学生作业档案:跨任务追踪每个学生的得分率走势

选一个学生,看他所有作业的赋分情况:作业次数、平均得分率、最高/最低、缺交次数四个指标卡 + 得分率走势折线图(低于 60% 的点标红预警)+ 历次作业每题明细。退步生、缺交生一眼锁定。

技术亮点(用 WorkBuddy 搭建的省心之处)

  • 零依赖:没有 CDN、没有外部字体、没有图表库。图表是 SVG 手写,xlsx 解析器是内置纯 JS(ZIP 解包 + DEFLATE + XML 解析约 200 行),图片压缩走 Canvas,OCR 不可用就用"留档图片 + 人工对照录入考点"流程替代
  • 响应式双端适配:PC 单列/移动端自动堆叠,按钮 ≥44px、输入框 ≥16px(iOS 不会自动放大),iPhone 底部安全区适配
  • 数据安全:localStorage 持久化 + JSON 导出/导入 + 二次确认清空,老备份版本兼容
  • 纯本地零运维:双击文件就开,办公室电脑、家用笔记本、网盘下载下来用同一份数据

写在最后

如果你也是带两个班以上的老师,或者你身边有老师朋友被 Excel 和纸质作业折腾——也尝试做一个这样的平台把!

标签:#WorkBuddy AI办公 效率工具

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

目录
  • 用 WorkBuddy 搭了一个数学任课老师工作台,单文件 HTML 离线可用
    • 一、成绩管理:录分+自动分析
    • 二、在线批阅:图上勾叉 + 自动算分
    • 三、全览表格:全部批完自动生成
    • 四、备课中心:资源库 + 题库 + 一键组卷
    • 五、数据看板:班级全局一眼看完
    • 六、学生作业档案:跨任务追踪每个学生
    • 技术亮点(用 WorkBuddy 搭建的省心之处)
    • 写在最后
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档