发帖|

关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 69893005、418799587 商务热线(5*8小时): 010-64808099 官方邮箱: jeecg@qq.com

查看: 14|回复: 0

开源免费首发!首款真正的AI大屏诞生JimuBI

J 小助2026-11-1214阅读1分钟版块:积木资讯
[复制链接]
发表于 7 小时前 | 显示全部楼层 |阅读模式

真正的 AI 大屏来了! 一句话生成大屏,一句话添加组件,一句话改配置。先对话讨论方案,再一键应用修改——全流程自然语言驱动。

在线体验:https://jimureport.com/login,登录即可体验 AI 生成大屏、AI 生成组件、AI 修改大屏等全部功能。

为什么数据大屏开发需要 AI?

做过数据大屏的人都知道,最耗时的从来不是"写代码",而是"调"——调布局、调配色、调图表类型、调数据映射。一个看起来还不错的大屏,真正落地可能要前端工程师折腾两三天。更痛苦的是,好不容易调好了,需求方一句"风格不太对",又得从头来过。

JimuReport积木报表的 BI 大屏模块(JimuBI)从 v2.5.0 版本开始,内置了一套完整的 AI 助手体系。它不是那种"帮你选个模板"的花架子,而是真正能理解自然语言、自动完成设计决策的生产力工具。整套能力覆盖三个核心场景:

场景 一句话描述 入口
AI 生成大屏 从零开始,一句话生成包含完整组件的数据大屏 大屏列表页 → 新建 → AI生成大屏
AI 生成组件 在已有大屏中,用自然语言按需添加图表/卡片/表格等组件 设计器顶部工具栏 → Ai+ 按钮
AI 修改大屏 对话式调整大屏风格、组件样式、数据绑定,支持讨论和回滚 设计器右下角 → AI 修改配置

从"从无到有"到"持续调优"再到"灵活扩展",三大能力串联起大屏开发的完整生命周期,全程用自然语言驱动,不需要手动翻配置面板。

AI 一句话生成完整大屏

这是最直观的能力——告诉 AI 你想要什么样的大屏,它直接帮你搭好。

进入 BI 工作台的「数据大屏」列表,点击「新建」按钮,在下拉菜单中选择 AI生成大屏:

AI生成大屏入口

弹出的生成对话框提供了三个实用功能,帮你快速上手:

功能 解决什么问题
需求描述 用大白话写你想要的大屏——包含哪些图表、什么风格、展示什么数据
AI 润色 一键把口语化的描述优化为结构化需求,适合不熟悉大屏术语的业务人员
编写建议 给出需求描述的最佳实践,帮助写出更精准的 Prompt

不知道写什么?直接点击内置的示例模板,一键填入需求。模板涵盖了工业(数字孪生港口、智慧工厂)、政务(民生看板)、金融(券商交易室)、电商(含地图的运营大屏)、安防(含热力图的监控大屏)等主流场景。

AI生成大屏对话框

输入需求后点击「生成大屏」(或快捷键 Ctrl + Enter),AI 会查阅内置的大屏知识库,流式展示设计进度。以"券商交易室监控大屏"为例,AI 自动生成了 KPI 指标卡、排行榜、全国资金流向地图、成交量趋势折线图、涨跌分布、环形图和情绪仪表盘——布局合理、组件齐全、配色一致:

大屏生成结果

传统做法,一个前端可能要两三天才能完成这样一个大屏的初版。AI 几十秒搞定,你只需要在这个基础上微调细节。

如果 AI 调用失败(网络波动、模型超时等),系统会自动回退到内置模板兜底,新建流程不会中断。

AI 生成大屏组件:三种数据源,按需出图

除了整屏生成,JimuBI 还支持在已有大屏中用 AI 单独生成组件。这个能力在 v2.5.0 中做了重大升级——统一了入口,扩展了数据源类型,交互体验也全面翻新。

点击设计器顶部工具栏的 Ai+ 图标按钮,弹出黑色主题的 AI 生成对话框:

AI生成大屏组件对话框

对话框功能区一览

对话框包含五个核心区域:

区域 说明
需求描述 输入自然语言描述你想要的组件,支持多行输入
上传文件数据集 上传 CSV/Excel 等文件作为数据源(最大 2000 字符)
编写建议 展开查看 AI 编写提示,帮助写出更精准的需求描述
试一试 内置示例模板,按标签分类,点击即自动填入,快速体验
@ 输入 @ 快捷引用已有的图表组件和数据集
数据源模式一:通过 API 接口生成

在需求描述中直接给出 API 地址,AI 会自动请求接口、解析返回字段、选择图表类型、映射数据维度,一步到位生成组件。

点击「试一试」中的示例标签即可快速体验:

示例 说明
销量排行柱形图(API) 根据 API 返回的销量数据,生成排行柱形图
季度用户增长折线图(API) 根据用户增长接口数据,生成折线趋势图
统计概览卡片(API) 根据统计汇总接口,生成 KPI 数字卡片
设备监控仪表盘(API) 根据设备状态接口,生成仪表盘组件
区域销售地图(API) 根据区域销售数据接口,生成地图组件
实时数据轮播表(API) 根据实时数据接口,生成滚动轮播表格

使用方式非常直接——在输入框写一句话,比如:

根据接口:https://api.jeecg.com/mock/31/graphreport/aiproducttest,生成销量排行柱形图

AI 自动完成:请求接口 → 解析返回字段 → 选择图表类型 → 映射数据维度 → 生成组件到画布。

数据源模式二:通过 SQL 数据集生成

这是最强大的模式——你用自然语言描述分析需求,AI 自动生成 SQL、执行查询、映射字段、生成图表,全程不需要写一行代码。

比如输入"统计示例表中的男女比例,生成基础饼状图",AI 会自动写出 SELECT gender, COUNT(*) AS count FROM example_table GROUP BY gender,执行后直接出图。

SQL数据集生成组件

你也可以直接提供 SQL:

根据SQL查询:SELECT gender, COUNT(*) AS count FROM example_table GROUP BY gender,生成性别分布饼状图
数据源模式三:上传文件数据集

点击对话框中的「上传文件数据集」按钮,上传 CSV / Excel / JSON 文件作为数据源。AI 自动解析文件内容并生成对应的可视化组件。

上传文件数据集

快捷操作技巧
快捷键 作用
Enter 应用生成,将组件添加到画布
Shift + Enter 换行(多行输入)
@ 快速引用已有图表组件和数据集

AI 修改大屏:先讨论方案,再执行修改

如果说 AI 生成大屏解决的是"从 0 到 1",那么 AI 修改大屏解决的就是实际工作中最高频的痛点——反复调整。

领导说"配色不对",设计说"标题再大一点",产品说"折线图改面积图"。每一个修改都得在属性面板里翻来翻去找对应配置项。改 10 次,重复 10 次。

现在,你只需要说一句话。

点击设计器右下角的 「✦ AI 修改配置」 按钮,弹出 AI 修改面板:

AI修改大屏面板-模式切换

讨论 / 应用修改 双模式

面板底部有模式标签和两个操作按钮,通过模式切换实现"先聊方案、再动大屏":

模式 Enter 的行为 适用场景
应用模式 直接修改大屏并落库 需求明确,想快速改动
讨论模式 AI 只给文字方案,不改大屏 先聊方案、澄清细节再动手

三种切换方式:点击底部彩色模式标签(如 ● 应用模式)、按 Ctrl + Enter、或直接点击非当前模式的按钮。Enter 键记忆上次模式,切换后在整个会话内保持,不会自动跳回。

典型工作流——先讨论、后应用:

  1. 切到讨论模式,输入需求按 Enter,AI 返回纯文字方案,大屏不动
  2. 继续追问细节,多轮对话打磨方案
  3. 方案满意后点击「应用修改」,AI 按方案真正修改大屏(模式自动切回应用模式)
  4. 不满意?一键「回滚上次」撤销

比如先问"柱状图配色不好看,怎么改?",AI 给出分步方案,大屏零改动:

讨论模式方案

继续追问"换成科技蓝渐变,字号也调大",AI 返回更细化的配置说明:

讨论细化方案

Markdown 渲染

AI 回复支持完整的 Markdown 格式渲染——代码块带语法高亮、列表有缩进、表格清晰排版,方案可读性远超纯文本:

Markdown渲染效果

快捷操作标签

面板底部提供一组快捷标签,点击即可快速定位到常见修改场景:改背景、加边框、改标题、绑数据、改配色、调大小、改字体、加圆角。

也可以用自由的自然语言描述修改需求。输入 / 选择组件或数据集,输入 # 选择配置项,让指令精准到具体元素。每次「应用修改」前系统自动保存快照,随时可回滚,零风险试错。

一分钟接入大模型

JimuBI v2.5.0 基于 Spring AI 直连,接入流程非常简洁。

前置条件:JDK 17+ / Spring Boot 3.x,以及一个 OpenAI 兼容大模型端点。

在 application.yml 中添加三行配置:

jeecg:
  jmreport:
    ai:
      base-url: https://api.deepseek.com
      api-key: sk-xxxxxxxx
      model: deepseek-v4-pro

重启服务,AI 助手即激活。推荐 DeepSeek(国内环境友好、性价比高、中文理解能力强),也支持 OpenAI、通义千问、智谱 GLM、本地 Ollama 等任何 OpenAI 兼容端点,换个 base-url 和 model 即可。

如果宿主应用已集成 Spring AI(存在 ChatClient.Builder 或 ChatModel Bean),JimuBI 会自动复用,连上面的配置都可以省掉。


总结

JimuReport积木报表的 BI 大屏 AI 助手,把数据大屏开发从"技术驱动"变成了"对话驱动"。

三个核心能力——一句话生成完整大屏、AI 生成任意组件(支持 API / SQL / 文件三种数据源)、讨论+应用双模式的对话式修改——覆盖了大屏从搭建到调优的完整流程。再加上基于 Spring AI 的极简接入方式,三行 YAML 就能打通 DeepSeek、OpenAI、通义千问等几乎所有主流大模型。

数据大屏开发,已经进入对话时代。


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

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表