① 摘要
面向乡村中小学教师,在日常备课与课堂教学场景下提供教案生成、知识点拆解、课堂练习生成及教学辅助工具,目前通过实际功能测试与浏览器验证确认有效。
② 真实场景与需求
通过网盘分享的文件:乡村教师教学助手
链接: 百度网盘 请输入提取码 提取码: 8cyf
目标人群
乡村中小学教师(尤其是一人兼任多科、缺乏教研支持的偏远地区教师)
痛点描述
-
备课耗时长:乡村教师常需一人教授多门课程,备课时间被严重挤压,难以产出结构完整的教案
-
知识点讲解困难:面对抽象概念(如分数、运算顺序),缺乏贴近乡村生活的教学案例,学生理解困难
-
练习资源匮乏:缺少针对性强、难度分层的课堂练习题,手工出题效率低
-
课堂管理工具缺失:分组、计时、课堂评价等基础教学环节缺乏便捷工具支持
现有做法及不足
现有做法 不足之处 手写教案 格式不统一、修改困难、难以复用 网上下载课件 资源质量参差不齐、与本地学情脱节、需要网络 购买教辅资料 成本高、更新慢、针对性不强 口头分组/黑板计时 效率低、缺乏趣味性、难以记录评价 核心问题:现有方案要么成本太高,要么与乡村教学场景脱节,要么依赖网络/设备条件。
③ 作品介绍
作品形态
纯前端网页工具(单 HTML 文件),零依赖、零安装、可离线使用
核心功能模块
模块 功能说明 教案生成 支持 4 种模板(详细教案/简案/探究式/活动课),8 学科适配,自动生成教学目标、重难点、教学过程、板书设计、教学反思 知识点拆解 内置 26+ 知识点数据库,一键生成"核心概念→讲解步骤→生活案例→易错预警→提问链"完整知识卡片 课堂练习 8 种题型(口算/竖式/应用题/拼音/近反义词/填空/比较/分解),支持参数调节,自动生成答案与讲解脚本 教学工具 课堂计时器、随机分组、随机抽人、课堂计分表 数据管理 本地存储(localStorage),支持数据导出/导入/清空,换设备可迁移 技术特点
-
单文件架构:1 个 HTML 文件包含全部 HTML/CSS/JavaScript,无需服务器
-
离线可用:打开即用,无需网络连接
-
跨平台:任何带浏览器的设备(电脑、平板、手机)均可使用
-
打印友好:专门优化打印样式,可直接打印教案/练习卷
-
数据持久:自动保存到浏览器本地,关闭不丢失
④ 用 SOLO 实现的过程
任务拆解
整个项目按以下步骤逐步完成:
-
需求分析与架构设计(人工)
- 确定核心功能模块(教案/知识点/练习/工具)
- 决定单文件架构(便于传播与离线使用)
- 设计数据存储方案(localStorage)
-
HTML 结构与 CSS 样式开发(SOLO 辅助)
- 搭建 5 个标签页的基础布局
- 设计响应式卡片式 UI
- 实现打印友好的 @media print 样式
-
JavaScript 核心逻辑开发(SOLO 辅助)
- 实现标签页切换与状态管理
- 开发教案生成器(4 模板 × 8 学科适配)
- 构建知识点数据库(26+ 条目,含概念/步骤/案例/预警/提问)
- 开发 8 种题型的练习卷生成算法
- 实现教学工具(计时器/分组/计分表)
- 完成数据持久化(导出/导入/本地存储)
-
测试与修复(人工 + SOLO 协作)
- 功能测试发现
knowledgeDatabase重复声明导致脚本崩溃 - 定位并删除重复代码块(约 580 行)
- 重新验证全部功能通过
- 功能测试发现
使用的 SOLO 能力
能力 应用场景 代码生成 批量生成 HTML 结构、CSS 样式、JavaScript 函数 代码补全 在已有框架下补全各模块的具体实现 错误诊断 通过浏览器测试发现 JS 语法错误,定位重复声明问题 代码重构 删除重复数据库声明,修复语法错误 文件操作 读取、编辑、保存 HTML 文件 关键 Prompt / 操作过程
初始 Prompt(核心需求):
请帮我用纯 HTML、CSS、JavaScript 写一个"乡村教师教学助手"网页应用, 所有代码写在一个 HTML 文件里。要求: 1. 教案生成模块:输入课题、年级、学科、课时,选择教学目标标签, 生成包含教学目标、重难点、教学过程、板书设计、教学反思的完整教案 2. 知识点拆解模块:输入知识点名称和适用年级,生成知识卡片 3. 课堂练习生成模块:选择学科、年级、题型,生成练习题和答案 4. 数据用 localStorage 本地保存 5. 界面简洁美观,适合乡村教师使用迭代优化 Prompt:
我希望这个工具具有实用性能够起到一定的作用, 可以把他用来做示范案例推广,请你在加以完善问题修复过程:
浏览器测试发现: - SyntaxError: Identifier 'knowledgeDatabase' has already been declared - 导致所有交互功能失效 修复操作: 1. 搜索文件发现两个 knowledgeDatabase 声明(第1623行和第3809行) 2. 删除第二个重复声明(约580行代码) 3. 重新测试验证所有功能正常踩过的坑
问题 原因 解决方案 JS 脚本完全失效 knowledgeDatabase被重复声明(const不可重复赋值),导致整个<script>块解析失败删除第二个重复的数据库声明 标签页无法切换 上述语法错误导致 switchTab等所有函数未定义修复语法错误后自动解决 生成按钮无响应 同上,函数未加载 修复语法错误后自动解决 知识点匹配失败 数据库键名与输入不完全一致(如"分数的初步认识"vs"认识分数") 增加模糊匹配和模板回退机制
项目文件
文件 说明 乡村教师教学助手.html主程序文件(单文件应用,约 3800 行) 项目说明.md本说明文档
使用方式
- 直接打开:用浏览器打开
乡村教师教学助手.html文件即可使用 - 数据保存:所有数据自动保存到浏览器本地存储
- 数据迁移:通过"数据管理"标签页的导出/导入功能,可将数据迁移到其他设备
- 打印输出:生成教案或练习卷后,可直接打印或另存为 PDF
未来可扩展方向
- 增加更多学科知识点数据库
- 支持自定义知识点录入
- 添加学生成绩记录与分析功能
- 支持教案模板自定义编辑
- 增加图片/音频资源插入功能
-
-





