## 一、当老师最累的，不是上课

我是一所高职院校机械系的专任教师。这学期带两门课：《液压与气动技术》和《数控机床电气控制》，加起来七个教学班。
真正消耗人的，从来不是讲台上那 90 分钟，而是讲台之外那一堆"碎事"：
- 今天第几节课？这个班上到第几次课了？

- 下周该备哪门课、哪个班、哪个专题？

- 布置的作业收了没？考勤记了吗？

- 青鸟教学进度表交了没？课程标准改到哪一版了？

- 听课记录、岗位实习月报、毕业设计评语……

它们的麻烦在于"散"：进度表在 Excel 里，课标在 Word 里，待办在手机备忘录里，剩下的全靠脑子记。**每天最大的消耗，不是做事，而是"记得住"和"找得到"。** 更要命的是，这些事彼此不连通——进度表里明明写着"第 3 周讲流体力学基础"，却没有任何东西会提醒我："喂，下周就该备这一块了。"
举个最平常的例子：周一早上到办公室，我得先翻课表确认今天几节课、在哪间教室；再翻进度表看这个班讲到哪；突然想起上周布置的作业还没收；临上课又惦记着下周那个专题还没备。这一圈翻下来，二十分钟没了，人还没开始干活就先累了。
## 二、我想要什么

我给自己提了一个很朴素的目标：
>**打开一个页面，就知道今天该干什么。**

不是再装一个 App，不是再登一套系统，不是再学一个新软件。就是一个页面：今天有几节课、哪几件事快到期、下周要准备什么内容，一眼看全，看完能直接动手。
## 三、为什么是"一个 HTML 文件"

这个工作台，本质上就是**一个单文件 HTML**：1927 行、128KB。双击，就能在浏览器里打开。
我特意选了最"土"的技术路线，原因有三：
1. **零后端，打开即用。** 不需要服务器、不需要登录、不需要联网。双击文件就进去了，教室电脑、家里电脑、办公室电脑都一样。

1. **数据自带。** 课程、校历、课表、任务这些数据直接内嵌在文件里，第一次打开自动灌入；之后的每一处改动，存在浏览器本地。

1. **好备份、好迁移。** 就一个文件，复制走就是一份完整备份，换机不丢。

有人会问：为什么不直接用一个现成的待办软件？因为我的课表、校历、进度表，是"长"在一起才有意义的——一个普通的待办清单，不会知道"第 3 周该备流体力学基础"。**只有把自己的数据、自己的口径做进去，它才真的替我盯事。**
**把"材料"和"配置"先说清楚：**
- **输入材料**：我的课表、学校校历，以及四份青鸟教学进度表（分别对应四个专业组）。

- **配置 / 环境**：本地用 WorkBuddy（agent 模式）当"总指挥"，负责写页面结构、样式与逻辑；数据走"内嵌 JSON + 浏览器本地存储"双轨；另外写了两道自检——一段查页面结构（`verify_page.py`），一段用模拟 DOM 把整段脚本完整跑一遍（`smoke_dom.js`）。

## 四、它现在长什么样

![图1_首屏仪表.png](https://developer.qcloudimg.com/http-save/yehe-12757887/051db95ecd1ce91c2e8253955c72e531.png)
图1：工作台首屏——页头 + 左侧导航 + 首屏仪表（问候语、任务清零率环、四张统计卡）
打开的第一屏，是这样几块：
- **页头**：教学综合工作台 · 当前学期 · 今天日期，外加一个数据同步状态徽章；

- **首屏仪表**：一句问候（"老师，晚上好"）+ 今天的整体提示（"今天 3 节课，2 项已逾期，先清逾期的"）+ 一个**任务清零率环** + 四张统计卡（今天课程 / 待办 / 已逾期 / 学期进度）；

- **今天有课**：今天排了哪几节课，一节一条列清楚；

- **今天要处理**：不是我想起来的，是它替我盯着的——逾期、今天到期，还有下周要备的课。

再往下，分三大区：**我的教学 / 学期任务 / 岗位实习**。凡是需要"录入"的东西，都收进了抽屉里；主界面只留"状态 + 清单"。整个页面的原则只有一条——**打开就能看，不用点进去找。**
![图4_我的课表.png](https://developer.qcloudimg.com/http-save/yehe-12757887/ff44004db45b780a76af553de1314b86.png)
图2：我的课表——整周排课视图，一屏看清这门课这周在哪天、哪个教室
## 五、三个真正长在我工作流上的设计

这个工作台里，有三处是我最满意的。它们不是"好看的壳"，是真的替我盯着活。
### ① 课表驱动的"今天有课"

![图2_今天有课打卡.png](https://developer.qcloudimg.com/http-save/yehe-12757887/16413df8e36d9427efa716c9033e42f7.png)
图3：今天有课——按节次列出当天课程，标注"第几次课 / 共几次"，配材料已发、作业已收、下课打卡三个按钮
它的数据来源是**课表 + 校历**，不是一张静态清单。今天有课，就按节次一条条列出来，每条还标着"**第 4 次课 / 共 36**"——这门课上到第几次了，一眼看清。旁边三个按钮：材料已发、作业已收、下课打卡；`−／＋` 还能微调次数。上完课点一下打卡，下面的"学期进度"就往上走一格。
它甚至处理了"今天没课"的情况：会自动告诉我"下一次课是哪天、上什么"。**把一个班的"第几次课、上到哪、还剩多少"，全部自动化了。**
### ② 提前一周的备课提醒

![图3_备课提醒.png](https://developer.qcloudimg.com/http-save/yehe-12757887/96501d6c08a35565bfa46fa895696a25.png)
图4：备课提醒——按专业组自动生成的"该备课了"，四个班四条，标着距上课天数
这是我最想要的功能。我把四份青鸟教学进度表里的 **107 个课次**——日期、内容、授课方式——全部提取出来，做进了一份内嵌的"教学日历"。
每进入新的一周，它就自动算出**下一教学周**每个班要上的内容，然后提醒我：
>**25工业机器人1班《液压与气动技术》第 3 周：项目二 流体力学基础（液体静力学基础、液压动力学、流动状态、压力损失、孔口流量），该备课了**

四个班四条，标着"距上课 3 天"；备完点一下"已备课"，本周就不再打扰。
这里有个我特意定下的**口径**：只提醒"下一教学周"，本周剩下的课不重复提醒——因为那些上周已经提醒过了。这样每周一打开工作台，看到的就是刚刚好"一整周"的备课量，不多不少。**以前是我凭记忆想起"该备课了"，现在是它提前一整周告诉我。**
### ③ 打卡衍生待办

还有一类事，连我自己都记不住：
- 某个班"材料已发"了，可过了 7 天还没记"作业已收"；

- 上过的课忘了打卡，学期进度就少算了一节。

系统会自己把这些"漏"揪出来，冒一条待办："液压与气动技术 第一次课：第二专题第四讲，已过 4 天。"点一下补记就行。**这类"我没意识到自己忘了"的事，交给它最省心。**
## 六、从"能用"到"顺眼"

第一版做完，能用，但不好看。我是个非设计师，只能一档一档地改。
**第一档**：页头从一根纯色条，改成深蓝紫渐变；首屏加上问候语和仪表盘；任务条目前面加一道彩色竖条；"完成"按钮改成绿色实心。
**第二档**：给任务加了 **9 类彩色标签**（备课、听课、制表、出题、归档……一眼分类）；在电脑宽屏上，把底部的标签栏整个改成了**左侧竖导航**，和页头连成一体。
![图5_改版前后对比.png](https://developer.qcloudimg.com/http-save/yehe-12757887/b5ada132df6e407638132244f4270708.png)
图5：视觉改造前后对比——左为改版前（纯色页头、无首屏、标签栏在底部），右为改版后（渐变页头、首屏仪表、左侧导航）
左边是改版前，右边是改版后。改的不是功能，是"打开它时的心情"——同样是干活，顺眼一点，人就愿意多用一点。
顺带说一句：窄屏（手机）下它是另一套布局——底部标签栏、单列卡片，在手机上照样能看。不过我平时还是习惯在电脑上打开，屏幕大，信息一屏看全。
## 七、它不是我一个人"生成"的

说实话，这个工作台不是一句"帮我做个工作台"就蹦出来的。它是分步磨出来的，靠的是两条规矩：
1. **先拆解、先确认、再动手。** 每加一个功能，先商量清楚"做什么、怎么做"，同意了再改，改完一起看效果。所以我从没遇到"它自作主张做了一堆我不要的东西"。

1. **改完必自检。** 每动一次页面，都跑一遍结构和逻辑自检脚本——我这种不懂前端的人，靠的就是这两道"安全网"。它们真的挡住过 bug：有一次我删掉了两个面板，却在标签列表里忘了同步，结果页面一点就崩；正是自检把它跑了出来。

具体到"步骤"，其实就三件事，按顺序做：**① 先搭模块骨架**（今天 / 本周 / 三门课 / 任务 / 资料）；**② 再做视觉改造**（一档、二档，见上一节）；**③ 最后加"会替我盯事"的功能**（课表驱动、备课提醒、衍生待办）。前两步让页面"能用、好看"，第三步才让它真正长进了我的工作流。
**这套协作方式，比功能本身更值钱。** 工具会变，方法能一直用。
## 八、结果：它真能把活干完

判断一个工具好不好，标准只有一个：**它能不能真的替你把活干完。**
这个工作台做到了。最直接的证据是：用它生成的**青鸟教学进度表，我直接上传，一次通过**——而在这之前，我自己手工填的表，反复上传失败。
**产出物**：`教学综合工作台.html`——一个双击即用、不用安装、不用联网的页面。两门课、七个班，从备课提醒、课程进度，到任务、资料、归档，现在都在同一个页面里。
## 给同行的一句话

如果你也是老师，手里也有一堆"散在各处、还得靠脑子记"的事——我建议你试着把它们收进一个地方。
**不用追求大系统。哪怕就是一个能打开、能提醒你"今天该干什么"的页面，也足够把一大半焦虑接过去。**


我是一所高职院校机械系的专任教师。这学期带两门课：《液压与气动技术》和《数控机床电气控制》，加起来七个教学班。真正消耗人的，从来不是讲台上那 90 分钟，而是讲台之外那一堆"碎事"：

两门课、七个班，我把散在七八处的教学事务，收进了一个 HTML 文件

我是一名高职机械系教师，这学期带两门课、七个班。最累的不是上课，而是散在进度表、课标、备忘录和脑子里的碎事：今天第几次课、下周该备哪块、作业收没收。我做了个「教学综合工作台」——一个零后端、双击即用的单文件HTML，课表、校历、四份教学进度表全部内嵌，能自动跟踪课程进度、提前一周提醒备课、从打卡衍生待办，还配了自检脚本。结果很直接：用它生成的青鸟教学进度表，我上传一次就通过了。

开发工具

职业发展

低代码

一个高职机械系教师用1927行HTML代码构建了个人教学综合工作台，整合课表、校历、教学进度表数据，实现课程打卡、提前一周备课提醒和逾期待办衍生功能。页面无需服务器即开即用，配合自动化自检脚本确保稳定性，让教学管理从碎片化记忆转向自动化提醒，有效降低工作负荷。

数据同步

服务器

WorkBuddy 

JSON

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

两门课、七个班，我把散在七八处的教学事务，收进了一个 HTML 文件-腾讯云开发者社区-腾讯云

两门课、七个班，我把散在七八处的教学事务，收进了一个 HTML 文件

两门课、七个班，我把散在七八处的教学事务，收进了一个 HTML 文件

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐