·

关于博亚

关于博亚

博亚(中国) Claude Code+积木报表 一句话生成坐蓐级AI大屏

发布日期:2026-05-16 04:47 来源:未知 作者:admin 浏览次数:

博亚(中国) Claude Code+积木报表 一句话生成坐蓐级AI大屏

凌晨刷 B 站准备寝息,刷到 JEECG 官方号一条新视频 ——《告别拖拽!Claude Code + 积木报表 一句话生成数据大屏》。点进去之前心态是平的,AI 生成图表这两年看过太多 demo,无非「能跑」但「不成用」。

视频戒指的技巧我径直坐起来了。此次不是 demo,是坐蓐级别的产出物。

顺手一句汉文需求,Claude Code 调起 jimubi-bigscreen Skill,几分钟弹出一个能径直挂客户路演 LED 墙的大屏 —— 三列布局、KPI 顶栏、深色科技风、舆图飞线、养息列表、散失灯带,该有的一个不缺,不该有的一个不冒。

睡不着,把官方提醒词文档 bigscreen-prompts 通读了一遍。看完会显著:JimuReport 积木报表 的 AI 大屏,照旧不是玩物了。

此次为什么和以前不一样

往常几年的 "AI 生大屏",纰谬皆差未几:能出一张图但出不了一整屏;能拼出三列但没散失像 90 年代后台;mock 数据漂亮但真实接口一接就崩。

JimuReport 积木报表 的 jimubi-bigscreen Skill 干的不是 "调用 AI 绘制",而是把 "奈何诡计一个及格大屏" 拆成几十条可推行轨则喂给 Claude Code。轨则覆盖:

像素坐标布局(x/y/w/h 十足定位,不是栅格,幸免组件相互重迭)

1920×1080 深色主题 + 平台定名色板(科技 / 商务 / 复旧 / 暗夜)

12 套散失条 + 13 套边框预设(一滑 prompt 就能套上)

演示数据量阈值(飞线至少 25 条、养息表至少 15~20 行)

5 维组件选型(标的 / 趋势 / 占比 / 排名 / 舆图)

AI 不再是凭 "审好意思直观" 画大屏,而是有一份老炮儿可视化工程师的肌肉缅思当作先验。

两步走:先出形,再接魂

官方文档强调的提醒词进程,是能作念到坐蓐级的中枢心法:

第 1 步:纯静态数据出大屏。 prompt 只写布局、组件、案牍、配色,让 Skill 用 mock 数据一把生成。

第 2 步:分批替换为真实业务数据。 视觉说明后,按 "哪个组件接哪种数据源" 一一换(API → JSON → SQL)。

作念过大屏的同业皆懂 —— 先接数据再调款式,是最容易翻车的场合。接口结构一改、字段名一动,整页款式重来。Skill 先把视觉骨架定死,再灌数据,视觉与数据透顶解耦。

实战示例 1:三列经典布局大屏

视频里第一个让我心动的样本,是「券商交游室监控大屏」:

创建券商交游室监控大屏,称号「交游监控大屏」,从零驱动建,三列布局:

- 左列:中枢交游标的(成交额 / 高潮派别 / 下落派别 / 换手率)、

活跃股票 TOP 10 排名榜、三大指数及时进程条

- 中列:寰球资金流向舆图、分时成交量趋势对比折线图

- 右列:各板块涨跌散播水平柱形图、资金行业建设环形图、市集情感渐变仪容盘

几个要津写法:

「从零驱动建」—— 触发 Skill 走竣工生成进程的信号词,幸免在已有大屏里乱改。

明确 "左中右"+ 组件名 —— 三列布局是大屏 80% 的场景,白描比让 AI 我方诡计稳得多。

标的颗粒度写到字段 ——"成交额 / 高潮派别 / 换手率" 这种精度,博亚(中国)AI 身手生成像样的 mock 数据。

我我方跑了一次,从输入到出图约略 50 秒,第一次就出形。两年前相通的产物,妥贴的可视化工程师起步 1.5 天。

实战示例 2:数字孪生口岸大屏

券商示例是开胃菜,口岸大屏才是硬菜。官方 prompt 接近 600 字,摘其中信息量最大的部分:

创建数字孪生贤人口岸运营管控大屏。第一滑展示 6 个中枢标的:

幸运5星彩app官方手机版

本日靠泊船舶 87 艘、集装箱隐晦量 24850TEU、桥吊功课恶果 38.6 箱/小时、

堆场期骗率 76.3%、现时在港船舶 142 艘、玄虚运营指数 94.8 分。

中间一张口岸卫星俯视舆图,气泡大小展示泊位船舶载重,

飞线展示相差港旅途(至少 25 条),下方放及时船舶动态养息列表

(船名/MMSI/船籍/吃水/航速/方针港/预测离港,至少 20 条)。

这段 prompt 塞满了 "硬抑制":

具体数值(87 艘、24850TEU、38.6 箱 / 小时):告诉 AI 这是工业级数据。

「至少 25 条 / 20 条」:演示数据量阈值,飞线少于 20 条会显得空。

立场定调(深色科技风 / 液球蓝色系 / 散失加满):径直落到 Skill 预设色板。

抑制写得越细,AI 反而越解放阐述 —— 这是我刷了 30 多个 AI 编程视频后转头的反直观标准。

实战示例 3:查询联动 + 多级钻取

只可出 "静态好意思瞻念" 的屏还停在 demo 层,的确参加坐蓐级的是交互身手。

作念一个销售运营查询大屏,深色科技风。查询表单包含:日历范围、销售区域

(华东/华南/华北/华中)、居品类别。

【最要津】表单要联动整屏:选完区域/类别/日历点查询后,标的卡的 4 个数字、

销售趋势折线、订单明细表皆按筛选条目刷新。比如选"华东",所罕有据切到华东大区。

数据用 mock 接口模拟,按区域复返不同的演示数据。

这段最牛的细节是「按区域复返不同的演示数据」—— 它告诉 Skill 不光要在 UI 挂联动,连 mock 数据皆要切。生成出来简直会换数据,不是假装刷新。

多级舆图钻取更狠:

寰球销售散播舆图建设钻取——用户点击某省份时下钻到该省的城市级舆图。

要是数据集需要参数化(${province}),请正确建设 params。

${province} 是 JimuReport 积木报表 数据集动态绑定的语法。平台特定语法必须在 prompt 里写出来,业务字段 AI 能猜,平台语法不成猜。

转头

为什么会失眠 —— 不是用具多酷炫,是它更动了大屏寄托的本钱结构。

往常一个客户级大屏:原型 1 天 + 前端 2 天 + 数据接入 1 天 + 调款式 1 天 = 一周起步。当今用 JimuReport 积木报表 + Claude Code:出形 5 分钟、审好意思说明半小时、数据接入 2 小时,半天寄托。

jimubi-bigscreen Skill 的发布是个象征性事件 —— 它评释了 AI 编程在 "垂直行业 + 平台千里淀" 这条路上,确乎能产降坐蓐级决策。前提是底层平台得过硬,AI 讲求把这些身手以当然谈话翻译给业务东说念主员。

JimuReport 积木报表 — 免费的 AI 可视化报表

一句话形色需求,AI 自动生成报表与数据大屏;同期提供类 Excel 拖拽诡计器,兼容 30 余种数据源,大肆大意万般复杂报表场景 —— 帆软、Tableau 的高性价比开源替代。

名堂地址:https://github.com/jeecgboot/JimuReport

本文为 JimuReport AI 专题盘问系列著作博亚(中国)。