08 · 會自動更新的看板應用

速覽

需要 飛書賬號登入（資料來源接多維表格）· 環境 本地或雲電腦 · 耗時 15—30 分鐘

場景

「我想做一個 XX 看板，每月自動更新。」

這句話聽起來很簡單，但在過去，做成一個能改、能互動、資料能自動更新的系統需要開發、需要排期、需要把複雜需求講清楚給別人聽。多數時候這個需求就死在排期上了。

和上一個案例的區別

02 · 表格 → 視覺化網頁 做的是快照——某一時刻資料的一張漂亮的圖。

這個案例做的是活的系統——頁面欄位和飛書多維表格打通，資料變化自動同步。搭好之後分享給同事，他們隨時開啟看到的都是最新版本。

它會先解析多維表格的欄位結構，再生成能和資料來源聯動的看板。圖片來源：豆包工作官方公眾號

提示詞

【数据源】飞书多维表格「销售日报」
【任务】做一个销售看板网页应用，字段与这张多维表格打通，表格数据变化时页面自动同步

【页面结构】
1. 顶部四个核心指标卡：本月 GMV、订单数、客单价、目标完成率
   每个卡片显示当前值 + 环比变化（涨绿跌红）
2. GMV 月度趋势折线图，可切换「本月 / 本季度 / 全年」
3. 分区域业绩排行榜，可按 GMV / 完成率排序
4. 明细表格，支持按区域和时间范围筛选

【要求】
- 目标完成率低于 80% 的区域标红
- 每个图表带一句话结论
- 手机端可用
- 干净商务的视觉风格，不要花哨

【输出】生成后给我分享链接

為什麼這麼寫

先寫資料來源和打通要求。 「欄位與這張多維表格打通，表格資料變化時頁面自動同步」這句是這個案例的全部價值，放在最前面。

指標卡要環比。 一個孤立的數字沒有資訊量，「本月 GMV 1200 萬」不如「本月 GMV 1200 萬，環比 +8%」。

「低於 80% 標紅」這類規則要寫死。 看板的價值在於讓人一眼看到問題，不給閾值它只會平鋪資料。

「不要花哨」。 看板是天天要看的東西，花哨的樣式第三天就煩了。

搭好之後

編輯。 右上角「编辑」可以隨時改，圈哪改哪，即時生效。

分享。 點「分享」拿連結，發給同事。他們開啟看到的永遠是最新資料。

迭代。 想加個維度就直接說，不用重做。

驗收清單

• [ ] 改一下多維表格裡的一個數，重新整理頁面能看到變化
• [ ] 指標卡的數字和表裡的合計對得上
• [ ] 篩選和排序能用
• [ ] 標紅規則生效
• [ ] 手機上開啟正常

變體

加自動推送： 配合定時任務——

每周一 9:00，读取看板数据，
生成一段本周要点摘要，发到「销售」群。

加許可權區分： 如果不同區域的人只該看自己的資料，在提示詞裡說明，讓它按飛書的許可權體系處理。

多個數據源：

数据源改为：飞书多维表格「销售日报」+「退款记录」+「库存」，
在页面上做关联展示。

常見問題

資料沒自動更新。 確認它接的是多維表格的即時資料而不是匯入了一份快照。讓它說明「資料是怎麼取的」。

頁面載入慢。 資料量大的話讓它做聚合，明細表加分頁：「明細表預設只加載 50 條，翻頁載入更多」。

同事打不開。 檢查分享連結的許可權設定。涉及企業資料的看板，注意別把公司資料分享成公開連結。