【Hello AI 科技致善】【Code With SOLO】复式备课助手——用 SOLO 为乡村教师打造"动+静"双年级教案编排工具

haokun140 · 2026 年5 月 7 日 07:20

① 摘要

面向乡村小规模学校复式班教师，在一人同时教两个年级的课堂场景下，提供"班级课程表→纵向备课→横向动静编排→教案预览"的结构化备课流程。核心解决了复式教学中"动静搭配"（两年级教学步骤在同一时间线上交替编排）的数字化难题。

② 真实场景与需求

目标人群：乡村教学点/村小的复式班教师。由于师资力量有限，乡村教师需要将多个年级、不同学科的课程放到同一个课堂时间学习，受限于教学空间和教师时间。

痛点描述：

复式教学最头疼的环节叫"动静搭配"。一堂 40 分钟的课，老师不能让两年级同时听课——给 A 年级讲课时（动），B 年级必须做练习或自习（静）；过几分钟角色互换。整个课堂是一条两个年级交织的时间线。

老师需要先给两年级分别写教案（纵向备课），再手工画一张"动静搭配时间线表"把两套教案步骤穿插在一起
调整一次时间分配就要重画整张表，手工劳动量极大
全校的课程表需要标注每节课"备好了没"，纸质时代全靠记忆和经验
通用备课软件全是为单一年级设计，完全派不上用场

现有做法：手写纸质教案+手工画表，或用 Excel 凑合。无法关联教材库、难以复用、版本管理靠文件名。

③ 作品介绍

乡村教师复式备课助手——专为复式教学场景设计的 Web 应用。

在线体验：https://rural-teachers-helper-l5iopnpb.zh-cn.edgeone.cool/
（短信服务未开启，可私信我使用测试账号登录）

功能模块	说明
学校体系	创建/加入学校（邀请码机制），支持四类学制，按学校隔离数据
班级管理	创建单式/复式班级，复式班支持 2+ 年级组合
课程表	周视图网格，展示每日每节次的科目与年级；按班切换，按周导航；每格自动标注"已备课（绿）/未备课（红）"状态；点击格子直达横向备课
课程表编辑	复式班按年级分 tab 编辑，每格弹出科目选择器；按学校自定义的时间段配置生成行；批量保存
纵向备课	单年级教案：教学目标列表 + 教学步骤列表；每步标注"动/静"类型、时长、材料、小助教标记；自动合计时长；支持存草稿/发布；支持一键复制跨年级复用
横向备课（核心）	两步向导：①配置各年级的学科/教材版本/册次，从已发布的纵向教案中选择教学步骤 → ②在统一时间线上编排"动+静"交替步骤 + 跨年级互动环节，各步独立设时长，逐年级设板书和作业
教案预览	将编排好的横向教案生成结构化 Markdown，含时间轴标注、动静角色标注、板书和作业，支持一键复制
教材配置	内置 2,778 条教材目录数据，覆盖全国中小学各版本各册次，学科→版本→册次级联筛选
学校时间配置	自定义每日节次类型和起止时间，可视化时间轴组件

技术栈：React 18 + TypeScript + Vite + Tailwind CSS + Zustand + Supabase PostgreSQL + Express.js

④ 用 TRAE 实现的过程

第一阶段：需求发现（MTC 模式）

在通过 TRAE 的 MTC 模式对乡村教师日常工作流程进行信息采集时，了解到一个关键词——“复式教学”。由于师资力量有限，乡村教师需要将多个年级、不同学科的课程放到同一个课堂时间学习，受限于教学空间和教师时间，这是乡村教育中一个非常普遍的实际情况。

进一步让 MTC 模式对"复式教学"进行深入搜索与讲解，了解了"复式教学"的核心授课形式——动静结合：一个年级"动"（教师直接授课），另一个年级"静"（学生独立练习），以及纵横向兼顾的备课方式（纵向=单年级教案，横向=多年级时间编排），和对时间分配的精确要求。这促使我确定了设计方向：开发一款辅助乡村教师进行复式教学课前准备的系统。

第二阶段：结构化设计（MTC 模式 + 线下思维导图）

通过线下思维导图对功能清单和系统结构进行了初步思考，然后将思考结果交给 MTC 模式，让它帮我进行细化和文档生成。第一次生成失败了，重新生成后得到了细化的功能清单。

功能点很多，做了一轮功能范围划定与最小 MVP 要求的筛选后，要求 MTC 输出当期 PRD 文档。随后做了一些技术选型上的框定（React + Supabase + Express），要求它输出前后端技术详设文档。

详设生成的过程比较漫长，利用 TRAE 的任务多开能力，同步让 MTC 输出一份 UI 风格提示词，以及从网络上获取教材列表信息（最终整理了 2,778 条教材目录数据）。

第三阶段：编码实现（Code 模式）

将这些信息（PRD + 技术详设 + 风格提示词 + 教材数据）全部提交给 Code 模式后，系统开始生成内容。Code 模式按照前期设计文档，逐模块生成了完整的项目代码：认证系统 → 学校班级管理 → 课程表 → 纵向备课 → 横向备课 → 教案预览 → 教材配置 → 时间配置。

第四阶段：本地调试与修复

由于当时 TRAE 还没有 Windows 桌面版，使用 TRAE IDE 本地环境进行调试。修复了一些 bug（如周视图跨年边界日期计算、移动端拖拽触摸冲突等）后，项目完工。

整个过程的核心感受：MTC 模式在需求挖掘和方案设计阶段发挥了关键作用——从发现"复式教学"这个领域关键词，到深入理解"动静搭配"的教学逻辑，再到生成结构化的 PRD 和技术详设。Code 模式则高效地把设计文档转化为了可运行的代码。整个项目的推进逻辑是 MTC 做"想"、Code 做"写"，人负责关键决策（MVP 范围划定、技术选型、验收调试）。

⑤ 成果展示

在线体验：https://rural-teachers-helper-l5iopnpb.zh-cn.edgeone.cool/
技术栈：React 18 + TypeScript + Vite 6 + Tailwind CSS 3 + Zustand 5 + Supabase PostgreSQL + Express.js
数据库：9 张表，含 2,778 条教材目录种子数据
核心数据流：创建学校 → 班级管理 → 配置课程表 → 纵向写教案（标动/静）→ 横向编排时间线 → 生成教案预览