项目：多用户协作看板

2026年7月2日

项目概览

一个团队看板工具，支持多列、拖拽、实时协作。

⏱️ 预计 3-4 小时 | 🛠️ Vue 3 + Supabase Realtime

功能清单

多列看板（待办/进行中/已完成）
拖拽卡片移动到不同列
添加/编辑/删除卡片
卡片详情（描述、截止日期、标签）
实时同步（多用户同时看到变更）
创建多个看板

跟着做

帮我做一个协作看板（Vue 3 + Supabase Realtime）：
1. 横向多列：待办、进行中、审核中、已完成
2. 每列显示卡片列表，卡片包含标题和标签颜色
3. 拖拽卡片到不同列/不同位置
4. 点击卡片展开详情：标题、描述、截止日期、彩色标签
5. Supabase Realtime 实时同步：其他用户的变更即时显示
6. 多看板支持：顶部切换不同看板
7. Trello 风格设计

核心技术

Supabase Realtime 一行代码开启实时同步：

supabase
  .channel('cards')
  .on('postgres_changes', { event: '*', schema: 'public', table: 'cards' },
    (payload) => { /* 自动更新界面 */ }
  )
  .subscribe();

✅ 项目成果

一个可团队协作的看板工具
掌握了实时数据同步
理解了拖拽排序 + 多列的数据结构