会自动更新的看板应用
一句需求加一个数据源,让豆包工作生成可交互的网页应用,字段与飞书多维表格打通、数据自动同步。
场景
「我想做一个 XX 看板,每月自动更新。」
这句话听起来很简单,但在过去,做成一个能改、能交互、数据能自动更新的系统需要开发、需要排期、需要把复杂需求讲清楚给别人听。多数时候这个需求就死在排期上了。
和上一个案例的区别
02 · 表格 → 可视化网页 做的是快照——某一时刻数据的一张漂亮的图。
这个案例做的是活的系统——页面字段和飞书多维表格打通,数据变化自动同步。搭好之后分享给同事,他们随时打开看到的都是最新版本。
提示词
【数据源】飞书多维表格「销售日报」
【任务】做一个销售看板网页应用,字段与这张多维表格打通,表格数据变化时页面自动同步
【页面结构】
1. 顶部四个核心指标卡:本月 GMV、订单数、客单价、目标完成率
每个卡片显示当前值 + 环比变化(涨绿跌红)
2. GMV 月度趋势折线图,可切换「本月 / 本季度 / 全年」
3. 分区域业绩排行榜,可按 GMV / 完成率排序
4. 明细表格,支持按区域和时间范围筛选
【要求】
- 目标完成率低于 80% 的区域标红
- 每个图表带一句话结论
- 手机端可用
- 干净商务的视觉风格,不要花哨
【输出】生成后给我分享链接
为什么这么写
先写数据源和打通要求。 「字段与这张多维表格打通,表格数据变化时页面自动同步」这句是这个案例的全部价值,放在最前面。
指标卡要环比。 一个孤立的数字没有信息量,「本月 GMV 1200 万」不如「本月 GMV 1200 万,环比 +8%」。
「低于 80% 标红」这类规则要写死。 看板的价值在于让人一眼看到问题,不给阈值它只会平铺数据。
「不要花哨」。 看板是天天要看的东西,花哨的样式第三天就烦了。
搭好之后
编辑。 右上角「编辑」可以随时改,圈哪改哪,即时生效。
分享。 点「分享」拿链接,发给同事。他们打开看到的永远是最新数据。
迭代。 想加个维度就直接说,不用重做。
验收清单
- [ ] 改一下多维表格里的一个数,刷新页面能看到变化
- [ ] 指标卡的数字和表里的合计对得上
- [ ] 筛选和排序能用
- [ ] 标红规则生效
- [ ] 手机上打开正常
变体
加自动推送: 配合定时任务——
每周一 9:00,读取看板数据,
生成一段本周要点摘要,发到「销售」群。
加权限区分: 如果不同区域的人只该看自己的数据,在提示词里说明,让它按飞书的权限体系处理。
多个数据源:
数据源改为:飞书多维表格「销售日报」+「退款记录」+「库存」,
在页面上做关联展示。
常见问题
数据没自动更新。 确认它接的是多维表格的实时数据而不是导入了一份快照。让它说明「数据是怎么取的」。
页面加载慢。 数据量大的话让它做聚合,明细表加分页:「明细表默认只加载 50 条,翻页加载更多」。
同事打不开。 检查分享链接的权限设置。涉及企业数据的看板,注意别把公司数据分享成公开链接。
❓ 什么是会自动更新的看板应用?
一句需求加一个数据源,让豆包工作生成可交互的网页应用,字段与飞书多维表格打通、数据自动同步。
❓ 如何理解和上一个案例的区别?
02 · 表格 → 可视化网页 做的是快照——某一时刻数据的一张漂亮的图。
❓ 如何理解提示词?
【数据源】飞书多维表格「销售日报」