Skip to content

大屏预览与发布

预览模式

预览模式让你在发布前验证大屏的实际渲染效果。

进入预览

  1. 在大屏编辑器中点击工具栏「预览」按钮
  2. 或在大屏列表中点击「预览」图标

预览特性

特性说明
全屏展示按画布比例自适应屏幕
实时数据从配置的数据源加载数据
自动刷新按配置的刷新频率更新数据
交互测试测试组件交互效果(如 tooltip、点击)

预览与编辑切换

预览模式下点击右上角「返回编辑」按钮回到编辑器。

发布大屏

发布操作

  1. 在大屏编辑器中点击「发布」按钮
  2. 或在大屏列表中点击「发布」
  3. 系统生成大屏的独立访问链接

发布链接

发布后生成两种链接:

链接类型格式说明
预览链接/report/view/{code}需要登录认证
公开链接/report/public/{code}无需认证,适用于嵌入

公开链接默认关闭,需要在大屏设置中手动开启。

嵌入集成

iframe 嵌入

将大屏嵌入到其他系统页面中:

html
<iframe
  src="http://forge.example.com/report/public/sales_dashboard"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

嵌入参数

通过 URL 参数控制大屏展示行为:

参数说明示例
fullscreen强制全屏?fullscreen=true
noheader隐藏顶部栏?noheader=true
theme主题样式?theme=dark

大屏管理

状态管理

状态说明
草稿编辑中,未发布
已发布生成访问链接,可访问
已下线停止访问,链接失效

版本管理

  • 每次发布生成一个版本
  • 可回滚到历史版本
  • 已发布版本修改后需重新发布生效

权限控制

权限说明
大屏管理创建、编辑、发布大屏
大屏查看查看已发布的大屏
公开访问通过公开链接访问

下一步

Forge Admin — 基于 Vue3 + Spring Boot 的企业级后台管理框架