【生活娱乐赛道】校趣帮 CampusHub-校园一站式生活服务平台
哈喽大家好，我是一名刚毕业不久的学生，机械相关专业。日常在校园里，见过太多"求购二手"“代取快递”"求拼单"的消息散落在 QQ 群、微信群、表白墙里；每年毕业季宿舍楼下被丢弃的台灯、自行车、教材堆积成山。校趣帮 CampusHub ，就是我想为身边同学真正解决的一个生活问题。
最初我以为没有真正部署到服务器的应用就算不上"作品"，但用 TRAE 之后发现完全不是这样。我跨过的那道坎：原本以为"AI 只能写代码片段"，结果 TRAE 让我发现它真的能理解"我想要什么"，把"想法"变成"可体验的产品"——这才是 AI 创造力最让我震撼的地方。
1. Demo 简介
一个真实解决校园痛点的小程序 Demo
校趣帮面向广大高校在校生，把散落在 QQ 群、微信群、表白墙的二手、跑腿、外卖需求，整合到一个统一的入口里。整个 Demo 是一份单文件 HTML，浏览器双击即可体验。
主要功能：
校园二手市场
10 件预置商品（教材、数码、服装、代步、生活 5 大类），支持分类浏览、查看详情、信用分展示、联系卖家、AI 智能发布。
- 智能定价建议（基于历史成交数据）
- 信用评价体系（买卖双方互评）
- 毕业季专场（批量发布、一键接龙）
校园跑腿大厅
5 个实时跑腿订单（代取快递、代拿外卖、代打印、排队代购），订单状态实时切换，AI 路线顺路匹配。
-
实时追踪跑腿员位置
-
双向信用评价
-
顺路匹配，降低跑腿成本
-
智能定价建议（基于历史成交数据）
-
信用评价体系（买卖双方互评）
-
毕业季专场（批量发布、一键接龙）
校园外卖
6 个食堂档口热销菜品，月销量、评分、菜品分类、加购、拼单提示全覆盖。
- 食堂档口线上化
- 同宿舍拼单分摊配送费
- 预定取餐免排队
AI 智能发布
上传商品图片 → AI 自动识别并生成标题、分类、描述、智能定价 → 一键发布。
- 多模态识别商品图
- 智能定价建议
- 自动匹配分类
打开就能体验的 完整交互
以下截图均来自真实 Demo，浏览器双击 index.html 即可在 5 个 Tab 之间自由切换体验。
2. Demo 创作思路
为什么做这件事
作为一名刚毕业学生，每到毕业季宿舍楼下堆满被丢弃的台灯、自行车、教材；开学时又看到新生在 QQ 群、微信群里刷屏"求购二手 XX"。日常点外卖，要么食堂排队 20 分钟，要么被外卖平台抽成 25%。
解决的痛点
信息碎片化（QQ 群、微信群、表白墙、贴吧）· 交易无保障（口头信用）· 跑腿效率低（群里喊人接单）· 外卖选择少（抽成高、食堂无线上化）· 毕业浪费（每年 100 万元/校）。
商业价值
单校月均交易额 20-50 万元 · 月均订单 3 万+ · 通过 2-3% 交易佣金 + 商家入驻费 + 广告曝光，单校年营收潜力 30-50 万元 · 全国 4000+ 高校的市场天花板。
社会价值
推动校园绿色循环经济 · 减少毕业季物品浪费 · 为勤工俭学学生提供月均 300-800 元的跑腿创收机会 · 助力校园数字化生活圈建设。
- 为什么做这个方向：你的判断和取舍。
3. Demo 方式
demo-post-attachment.zip (3.9 MB)
4. TRAE 实践过程
整个 Demo 由 TRAE Work（Auto 模式）+ TRAE IDE 完成，AI 渗透率 90% 以上。从需求拆解、UI 生成、文案撰写、数据填充到交互逻辑，每一步都借力 AI。
使用的 TRAE 能力
需求拆解 + 创意生成
用一句话描述创意，让 AI 拆解为功能模块清单和实现路径
UI 设计 + 配色推荐
让 AI 推荐符合校园调性的"年轻活力橙"配色 + 卡片化布局
前端代码生成
分 5 个 Tab 模块生成 HTML/CSS/JS 代码，支持流畅切换和动画
演示数据填充
让 AI 写出 10 件商品、5 个跑腿订单、6 个菜品的真实信息
交互逻辑实现
AI 实现 Tab 切换、Modal 弹出、Toast 提示、加购动画等
测试验证 + 截图
本地启动 HTTP 服务器，自动化测试所有 Tab 的功能可用性
附关键任务对话的 Session ID：
1901494587369337:b19fb93858cde2f5ccb35d3f9833f829_6a4248dbee66e6f86e3028f2.6a424952ee66e6f86e30291e.6a424952ee66e6f86e30291c:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 18:30:42)
1901494587369337:08fc7bb40f315876122bc46d574174bb_6a4248dbee66e6f86e3028f2.6a45fc24df3e22090ce81605.6a45fc23df3e22090ce81603:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/2 13:50:28)
1901494587369337:5fd703d6857106f0042dbd07c1d90d99_6a4248dbee66e6f86e3028f2.6a460180df3e22090ce816f9.6a460180df3e22090ce816f7:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/2 14:13:20)