可配置大屏--AJ-report使用说明(有问题可私信)

最新推荐文章于 2025-03-05 14:21:20 发布

well先生_

最新推荐文章于 2025-03-05 14:21:20 发布

阅读量2.7k

点赞数 28

文章标签：前端大屏端

本文链接：https://blog.csdn.net/m0_71863467/article/details/133678633

版权

一、安装/下载

强烈建议大家要是第一次使用的话使用最新版本，无他，功能多啊，不然后面使用很难受，老是需要更新！！！

项目gitee地址：https://gitee.com/anji-plus/report
项目github地址：https://github.com/anji-plus/report
项目文档：https://ajreport.beliefteam.cn/report-doc/
项目示例：https://ajreport.beliefteam.cn/index.html#/index

在这里插入图片描述

找到自己需要的版本直接使用 git clone 地址就好了，然后进行安装依赖npm i。

二、开发环境

官网说的是以下版本存在兼容问题，不要使用：
Node.js V16及以上
openJdk
Jdk 1.7及以下/11及以上（jdk11部分版本有问题）
Mysql 8.0（8.0.23/26版本没有问题，8.0.21版本存在问题），
其实前端要注意的地方也没啥，主要就是Node.js V16版本及其以下，其他的就没了。

三、文件初始化

官网说修改：目录地址：report-ui --> config --> prod.env.js，将BASE_API地址，改成自己后端服务所在机器的ip地址，
在这里插入图片描述

但是试用的时候偶尔会发现一点别的问题，启动不起来，所以建议大家修改两个地方：
report-ui --> config --> prod.env.js和report-ui --> config --> dev.env.js的BASE_API地址。
别的就没啥了，使用npm run dev将启动就好。

四、配置

我使用的是http的接口，所以不用配置数据源，直接配置数据集就好，方便快捷
在这里插入图片描述

相当简单，配置个名字，地址，点个数据预览，数据能出来说明就OK了。当然，你需要什么数据可以给后端说一下，一般是一个展示名字，一个名字对应的code，方便传值和联动！

我把联动也放在这个位置，联动比较重要，有些刚看文档的朋友可能看不懂，我在这写一下。
例如这是下拉框的数据：

[
  {
    "data_name": "北京",
    "data_code": "beijing"
  },
  {
    "data_name": "上海",
    "data_code": "shanghai"
  },
  {
    "data_name": "天津",
    "data_code": "tianjin"
  },
  {
    "data_name": "深圳",
    "data_code": "shenzhen"
  }
]

这是需要联动的组件：

在这里插入图片描述
condition是进行联动，往后端传的值，查询参数中配置的是默认的值，比如：你要是想默认是北京的数据，那这里的配置就是beijing，初始组件展示的值。