全运会，用文心快码做个微信小程序帮我找「观赛搭子」

四年一度的全运会又到了！

作为一个死宅+社恐属性拉满的羽球人🏸

想去现场看一场比赛，却找不到人一起同行😩

能否用文心快码Comate

不写代码，不画设计图

一小时开发一个找"观赛搭子"的微信小程序？🤔

理论可行，实践开始！

Step1 从模糊想法到完整架构

动手前，先找出我们的"产品经理"------Plan智能体， 让它帮我把整个项目的架构想清楚。

点击对话窗口左下角，即可切换不同子智能体⬆️

然后，用自然语言给出你的需求。

全运会快到了，我想做一个小程序，可以线上约人一起看比赛。先搞个最基础的版本，后面再慢慢加功能。

几秒钟后，Plan智能体就为我生成了一份完整的架构设计文档。这份文档清晰地规划了：

数据模型：用户表、邀约表、参与者表、比赛信息表
交互设计：卡片布局、社交化头像展示、状态标签系统
开发规范：组件化、响应式、性能优化等约束

markdown 复制代码

# 观赛搭子 - 微信小程序

## 项目概述
使用微信小程序原生框架 (WXML, WXSS, JS) 搭建一个"观赛搭子"功能。

## 第一部分：后端数据表设计 (Mock)

请先定义三个核心的 Mock 数据表结构：

### User (用户表)
- userId (ID)
- nickname (昵称)
- avatarUrl (头像)
- gender (性别)

### SpectatorPost (观赛邀约表)
- postId (帖子ID)
- hostUserId (发起人ID, 关联 User)
- matchName (比赛场次)
- eventTime (时间)
- location (地点)
- maxParticipants (邀约人数)
- description (备注)

### PostParticipants (参与者表)
- postId (关联 SpectatorPost)
- userId (关联 User)

## 第二部分：前端页面 - 邀约广场 (列表页)

创建一个页面，用于展示所有"观赛邀约"卡片列表。页面标题为"邀约广场"。

### 卡片结构

#### 头部
- 显示 matchName (比赛场次)
- 显示 eventTime (时间)
- 显示 location (地点)

#### 中部 (社交)
- 左侧显示发起人的 avatarUrl (大头像) 和 nickname (昵称)，并有"发起人"标签
- 右侧水平排列已加入成员的 avatarUrl (小头像列表, mock 2-3个)

#### 尾部
- 显示人数状态，格式为 "已召集 X / Y 人" (Y = maxParticipants, X = PostParticipants 里的数量)
- 右侧有一个"立即加入"按钮

### 样式要求
使用 WXSS 设计卡片布局，突出社交属性（头像）。

## 第三部分：前端页面 - 发布新邀约 (表单页)

创建一个页面，用于发布新的"观赛邀约"。

### 表单项
- 比赛场次：(input type="text")
- 比赛日期：(picker mode="date")
- 比赛时间：(picker mode="time")
- 观赛地点：(input type="text")
- 邀约人数：(input type="number")
- 备注信息：(textarea)

### 按钮
底部有一个"立即发布"按钮。

### 样式要求
使用 WXSS 提供简洁、对齐的布局。