一个方便校园交流的小程序

【生活娱乐赛道】传书 - 校园二手交易平台


0. 先和大家打个招呼吧 :waving_hand:

你是谁:一名热爱生活的大学生

你是怎么用 TRAE 把 Demo 做出来的
作为一名没有系统学习过编程的大学生,TRAE 就像我的"AI 编程搭档"。一开始我只是把脑子里的想法用自然语言描述给它听,比如"我想要一个校园二手交易平台,可以发布商品、浏览商品、在线聊天",没想到它真的能一步步帮我实现!

最让我惊喜的是云函数整合那一步——原本我有5个零散的云函数,管理起来很麻烦,我试着跟 TRAE 说"能不能把这些功能合并成一个统一的接口",它不仅帮我完成了代码重构,还加了本地缓存优化,让小程序运行更流畅。还有图片上传和压缩的功能,原本以为会很复杂,结果 TRAE 帮我写好了完整的压缩逻辑,还处理了各种异常情况。


1. Demo 简介

是什么:微信小程序(校园二手交易平台)

面向谁:在校大学生,有二手物品交易、趣事分享、互助提问需求的学生群体

主要功能

  • 内容发布:支持三大分类(趣事分享、交易、提问),支持多图上传与自动压缩
  • 商品浏览:Tab分类展示、关键词搜索、推荐商品置顶展示
  • 即时沟通:买家与卖家在线聊天,未读消息红点提示

产品截图
(此处需上传小程序截图,包含首页公示页、发布页、消息页、个人中心页)


2. Demo 创作思路

灵感来源
校园里经常有同学需要处理闲置物品,但缺乏便捷的交易渠道。微信群里发消息容易被淹没,线下摆摊又耗时费力。我想做一个专门针对校园场景的二手交易平台,让同学们能方便地发布和找到自己需要的物品。

想解决的问题

  • 二手物品信息分散,难以高效查找
  • 缺乏信任机制和安全保障
  • 交易流程不规范,容易产生纠纷
  • 除了交易,同学们还需要一个分享趣事、提出疑问的交流空间

为什么做这个方向
选择校园二手交易这个方向,是因为:

  1. 需求真实:每个学生都有二手物品处理需求,市场广阔
  2. 场景聚焦:校园场景相对封闭,用户信任度高,交易风险低
  3. 功能明确:核心功能清晰,便于快速落地和迭代
  4. 扩展性强:可以从交易逐步扩展到社交、资讯等更多场景

3. Demo 体验地址

体验方式:微信小程序搜索「传书」或扫码体验
AppIDwx575fa8768b8d35d5
云环境cloud1-d6gtxe7pw67f290e2


4. TRAE 实践过程

开发关键步骤

步骤1:项目初始化与基础架构搭建
TRAE 帮助我创建了完整的微信小程序项目结构,包括配置文件、页面框架、云开发环境初始化等。

步骤2:核心功能开发
依次实现了商品发布、浏览、详情、收藏等基础功能,TRAE 帮我处理了图片上传、数据存储、状态管理等技术难点。

步骤3:推荐列表功能修复
解决了权限限制问题,通过云函数实现推荐列表的读取和管理。

步骤4:云函数整合优化
将5个云函数合并为统一的 adminAPI 接口,减少维护成本,提升性能。

步骤5:消息系统完善
实现了对话功能和未读消息红点提示,提升用户体验。

关键任务对话 Session ID

Session ID 任务描述
6a4199f8245473ee234e1eb1 推荐列表功能修复、云函数整合、价格注释添加、未读红点功能实现
6a424b1138fa061278232e80 (7月2日会话,具体任务请查看对应记录)
6a49edb03002f6a2e34033e2 产品概念讨论、项目总结

5. 对应的报名审核通过的帖子链接

(请在此处粘贴报名审核通过的帖子链接)


:label: 标签

生活娱乐 / 学习工作 / 社会服务 / 硬件交互(四选一):生活娱乐
附加赛题加选标签:(如参加附加赛请勾选)


:mobile_phone: 项目文件结构

d:\xiaoyuan-new/
├── cloudfunctions/          # 云函数
│   └── adminAPI/            # 统一管理员接口
├── components/              # 组件
│   └── product-card/        # 商品卡片组件
├── pages/                   # 页面
│   ├── bulletin/            # 首页公示
│   ├── publish/             # 发布内容
│   ├── messages/            # 消息列表
│   ├── mine/                # 个人中心
│   ├── login/               # 登录页
│   ├── admin/               # 管理后台
│   ├── detail/              # 商品详情
│   ├── chat/                # 聊天页面
│   └── mylist/              # 我的发布
├── utils/                   # 工具类
│   └── cloud.js             # 云开发工具函数
├── app.js / app.json        # 应用配置
└── project.config.json      # 项目配置

:light_bulb: 技术亮点

  1. 统一云函数入口:将多个管理操作合并到 adminAPI,降低维护成本
  2. 智能缓存策略:推荐列表5分钟本地缓存,减少云端请求
  3. 图片压缩上传:双质量压缩策略,平衡加载速度与清晰度
  4. 权限隔离:管理员操作通过云函数执行,普通用户直接数据库访问
  5. 未读消息追踪:基于本地存储的消息已读/未读状态管理

感谢大家的支持!这个项目从一个想法到可运行的小程序,离不开 TRAE 的帮助。如果有任何问题或建议,欢迎留言交流 :blush:

1 个赞

投稿投错板块了吧

1 个赞

是投错板块了

1 个赞

咋搜不到呢

1 个赞

小程序界面呢?贴个图看看