https://www.tianhao.me/tags/%E5%8C%BB%E5%AD%A6%E6%95%99%E8%82%B2/Recent content in 医学教育 on 牙刷刷的小站Hugo -- gohugo.iozh-CN牙刷刷Thu, 12 Nov 2026 10:00:00 +0800https://www.tianhao.me/posts/ecg-lab-intro/Thu, 12 Nov 2026 10:00:00 +0800https://www.tianhao.me/posts/ecg-lab-intro/<img src="https://www.tianhao.me/uploads/ecg-lab-screenshot.png" alt="Featured image of post ECG Lab 心迹实验室：交互式心电图学习平台" /><h2 id="项目背景">项目背景 </h2><p>心电图（ECG）解读是临床医生的核心技能之一，但传统学习方式往往依赖静态图片和大量文字，存在以下痛点：</p> <ul> <li>📱 手机上看不清网格，无法仔细测量波形</li> <li>📚 练习与学习割裂，学完理论找不到即时反馈的题目</li> <li>🎯 急救流程只能靠视频记忆，缺乏交互式训练</li> </ul> <p><strong>ECG Lab 心迹实验室</strong>就是为了解决这些问题而诞生的。</p> <h2 id="核心功能">核心功能 </h2><h3 id="-系统学习">📚 系统学习 </h3><ul> <li><strong>238 章系统课程</strong>：涵盖电生理、导联与向量、心房/心室肥大、缺血与梗死、电解质与药物等</li> <li><strong>可交互 ECG 波形</strong>：500 Hz 采样率，支持节律条/12 导联显示、循环覆盖/连续滚动、标注与悬停测量</li> <li><strong>双语支持</strong>：所有内容提供中英文版本，方便不同语言背景的学习者</li> </ul> <h3 id="-实践练习">✍️ 实践练习 </h3><ul> <li><strong>系统判读训练</strong>：按频率→节律→电轴→间期→ST-T→结论六步读图，逐步反馈</li> <li><strong>2000+ 道练习题</strong>：覆盖 42 种诊断，支持章节筛选与多选</li> <li><strong>三种玩法</strong>：经典判读、极速 60 秒、连击生存</li> <li><strong>自适应间隔复习</strong>：错题本记录混淆项，1→3→8→20 天间隔复习</li> </ul> <h3 id="-模拟测试">🎯 模拟测试 </h3><ul> <li><strong>ACLS 急救模拟</strong>：12 个服务端状态机场景，CPR 质量、除颤/复律、药物时序训练</li> <li><strong>心电图查看器</strong>：支持缩放、测量和标注，像临床工作中一样分析真实心电图</li> </ul> <h3 id="-实验室">🔬 实验室 </h3><ul> <li><strong>心脏向量实验室</strong>：P/QRS/T 三维向量环、六轴与肢体导联投影、胸导联定位</li> <li><strong>电解质实验室</strong>：K⁺/Ca²⁺/Mg²⁺滑杆与实时波形变化</li> <li><strong>每日挑战</strong>：全站同题 10 题，连续打卡日历</li> </ul> <h2 id="技术栈">技术栈 </h2><h3 id="后端">后端 </h3><ul> <li><strong>PHP 8.4</strong>（无框架，原生实现）</li> <li><strong>MySQL 8+</strong></li> <li><strong>PDO MySQL</strong></li> <li><strong>AES-256-GCM 令牌</strong></li> <li><strong>WebAuthn Passkey</strong></li> </ul> <h3 id="前端">前端 </h3><ul> <li><strong>原生 ES Modules</strong>（零构建工具）</li> <li><strong>Canvas / SVG</strong> 波形渲染</li> <li><strong>Service Worker</strong>（PWA 离线支持）</li> </ul> <h3 id="特色">特色 </h3><ul> <li>前后端零构建，不依赖 webpack/vite 等工具</li> <li>教学优先设计，所有波形标注&quot;教学示意&quot;</li> <li>支持 BYOK（Bring Your Own Key）自有 AI 接入</li> </ul> <h2 id="项目亮点">项目亮点 </h2><h3 id="-交互式设计">🎨 交互式设计 </h3><p>传统心电图学习是&quot;看图说话&quot;，ECG Lab 让你<strong>亲手操作</strong>：</p> <ul> <li>拖动滑杆改变电解质浓度，实时观察波形变化</li> <li>点击波形任意位置测量间期和振幅</li> <li>三维旋转心脏向量环，理解空间投影</li> </ul> <h3 id="-智能评估">📊 智能评估 </h3><ul> <li><strong>XP 等级系统</strong>：Lv.1-20，对应不同难度解锁</li> <li><strong>能力雷达图</strong>：可视化展示各章节掌握程度</li> <li><strong>错题分析</strong>：AI 针对错选项讲解鉴别点（Lv.10 解锁）</li> </ul> <h3 id="-开源免费">🌍 开源免费 </h3><ul> <li>代码 <a class="link" href="https://github.com/AndroidOL/ecg-academy" target="_blank" rel="noopener" >MIT</a> 开源</li> <li>教学内容 CC BY-SA 4.0 授权</li> <li>无需登录即可完整学习</li> </ul> <h2 id="访问体验">访问体验 </h2><p>🔗 <strong>在线体验</strong>：<a class="link" href="https://ecg.tianhao.me" target="_blank" rel="noopener" >ecg.tianhao.me</a></p> <ul> <li>支持桌面和移动设备</li> <li>PWA 安装到主屏幕，离线可用</li> <li>深浅双主题，中英文界面切换</li> </ul> <h2 id="项目截图">项目截图 </h2><p><img alt="ECG Lab 首页" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://www.tianhao.me/uploads/ecg-lab-home.png"></p> <p><em>系统学习界面：课程图谱与章节导航</em></p> <p><img alt="心电图交互" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://www.tianhao.me/uploads/ecg-lab-ecg.png"></p> <p><em>可交互波形：缩放、测量、标注</em></p> <p><img alt="向量实验室" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://www.tianhao.me/uploads/ecg-lab-vectors.png"></p> <p><em>心脏向量实验室：三维向量环可视化</em></p> <h2 id="后续规划">后续规划 </h2><ul> <li>📱 WFDB/SCP 格式适配，支持真实心电图数据</li> <li>🎓 CME（继续医学教育）评估体系</li> <li>🤖 AI 导师增强，支持更多临床场景问答</li> <li>📊 波形标注器，用户可自定义标记关键点</li> </ul> <h2 id="总结">总结 </h2><p>ECG Lab 心迹实验室是我在医学教育领域的一次探索，试图用现代 Web 技术解决传统心电图学习的痛点。项目采用零构建的原生技术栈，注重交互性和教学体验，希望能为医学生和临床医生提供一个高效、有趣的学习工具。</p> <p>欢迎体验并提出建议！</p> <hr> <p><strong>项目地址</strong>：<a class="link" href="https://github.com/AndroidOL/ecg-academy" target="_blank" rel="noopener" >github.com/AndroidOL/ecg-academy</a><br> <strong>在线访问</strong>：<a class="link" href="https://ecg.tianhao.me" target="_blank" rel="noopener" >ecg.tianhao.me</a></p>