北京国炬信息技术有限公司

  • 首页
  • 产品方案
    • 低代码平台
    • 流程设计器
    • 微服务方案
    • 表单设计器
    • 大屏设计器
    • 报表设计器
    • 流程数据中台
    • 移动APP方案
  • 新闻动态
    • 公司动态
    • 技术博客
    • 学习视频
  • 关于我们
    • 公司简介
    • 发展历程
    • 公司荣誉
    • 联系我们
  • 人才招聘
首页 > 新闻动态 > 技术博客

Claude Code + 积木 BI:一分钟生成精美大屏(JimuBI v2.3.2 发布)

作者:admin 发布时间:2026-04-23 点击数:

Claude Code + 积木 BI:一分钟生成精美大屏(JimuBI v2.3.2 发布)(图1)


划重点:现在可以一句话生成大屏了

JimuReport 积木报表旗下 JimuBI 大屏 v2.3.2 上线了两种 AI 生成方式:

  • 方式一:在 Claude Code 里一句话生成整块大屏(新增 jimubi-bigscreen / jimubi-dashboard 两个 Skill)

  • 方式二:在大屏设计器里对话生成组件、改配置(编辑器内置 AI 助手)

把 "大屏制作" 从 "拖控件 + 调 JSON + 改配色" 的体力活,变成了 "描述 + AI 生成 + AI 迭代" 的对话式协作。

JimuBI AI 生成大屏效果


方式一:Claude Code 里一句话生成大屏(0 → 1)

Claude Code 对话生成大屏

Step 1:装 Skill

Skills 仓库地址:https://github.com/jeecgboot/skills

按场景挑对应技能:

  • jimubi-bigscreen — 全屏数据可视化大屏(展厅、监控室、会议汇报)

  • jimubi-dashboard — 栅格布局数据仪表盘(业务日常查看、筛选钻取)

Step 2:一句话描述需求

在 Claude Code 对话框里直接说:

  • "做一个 1920×1080 的销售监控大屏,左上角 KPI,中间地图,右侧排行榜"

  • "做一个展厅用的数字孪生大屏,带 3D 效果和左右两侧实时数据流"

  • "做一个运营看板,KPI 四张卡片,下面是趋势线和环比柱形图"

  • "做一个销售 CRM 仪表盘,顶部按团队筛选,中间订单漏斗,底部客户分布"

Skill 首次运行会提示你提供后台 API 地址和 Token:

Skill 请求 API 地址和 Token

随后进入自动生成过程 —— 选布局、选组件、配数据源、调用 JimuBI 大屏 API 落库:

大屏自动生成过程

生成效果 —— 真的相当惊艳:

一句话生成的大屏成品

打开设计器,大屏立刻就绪。还想继续调?交给方式二的 AI 助手。


方式二:设计器里对话改大屏(1 → 10)

大屏设计器内置 AI 助手

大屏编辑器里内置了 AI 助手,直接在编辑器内对话修改:

  • 生成组件:"左上角加一个销售额 KPI,主色深蓝,带百分比环比"

  • 修改配置:"把这张环形图改成柱状图,X 轴换月份"

  • 批量样式 / 换主题:"所有图表字体加大两号、整块大屏换成科技蓝"

AI 一句话修改组件的配置项:

AI 修改组件配置项演示

过去要懂 ECharts 配置项才能精细调样式 ——tooltip、series、axisLabel 成百上千的参数。现在一句自然语言全部搞定。

  • 对新手:这是 "能做出来" 的关键

  • 对老手:这是 "做得快" 的工具


集成方式:改一行版本号

SpringBoot 3:

<dependency>
    <groupId>org.jeecgframework.jimureport</groupId>
    <artifactId>jimubi-spring-boot3-starter</artifactId>
    <version>2.3.2</version></dependency>

SpringBoot 2:

<dependency>
    <groupId>org.jeecgframework.jimureport</groupId>
    <artifactId>jimubi-spring-boot-starter</artifactId>
    <version>2.3.2</version></dependency>


总结

JimuBI 大屏 v2.3.2 核心做了一件事:用 AI 接管 "大屏制作" 的整个生命周期。 Skills 管生成,AI 助手管迭代,人只负责打磨。

如果你的团队正在被 "做大屏排期两周、改样式还要再两天" 卡脖子 —— 这是一个 "今天升级,下周效率翻倍" 的版本。


本文为 JimuReport AI 专题研究系列文章。

加入收藏
Tag: AIGC AI编程 人工智能
上一篇:Claude Code + 积木报表:一分钟生成复杂报表(J
下一篇:给 Claude Code 装一块秒表:每轮 + 累计耗时自
返回列表

随便看看

  • Claude Code 接入 Grok-4.5
  • MiniDao1.8.3 版本发布,轻量级Java持久化框架
  • Claude Code × DeepSeek × 积木报表:AI报表到底有多智能?一次产品级落地实测
  • 完美解决github访问速度慢和访问不通的问题
  • AI报表是什么样子的?JimuReport积木报表迎来AI真正的升级
  • 2026年AI编码CLI工具终极对比:Claude Code、Cursor、Gemini CLI、Codex CLI、Copilot CLI
  • Claude Code 必装插件:claude-hud 让你的 AI 编程效率翻倍
  • 【敲敲云】零代码实战,主子表汇总统计—免费的零代码产品
  • GitHub Copilot CLI 上手指南(面向 Claude Code 深度用户)
  • 【AI 报表】JimuReport v2.5.0 版本发布,AI 助手接入 DeepSeek,一句话生成报表和大屏

  • 公司产品
  • JeecgBoot低代码平台
  • 敲敲云零代码
  • 大屏设计器
  • 流程设计器
  • 表单设计器
  • 源码下载
  • JeecgBoot低代码平台
  • 积木报表平台
  • 移动开发平台
  • 微信管家平台
  • 更多信息
  • JEECG官方论坛
  • JEECG插件市场
  • 仪表盘设计器
  • 积木报表官网
  • 联系我们
  • 中国·北京·朝阳区科荟前街1号院奥林佳泰大厦9层
  • 商务QQ: 418799587、69893005
  • 商务热线: 010-64808099(5*8小时)
  • 项目外包: 18611788525(5*8小时)
  • 扫码关注我们
Copyright © 2015 北京国炬软件 All Rights Reserved Powered by JEECG 京ICP备2023027727号