【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
大家好，我是一名研一在读学生 。没有大厂背景，也不是科班出身的全栈工程师，只是对“时间”与“地点”如何交织成故事这件事，抱有一点执念。
这个 Demo 是我和 TRAE 一起“聊”出来的。说实话，一开始我只会在对话框里笨拙地描述想法：“我想要一个地图页面，左边是抽屉，右边是天地图，点击标记能弹出地点详情……”TRAE 像一位耐心的搭档，把我口语化的描述一点点拆解成组件、路由、接口和类型定义。最惊喜的是，当我说“这个按钮感觉不够立体”时，它真的能把 Neumorphism 的阴影参数调出来；当我说“地图在手机上能不能上下滑动”时，它会去查项目里的 useMobile 和抽屉吸附逻辑，而不是给我一个空泛的回答。原来，不会写代码的人，也能把脑子里的产品“讲”出来——这是我整个过程中最被治愈的瞬间。
1. Demo 简介
-
是什么：隐文数字人文，是一个基于 Web 的事件时空地图数据管理系统 ，与传统地图不同的是加入了事件维度，重心在“叙事”，目前主要记叙文博机构与艺术展览事件。
-
面向谁：展览展会、讲座论坛、活动爱好者，历史研究者、地方文化爱好者、策展人、独立学者，以及任何想把“某时某地发生过什么”结构化留存下来的人。
-
主要功能：1.时空地图可视化。以天地图为基础，在地图上添加时间选择器，同时显示地点和事件，并可支持时间+分类+标签+样式的多级筛选组合。同时支持地点分组、地点连线。
2.自定义信息。对标记信息有结构化录入。从快捷创建到详细编辑，创建个人档案，并提供列表展示。
3.接入AI。输入链接、文本等内容自动解析并预填表格，一键创建。以及完善的个人信息管理。
2. Demo 创作思路
-
灵感来源：平时看展览、听讲座、找活动总是要保存多个链接、多个平台，还要看时间，于是有了这个想法，将事件与地图结合，实现一次看遍，随时有空、随时打开、随时安排。
-
想解决的问题：展览展会、讲座论坛、活动信息缺少统一的宣传平台，机构难保留事件信息，用户难以即时查找周边资讯。同时尝试解决研究者重复整理同一批地点与事件元数据；公开资料缺乏统一的时空关联与版本管理；非技术用户难以维护一套结构化的数字人文数据库的问题。
-
为什么做这个方向：数字人文工具往往要么太“重”（需要 GIS 基础），要么太“轻”（只是在线表格）。隐文选择站在中间：用地图降低空间表达门槛，用事件模型降低时间关联门槛，用权限等级与审核机制保证协作质量。技术栈上坚持 Vue 3 + Express + MongoDB 全 TypeScript，是为了在“可维护”与“可扩展”之间取得平衡。
3. Demo 体验地址（三选一）
- 部署随时可公开访问的体验链接：隐文数字人文
4. TRAE 实践过程
-
自从认识了trae，着手开始该项目的开发，从0到1，从1到10，完全依托trae进行开发。我的角色更像“产品经理 + 测试员”，负责描述需求、验证效果、提出下一轮的微调方向。
完整流程大致如下 ：
- 需求描述 ：用自然语言描述页面布局、交互流程、数据关系；
- 方案确认 ：TRAE 输出执行计划，确认影响范围后再修改；
- 代码实现 ：TRAE 自主完成前后端编码、类型补充、样式调整；
- 构建验证 ：运行 npm run build / npm test 检查类型与测试；
- 回归验收 ：我在浏览器和移动端模拟器中逐一验证；
- 文档沉淀 ：每次任务完成后自动生成经验总结并归档到知识库。
-
附开发关键步骤截图（不少于 3 张）；
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
-
.318238150383036:417e8357ba87f6b646b7b28507a615df_6a4d244c324f55984feece02.6a4da785324f55984feedddc.6a4da77f6981a33271cc8f6b:Trae CN.T(2026/7/8 09:27:33)
-
.318238150383036:9ba59ea2bfc5282efff7c6a7db507618_6a4d244c324f55984feece02.6a4d2764324f55984feecf11.6a4d275f6981a33271cc8f40:Trae CN.T(2026/7/8 00:20:52)
-
.318238150383036:df841e2a9a01fd490b067a33c8ef7e5b_6a4ee4c81825dc61de9c3b3a.6a4ee94e1825dc61de9c3ef1.6a4ee94a95e30f1fc43c79c1:Trae CN.T(2026/7/9 08:20:30)
-
.318238150383036:faf30db96932c3f4c06d7f99e560c9e3_6a4ee4c81825dc61de9c3b3a.6a4eeb3c1825dc61de9c3ffb.6a4eeb3695e30f1fc43c79c3:Trae CN.T(2026/7/9 08:28:44)
5. 对应的报名审核通过的帖子链接
事件地图——一图查询艺术展览、文娱活动等信息 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区
6.经验总结
- 构建知识库，每次对话都提炼核心更新知识库，规范开发方向。
- 制作技能，习惯性、常规操作及时提炼为技能复用。
-
- 为此制作了多个技能，常用的有自然描述，因为不懂代码，要求AI用最通俗的语言描述问题，开发目标及开发方案，很小白但很实用。
- 日常更新，技能、规则、文档保持更新，避免使用旧文档开发新任务。
- 先询问再执行，先确保开发意图AI正确理解，方案无误再行动。
7.踩坑复盘
- 印象最深的是样式更新，在多次的系统样式迭代中，一层一层累加硬编码和数不清的!important，越改越吃力，几近崩溃，发现问题后不得已进行全面重构，并制作设计文档，包括为配色设计了全套参考，再次修改非常顺利。
-
诸多坑点都是一阵辛酸泪，trae的辛酸我的泪。
