【学习工作】 Demo 名称+大学生考证助手——一站式考试时间与报名入口汇总平台
0. 先和大家打个招呼吧 
-
你是谁： 我是一名在校的大学生
-
**你是怎么用 TRAE 把 Demo 做出来的：**我其实算是个半吊子，在参加这个比赛前都不知道还能做这种HTML的demo来展示自己的项目这算是我的第一次尝试这种类型的项目，我就将参赛的指导帖子的链接发给TRAE，然后又将自己的需求罗列了出来，然后一点点的完善这个demo，直到这个demo基本成为了我脑海中的样子，最后让TRAE帮我全面检查了下项目，就形成了当前这个版本的demo，不过也确实还有需要完善的地方，之后只能抽空再继续弄了。
1. Demo 简介
-
是什么：大学生考证助手是一款面向在校大学生的响应式网页应用，聚合全国 26 个主流大学生考证项目的考试时间、官方报名入口、报名流程、备考指南和在线题库练习功能；
-
面向谁：在校大学生；
-
主要功能：考试信息聚合：覆盖 26 个考试项目，分语言类（CET-4/6、雅思、托福、JLPT、普通话）、计算机类（NCRE 二/三级、软考）、职业资格类（法考、导游、建造师、执业药师、护士资格）、财会金融类（CPA、初/中级会计、税务师、银行/证券/基金从业）、教育类（教师资格证、考研）五大分类。
-
智能倒计时提醒：每个考试自动计算报名截止倒计时和考试倒计时（如教师资格证显示"3天 | 报名截止"、“71天 | 距离考试”），支持设置报名提醒，避免错过关键节点。
-
官方直达报名：每个考试附带经过验证的官方报名链接，一键跳转，并标注"此链接来自官方数据源"安全提示。
-
在线题库练习：每个考试配备 5 道精选题目（单选/多选/判断），支持逐题答题、确认答案、即时反馈和成绩统计，帮助用户快速了解考试题型和难度。（还有待完善）
-
考试日历视图：按月查看全年考试安排，合理规划备考时间线。
-
备考指南：提供备考经验、参考资料推荐和通过率数据（如教师资格证通过率约30%）。（我想的是将考试的题库也整理到这里面。）
2. Demo 创作思路
-
灵感来源：因为我自己就是大学生，我也有考证的需求，而且还不少。每次听老师说完可以考的证书后都需要自己去查报告时间和考试内容，非常麻烦。而且间隔时间也很久，很容易就忘记了报了啥考试，啥时间考。
-
想解决的问题：
-
1、信息分散：考试时间、报名入口分散在教育部考试院、财政部、司法部等十几个官网，查询效率极低
-
2、容易错过：报名时间窗口短（有的仅3-5天），没有提醒机制容易遗忘
-
3、真假难辨：网上大量非官方链接，安全性无法保证
-
4、备考盲目：不清楚考试科目、报名条件、通过率，缺乏针对性准备
-
为什么做这个方向：因为我觉得在大学考取自己专业适配的证书也是一个非常重要的事情。并且平时事情也比较多，在有条件的基础上，没必要再为了考试的时间而每天操心。所有我就希望能有这样一个网站（方便快捷）能快速查询考证的时间、报名网址、考试内容等等信息，省时省力。
3. Demo 体验地址（三选一）
4. TRAE 实践过程
-
整个 Demo 使用 TRAE IDE 完成开发，采用"对话驱动 + 代码生成 + 迭代优化"的模式：
-
需求拆解：将考证助手拆分为数据层（26个考试对象）、展示层（首页/详情弹窗/日历/搜索）、交互层（提醒/题库/Tab切换）三个模块
-
数据收集与验证：通过 TRAE 的 WebSearch 能力，逐一核实每个考试的考试时间、报名时间和官方链接，修正了多处初始数据错误（如 CET-4 考试日期、NCRE 报名时间等）
-
页面搭建：使用 Tailwind CSS 构建响应式界面，渐变色 Hero 区域 + 卡片式分类导航 + 弹窗式详情页
-
功能迭代（共五轮）：
-
第一轮：基础信息展示（考试时间、报名链接）
-
第二轮：增加倒计时、报名提醒、考试日历
-
第三轮：增加考试科目、多场次考试、报名条件、通过率等详情
-
第四轮：增加在线题库功能（26个考试各5道题，共130题）
-
第五轮：优化详情页为 Tab 分页式弹窗（概览/考试详情/报名备考），增加备考指南模块
-
-
数据可靠性建设：编写脚本自动测试所有官网链接可达性，配置每日定时任务自动检查
-
在线部署：通过 IGA Pages 部署到线上，方便评审直接体验
-
-
关键步骤截图：
-
1、刚开始的完善需求：3933405601345177:966d5838e35c53704dbb23dbf0fff517_6a31042aad8a67795d443ecb.6a3104d3ad8a67795d443f1b.6a3104d3ad8a67795d443f19:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/16 16:09:55)
-
2、使用HTML来制作：3933405601345177:7939585d7f9549cef104a0e98ffb70a9_6a31042aad8a67795d443ecb.6a31058ead8a67795d443f31.6a31058ead8a67795d443f2f:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/16 16:13:02)
-
3、制作demo：3933405601345177:54f37c696a389f4cfbaeafd1daf31649_6a31042aad8a67795d443ecb.6a3420859c7fc90924f2b77b.6a3420849c7fc90924f2b779:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/19 00:44:53)
-
4、测试：3933405601345177:ab73ed68a348519732f084872dce7cbe_6a31042aad8a67795d443ecb.6a34237f9c7fc90924f2b7c0.6a34237e9c7fc90924f2b7be:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/19 00:57:35)
-
5、部署线上链接：3933405601345177:b68e8619587e7f9873c4af107d9ec11a_6a31042aad8a67795d443ecb.6a47af168448bb32573ed78e.6a47af168448bb32573ed78c:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 20:46:14)
**5. 对应的报名审核通过的帖子链接：**【学习工作赛道】大学生考证助手——考试时间与报名入口汇总平台
6.心得体会：
其实最开始使用的就是TRAE，并且也用了非常久了，之前一直在尝试做自己感兴趣的工具，不过可能因为我专业完全不相干，导致我自己凭想法实现的许多工具总是有许多问题和毛病。不过就这半年来，我发现ai是越来越好用了，而且正确率也是不断提高。尤其是这次这类的小网页，在之前可能需要很详细的提示词才能确保正确性，但是这一次基本上是一遍过，要修改的地方也只是一点小问题。
最后希望以后的ai发展的越来越好，让大家自己有时候灵光一现的想法能一步步转变成一共真实可以的实际工具/应用，也算是生活中的小调剂了。
7.最有价值的经验：
数据准确性是这个项目的生命线。最初直接让 AI 生成考试数据，结果发现多处错误。后来改为"AI 生成初稿 + WebSearch 逐一核实"的模式，最终确保了数据准确性。这让我认识到：AI 可以加速开发，但关键数据必须人工校验。
踩过的坑：
-
链接测试的编码问题：PowerShell 脚本在中文路径下出现编码错误，解决方案是将输出目录改为英文路径，并指定 UTF8 编码
-
题库数据并行生成：26 个考试的 130 道题数据量大，单次生成容易超时，改用 5 个并行 Agent 分别生成不同类别的题库，效率提升约 4 倍
-
详情页信息过载：最初将所有信息平铺展示，用户反馈太多太杂，最终采用 Tab 分页式弹窗布局，信息层次清晰
对 TRAE 能力的体会：
TRAE 的 WebSearch 数据验证能力和多 Agent 并行开发能力是本项目顺利完成的关键。数据验证阶段快速核实 26 个考试的官方信息；题库生成阶段 5 个并行 Agent 同时工作；代码迭代阶段通过对话快速调整 UI。
