📄 大屏设计模块使用

pigx-report-platform 是基于开源的 BI 平台 GoView V1.2.6 (opens new window) 实现一个高效的拖拽式低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可制作数据大屏，减少心智负担。

官方文档地址: GoView V1.2.6 (opens new window)
官方反馈地址: GoView V1.2.6 (opens new window)

运行大屏设计

建议将大屏设计的功能与业务应用解耦，使其作为独立的微服务运行。因此，pigx 大屏设计器不支持单体应用的架构。

单体项目建议直接使用 docker 部署goview设计器 (opens new window)，在pigx-ui 中进行iframe 或者独立的入口访问即可

① 修改配置文件

nacos/pigx-report-platform-dev.yml

• 调整数据库配置，这里会自动表结构
• 配置文件上传路径

gv:
  img-path: /Users/lengleng/Downloads/img/

② 运行大屏设计

• IDEA/PigxReportPlatformApplication.main()

③ 访问大屏设计

大屏设计只能通过 PIGX-UI 访问

操作大屏设计

① 创建大屏

② 基本信息配置

③ 组件数据配置

静态数据

• 下载对应组件要求的数据格式模板
• 在数据模板中录入真实业务数据并导入

动态数据

• 动态数据接口指的是数据通过后台接口 ① 进行动态计算返回 Json 数据，具体返回数据格式 严格按照 ② 数据内容要求返回

// 要求使用 data 包裹 ②处数据格式，进行返回，goview 才能识别解析
{
  "data": ②处数据格式
}

• 目标接口要支持跨域访问，PIGX 支持接口跨域配置文档

• 如调用 pigx 现有微服务接口，请注意设置目标接口为 Inner（false）对外暴露

发布大屏

【扩展】goview 源码是如何整合至 pigx ？

如下内容属于很进阶的内容，大家无需尝试自行构建，了解原理即可

什么是 webjar

WebJars 是一种将客户端的 JavaScript 和 CSS 依赖项打包成 JAR 文件的技术。它的目标是简化 Web 开发人员管理和引入前端资源的过程。通过使用 WebJars，开发人员可以像使用任何其他 Maven/Gradle 依赖项一样管理客户端库。

WebJars 的工作原理是将前端库（如 jQuery、Bootstrap、Goview）打包成 JAR 文件，并将其发布到 Maven 中央仓库。然后，开发人员可以将这些 WebJars 作为 Maven/Gradle 依赖项添加到他们的项目中。当构建项目时，依赖管理工具会自动从 Maven 中央仓库下载相应的 WebJar，并将其解压到项目的 classpath 中。

• 源码地址：https://git.pig4cloud.com/big/goview-spring-boot-starter

如下图只需要将 GoView npm run build 构建产物