【标签】 社会服务/社会公益
**【标题】**社会服务赛道 + 营造大观——中国古建筑数字图谱
0. 关于我
-
你是谁： 一名大四建筑学学生。平时在图纸上画建筑，在模型室里切泡沫板，偶尔也会对着《营造法式》发呆——这本书陪伴了我整个大学时光。
-
你是怎么用 TRAE 把 Demo 做出来的： 我没有计算机背景，之前只会用 Rhino 和 CAD，写代码对我来说就像看天书。但这个项目让我发现，TRAE 把"写代码"变成了一种"对话"。
我做这个网站的起点其实很简单：有一天在图书馆翻《营造法式》，突然想——如果能有一个数字化的"营造图谱"，让所有人都能像翻书一样浏览中国古建筑，那该多好？我把这个想法用一段话讲给了 TRAE，它竟然听懂了。它不仅帮我规划了网站的整体结构，还一步步教我怎么做。
最让我惊讶的是"长河"时间轴的开发。我以为这种横向时间轴加数据可视化的功能需要很复杂的代码，结果我只是描述了一下我想要的效果——“像拉一条线一样，从先秦拉到清朝，每个朝代是一个节点，点开后能看到那个时代的建筑”——TRAE 就帮我生成了完整的代码。那一刻我真的觉得"原来这么简单"。
TRAE 帮我跨过的最大一道坎，是数据模型的设计。每座都有年代、类型、材质、屋顶形制、GPS 坐标等一堆字段，我完全不知道怎么组织。TRAE 帮我设计了一套清晰的元数据模型，还教会我怎么把数据结构化存储。没有它，我可能在第一步就被卡住了。
整个过程就像在和一个耐心的助教合作：我负责提出想法和判断方向，它负责把想法变成代码。最感动的时刻是，当我告诉它我想要"中式宣纸风格"的时候，它真的帮我调出了暖黄底色、朱砂红点缀的效果——那一刻网站突然有了温度，不再是一个冷冰冰的数据库，而像一本摊开的古籍。
1. Demo 简介
-
**是什么：**一个交互式中国古建筑数字知识图谱网站（yingzaodaguan.top），涵盖舆图、时间轴、分类、检索四大入口，目前收录 327 座古建筑，覆盖先秦至清九个朝代、八个功能分类、二十九个省份。
-
**面向谁：**建筑与设计专业学生、历史文化爱好者、文旅行研人群、中小学教师（课堂素材）。
-
主要功能：
-
首页
-
1、舆图：以地理维度浏览 327 座建筑，从中国版图到七大区域到省份到单座建筑，多层级下钻。
-
2、长河：以时间维度浏览，先秦至明清九个朝代横向时间轴，展示营造风格的代际演变
-
3、形制：以功能类型分类浏览，宫殿、礼制、宗教、园林、文教、设施、民居、陵墓八大类型。
-
4、索引：六大维度（朝代、类型、国保批次、省份、结构材质、屋顶形制）交叉检索
-
5、建筑详情：统一元数据（年代、结构、屋顶、台基、GPS、文化标签）、建筑志长文、关联推荐
2. Demo 创作思路
-
灵感来源：宋代李诫《营造法式》——第一部以系统性视角记录中国建筑营造智慧的巨著。我们希望用数字化方式续写这种"图谱式"记录传统，让三千年营造史从书架走向屏幕，变得可交互、可探索、可触达。
-
想解决的问题：中国现存古建筑信息散落在百科、论文、旅游攻略中，缺少以"建筑"为核心视角的结构化数字平台。公众想要系统了解古建筑，要么面对学术著作的门槛，要么在碎片化的网络信息中自行拼凑，很难建立对中国建筑三千年代际演变和地域差异的全局认知。
具体表现为：
-
无法按朝代、屋顶形制、结构材质等维度筛选建筑
-
学术资料门槛高、旅游信息过于浅显，存在知识断层
-
缺少将建筑还原到地理空间和时间脉络中的全景视角
-
为什么做这个方向：文化遗产数字化是 AI 可以发挥真实社会价值的领域。借助 TRAE 的 AI 开发能力，一个人也能在短时间内将 327 座建筑的庞大知识体系搭建为一个完整产品，验证了"AI + 文化"的可行性。同时，这个方向天然契合大赛的"社会服务"和"社会公益/古籍活化"附加赛题。
3. Demo 体验地址（三选一）
-
在线访问： https://yingzaodaguan.top
（网站已部署，可随时公开访问体验。）
4. TRAE 实践过程
-
4.1 开发流程概述
整个项目从创意到上线，全程使用 TRAE Work 的 AI 开发模式完成。核心开发分为六个阶段，每个阶段对应一个独立的 TRAE 会话：阶段一：需求分析与数据建模
用 TRAE 讨论并确定了项目的整体架构——一个以"建筑"为核心的数字知识图谱。TRAE 帮助设计了 327 座建筑的统一元数据模型，包括朝代、类型、国保批次、省份、结构材质、屋顶形制、台基形制、GPS 坐标、文化标签等字段，为后续的多维检索和数据可视化打下基础。
阶段二：前端框架与路由搭建
TRAE 协助初始化前端项目，搭建了基于现代前端框架的单页应用架构，设计了清晰的路由层级：/map（舆图）、/timeline（长河）、/categories（形制）、/search（索引）、/building/:slug（详情页）。同时确立了整体的东方美学视觉方向。
阶段三：四大入口核心功能开发
这是工作量最大的阶段。TRAE 协助实现了：
舆图入口：以中国版图为基底，实现七大区域到省份到建筑的地理层级下钻
长河入口：横向时间轴设计，九个朝代节点，点击展开时代背景、风格关键词、代表建筑列表、类型分布图、地域分布图
形制入口：八大功能分类的编号卡片式展示，每类配有文化释义
索引入口：搜索框 + 六大筛选维度的组合筛选系统
阶段四：建筑详情页与内容体系TRAE 协助搭建了标准化的建筑详情页模板，包含：基础信息卡（中英文名称 + 元数据标签）、详细信息（始建年份、结构、屋顶、台基、现状、GPS 坐标）、文化标签云、营造特征列表、建筑志长文、时代背景卡片、关联推荐（基于类型/朝代/地域的智能关联）。
阶段五：搜索与筛选系统优化
实现六大维度（朝代、类型、国保批次、省份、结构材质、屋顶形制）的交叉检索，筛选器联动，结果以卡片列表展示。同时优化了面包屑导航和页面跳转的流畅度。
阶段六：UI 优化与部署上线
TRAE 协助完成了中式宣纸风格的视觉设计——暖黄底色、朱砂红点缀、衬线字体、菱形装饰纹。优化了响应式布局，确保在桌面端和移动端都有良好的浏览体验。最后完成部署，上线 yingzaodaguan.top。
4.2 开发关键步骤截图
截图 1：TRAE 中讨论初步开发的对话界面
截图 2：TRAE 协助接入地图
截图 3：TRAE 协助调整ui界面
截图4：调试bug
截图5 trae帮我生成后台管理
4.3 关键任务对话 Session ID
-
初步架构设计608502848168456:e2dd5cc54253a64628b790b6a0af3a62_6a338e72a31af1c7e65fda65.6a338e72a31af1c7e65fda68.6a338e72a31af1c7e65fda66:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/18 14:21:38)
-
协助接入高德地图608502848168456:9f630fa9fcc444964d23465b56d06ce8_6a338e72a31af1c7e65fda65.6a3638cb93e665fc3faf7780.6a3638cb93e665fc3faf777e:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/20 14:52:59)
-
调整ui界面608502848168456:9dbd48b69cebbf8415a20164f2d2f812_6a338e72a31af1c7e65fda65.6a3658ee93e665fc3faf7a7f.6a3658ee93e665fc3faf7a7d:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/20 17:10:06)
-
调试bug608502848168456:5d9d1ba296cb62ca56f8f614196f1eb4_6a338e72a31af1c7e65fda65.6a36c57f6e3b2465d19339ba.6a36c57f6e3b2465d19339b8:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/21 00:53:19)
-
生成后台管理系统608502848168456:3cb31b5229631e92280e37eb6b4bc09e_6a338e72a31af1c7e65fda65.6a38b6edc7755f422ecc2591.6a38b6ecc7755f422ecc258f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/22 12:15:41)
5. 对应的报名审核通过的帖子链接