【标签】 学习工作，社会公益
【标题】【社会公益赛道】岐黄学堂：适老化中医经典学习平台・用系统化知识守护全家健康
0. 先和大家打个招呼吧 
-
我是谁：我是一名应用物理学专业的本科生，大学期间参与过不少学科与工程类竞赛，也拿到过多项国家级奖；平时熟悉 C++、Python 语言，对机器人开发、多传感器融合方向很感兴趣，并在这个领域从事和学习。有一定的工程思维，但前端网页开发并不算熟练，属于典型的「有想法但缺前端落地能力」的跨界开发者。
-
你是怎么用 TRAE 把 Demo 做出来的：最开始我只有一个从生活里来的想法，清楚自己手写完整前端网站效率很低，就抱着试一试的心态开始用 TRAE 对话式开发。 过程中我也踩过坑：一开始把所有需求一次性丢进去，经常因为信息量太大导致生成不完整。后来我摸索出了方法：把大项目拆成小模块，每次只下达一个明确的小任务，比如先做阅读页面框架、再做打卡逻辑、再调适老化细节。每一步我都会把想要的效果、要改的问题、要修复的 bug 描述得足够具体，让它先检查再调试，一步步迭代。遇到单次完成不了的内容，就拆成多步接续完善。 整个过程我几乎不用从零写代码，只需要专注在产品逻辑和用户体验本身，TRAE 帮我跨过了前端开发熟练度不足的坎，真的让一个原本只在脑子里的想法，变成了能直接打开运行的完整产品。
1. Demo 简介
-
是什么：当前版本是一套可直接本地运行的纯前端中医经典学习网站（产品 Demo），未来可扩展为网页端、小程序、APP 多端产品。它以系统化中医典籍为核心，搭配适老化交互设计与科学记忆方法，专为中年群体打造低门槛、易坚持的中医学习路径。（已上传GitHub）
-
面向谁：核心面向 40-65 岁的中年中医爱好者，尤其是希望系统学习中医知识、用日常调理方法改善自身与家人亚健康状态、降低家庭医疗开支的普通父母群体。他们当下大多只能通过短视频、直播获取碎片化养生知识，缺乏权威、体系化的入门路径。
-
主要功能：① 适老化典籍精读系统
目前已完整内置 4-5 本经典中医典籍（包含《伤寒论》《黄帝内经》等书籍），采用「原文 + 白话译文 + 重点注释」三段式排版；针对中年用户视力与阅读习惯，做了大字号、米黄护眼底色、高对比度设计；支持生字点读、全文语音朗读，不认识的字点击即可发音，最大程度降低古文学习门槛，长辈不用戴老花镜也能顺畅阅读。
② 艾宾浩斯科学记忆学习模式
借鉴背单词的高效学习逻辑，每日定量分配学习条文，同时遵循艾宾浩斯遗忘曲线自动安排复习内容，把零散的条文学习变成「学 + 复习」的闭环，大幅提升中医条文的记忆效率，让中年人学了能记住、记住能用上。
③ 打卡闯关
将厚重的医典拆解为章节关卡，学完对应内容后通过章节答题即可通关解锁下一章节；搭配每日打卡、连续打卡勋章、积分奖励机制，学习所得积分可用于解锁典藏馆内更多中医书籍，把枯燥的经典学习变成有正向反馈的成长游戏，从根本上解决自学难以坚持的痛点。
-
④ 本地学习数据中心
基于浏览器本地存储自动保存所有学习数据，无需注册登录、无需服务器即可使用；包含学习进度条、打卡日历、错题本、条文收藏功能，所有数据关闭网页也不会丢失，后续升级多端版本后可平滑迁移用户数据。
2. Demo 创作思路
-
灵感来源
最开始的启发来自我妈妈：她对中医很感兴趣，想系统学习经典医典来调理身体，也想帮经常熬夜、亚健康状态明显的我调整作息与体质。但我发现她面临很多现实困难：古文生僻字多看不懂、市面上的中医 APP 操作复杂字体小、网上的知识东拼西凑不成体系，还容易轻信偏方。
顺着这个点我进一步观察发现，这不是个例 —— 这是一个非常庞大的群体：大量中年人都有学习中医的强烈需求，他们要么自身有慢性病、亚健康问题，要么想帮子女、家人调理身体，希望通过中医温和调理减少医疗开支，但普遍缺一个真正适合他们的、低门槛的系统化学习工具。这个真实且广泛的需求，就是我做这个项目的原点。
想解决的问题
-
学习门槛痛点：中医经典古文晦涩、生僻字多，普通人自学理解成本极高；现有学习产品普遍适老化程度低，字体小、操作层级深，中年用户上手困难。
-
知识体系痛点：大众获取中医知识多来自短视频、碎片化内容，零散不成体系，甚至真假混杂，容易走入养生误区，无法真正学以致用。
-
坚持动力痛点：纯阅读式学习枯燥乏味，缺乏正向反馈与阶段性激励，绝大多数人自学都半途而废。
-
家庭健康痛点：当下年轻人工作压力大、长期熬夜，亚健康问题普遍，很多问题西医检查无明确指标、难以根治，且伴随时间与金钱成本；中医从内在调理的方式更温和、更适合日常养护，但普通人缺乏靠谱的学习渠道。
为什么做这个方向
第一是需求真实且用户群体庞大，不是凭空想象的产品，而是从家人的真实痛点延伸到广泛的社会需求，有明确的用户价值；
第二是社会价值厚重，它同时契合了三个方向：中医药文化的科普传承、数字产品的适老化改造、普通家庭的健康成本降低，能实实在在帮到很多人，完全符合社会公益赛道的内核；
第三是产品成长性强，当前 Demo 虽然是纯前端单页形态，但产品架构清晰，后续可以平滑扩展为网页端、小程序、APP 多端产品，内容上也可以持续扩充典籍、加入 AI 讲解、视频课程等功能，有很大的迭代空间；
第四是落地可行性高，借助 TRAE 的开发能力，个人开发者也能低成本快速把想法验证落地，不需要复杂的团队和服务器投入，模式轻、可复制性强
-
3. Demo 体验地址
-
部署随时可公开访问的体验链接。
index.html (1.1 MB)
-
已将完整可运行的网站文件打包为 Zip 上传至帖子附件，下载解压后双击***
index.html***即可在浏览器直接打开体验全部核心功能，所有功能本地即可运行，无需联网、无需注册、无需部署服务器。中医典籍学习助手.zip (186.3 KB)
4. TRAE 实践过程
-
我全程通过对话式开发完成整个 Demo，采用「模块化拆解 + 分步迭代」的方法推进，完整流程如下：
-
需求体系化梳理
先把用户痛点、产品定位、核心功能、适老化设计标准全部整理成结构化的需求文档，作为项目的初始输入，让 TRAE 先建立完整的产品认知，避免方向跑偏。
-
核心框架模块化生成
因为一次性生成完整网站容易因为信息量过大导致逻辑缺失、代码出错，我把产品拆分为「典籍阅读模块、打卡日历模块、答题闯关模块、个人中心模块」四个独立子模块，逐个下达生成任务，完成一个再整合一个，有效降低了单次任务复杂度，提升了生成准确率。
-
适老化细节逐轮打磨
针对中年用户的使用习惯，我分多轮提出精细化修改要求：比如第一轮放大全局字号与按钮尺寸、第二轮替换护眼配色方案、第三轮增加生字点读功能、第四轮简化页面跳转逻辑。每轮只聚焦 1-2 个优化点，把想要的效果描述清楚，让 TRAE 精准调整，逐步打磨出符合中年人使用习惯的交互体验。
-
内容分批填充与功能扩展
中医典籍内容体量很大，无法一次性全部植入代码。我采用分批次导入的方式，先录入核心条文，再逐步扩充完整篇目，目前已完整内置 4-5 本经典医书；功能上也逐步迭代，后续又追加了艾宾浩斯复习逻辑、积分解锁书籍、错题本等扩展功能，一步步丰富产品能力。
-
测试调试与 bug 修复
每完成一个模块我都会在本地运行测试，把发现的具体 bug、逻辑问题、体验瑕疵清晰描述给 TRAE，让它先定位问题、再修复优化，同时主动让它检查潜在的逻辑漏洞，反复迭代验证，最终输出稳定可用的完整版本。
关键步骤截图：
-
初始需求输入与 TRAE 生成首版代码的对话界面
-
适老化细节优化的多轮迭代对话界面
-
艾宾浩斯复习功能开发的对话界面
-
最终 Demo 本地运行的完整效果截图
关键任务 Session ID：
-
.3964167705604442:9bf11f4d591f993e797fff1003faf505_6a3b7f50a346d4064b9d4615.6a3b83e4a346d4064b9d4618.6a3b83e3e8ef300abfcb040e:Trae CN.T(2026/6/24 15:14:44)（产品整体框架与核心功能生成对话）
-
.3964167705604442:3a063a6ade00a0ec2b3614f4279dd76a_6a3b7f50a346d4064b9d4615.6a3bdfdca346d4064b9d494b.6a3bdfdce8ef300abfcb041c:Trae CN.T(2026/6/24 21:47:08) .3964167705604442:f9f7f037ad87f9d7596f70bfb324a938_6a3b7f50a346d4064b9d4615.6a4358bf8e2769e582bcc3d5.6a4358bedae27a21cf6cc196:Trae CN.T(2026/6/30 13:48:47).3964167705604442:c25097ae124a478d8aef25744e735aef_6a3b7f50a346d4064b9d4615.6a573fbbb0ffa1599a4c226a.6a573fbb518f917a53c601e5:Trae CN.T(2026/7/15 16:07:23)（适老化交互细节优化对话）
-
.3964167705604442:c33629e130491003f67d85ae4d046ee0_6a3b7f50a346d4064b9d4615.6a56316b27dd69ef7a69be02.6a56316a7fd20661313e9d75:Trae CN.T(2026/7/14 20:54:03).3964167705604442:edefdedbf6214a4dd25be53548225e2f_6a3b7f50a346d4064b9d4615.6a573800b0ffa1599a4c21a3.6a573800518f917a53c601e3:Trae CN.T(2026/7/15 15:40:31)（艾宾浩斯记忆模式与积分体系开发对话）
-
.3964167705604442:d44c5e035789176197994d96d158348d_6a3b7f50a346d4064b9d4615.6a3b9052a346d4064b9d472e.6a3b9052e8ef300abfcb0414:Trae CN.T(2026/6/24 16:07:46) .3964167705604442:d44c5e035789176197994d96d158348d_6a3b7f50a346d4064b9d4615.6a3b9052a346d4064b9d472e.6a3b9052e8ef300abfcb0414:Trae CN.T(2026/6/24 16:07:46).3964167705604442:08f8eb278549fc7732498bc81ea894f8_6a3b7f50a346d4064b9d4615.6a578148b0ffa1599a4c261c.6a578148518f917a53c601ec:Trae CN.T(2026/7/15 20:47:04)（典籍内容导入与 bug 修复对话）
-
5. 对应的报名审核通过的帖子链接
6. 后续规划与展望
当前版本只是产品的雏形 Demo，未来我计划从三个方向持续迭代：
-
内容扩充：持续录入更多中医经典典籍，覆盖从入门到进阶的全阶段学习内容，打造完整的中医线上学习知识库；
-
多端适配：从纯前端网页逐步拓展为官方网站、微信小程序、手机 APP 多端产品，增加云端数据同步功能，让用户随时随地都能学习；
-
功能升级：后续计划加入 AI 答疑讲解、配套视频课程、养生方案定制等功能，让用户遇到不懂的条文能即时得到解答，真正把中医知识落地到日常生活中。
我希望这个项目不只是一个参赛作品，而是能真的落地成长，帮到更多想学好中医、守护家人健康的普通人。