【免费开源】积木JimuBI大屏集成ruoyiVue

JimuBI介绍

JimuBI 是一个JAVA语言的低代码数据可视化大屏BI产品，将大屏、仪表盘、移动面板、图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。

这是JeecgBoot团队出品的另外一款报表产品，积木报表已经成为业内报表首先，预测该大屏即将覆盖全行业。

• 酷炫大屏 轻松设计，通过拖拽完成大屏设计，80多种组件及20多种边框装饰满足您的设计需求。
• 智能仪表盘 简单易用，拖拽式操作自由布局，页面自适应；支持门户交互设计，移动端设计。
• 大屏采用类word风格，可以随意拖动组件，想怎么设计怎么设计，可以像百度和阿里一样，设计出炫酷大屏！

若依介绍

若依基于SpringBoot2.0的权限管理系统 易读易懂、界面简洁美观,文档齐全。核心技术采用SpringBoot、MyBatis、Shiro、Thymeleaf、Bootstrap、Vue没有任何其它重度依赖。直接运行即可用。

本示例以若依Bootstrap单应用版本为例，来介绍若依Vue集成 JimuBI 大屏。

1、项目结构

2、执行初始化脚本

jimureport.sql

3、pom中引入积木BI大屏最新依赖

目前积木BI大屏只支持springboot2版本
注意：使用积木BI大屏需要引入积木报表，集成积木报表
从1.9.1起正式将 jimureport-dashboard-spring-boot-starter 更名为 jimubi-spring-boot-starter，请大家注意区分

<!-- 积木报表 -->
<dependency>
    <groupId>org.jeecgframework.jimureport</groupId>
    <artifactId>jimureport-spring-boot-starter</artifactId>
    <version>1.9.1</version>
</dependency>
<!--积木BI大屏-->
<dependency>
    <groupId>org.jeecgframework.jimureport</groupId>
    <artifactId>jimubi-spring-boot-starter</artifactId>
    <version>1.9.1</version>
</dependency>

• 最新版本可以从 http://jimureport.com/doc/log 中查询到

4、RuoYiApplication添加积木仪表盘扫描路径

@SpringBootApplication(exclude = { DataSourceAutoConfiguration.class }, scanBasePackages = {"com.ruoyi","org.jeecg"})

5、实现扩展接口

@Service
public class OnlDragExternalServiceImpl implements IOnlDragExternalService {
}

6、RedisConfig配置类注入jmRedisTemplate

1.9.0及1.9.0以后版本不需要添加此配置类，1.9.0以前版本需要添加此配置类，否则会影响项目正常启动

@Bean("jmRedisTemplate")
public RedisTemplate<String, Object> stringRedisTemplate(RedisConnectionFactory connectionFactory) {
    RedisTemplate<String, Object> redisTemplate = new RedisTemplate<>();
    redisTemplate.setConnectionFactory(connectionFactory);
    FastJson2JsonRedisSerializer<Object> serializer = new FastJson2JsonRedisSerializer<>(Object.class);
    // 使用StringRedisSerializer来序列化和反序列化redis的key值
    redisTemplate.setKeySerializer(new StringRedisSerializer());
    redisTemplate.setValueSerializer(serializer);
    // Hash的key也采用StringRedisSerializer的序列化方式
    redisTemplate.setHashKeySerializer(new StringRedisSerializer());
    redisTemplate.setHashValueSerializer(serializer);
    redisTemplate.afterPropertiesSet();
    return redisTemplate;
}

7、配置序列化配置白名单

"org.jeecg.modules.drag"

8、SecurityConfig拦截排除

//过滤掉积木报表和仪表盘请求路径
.antMatchers("/jmreport/**","/drag/**").permitAll()

9、yml中配置minidao（可忽略）

#持久层框架
minidao:
  base-package: org.jeecg.modules.jmreport.*,org.jeecg.modules.drag.*

10、启动项目访问

若依默认端口是8080，可以根据自己的需求集成到若依系统里面(如集成到菜单)

仪表盘访问地址：http://localhost:8080/drag/list
若依访问地址：http://localhost:8080

11、常见问题

11.1 访问地址连接丢失请求前缀

产生原因之一：nginx转发时访问是有项目前缀，但请求连接上没有拼接，导致项目请求不到地址

• nginx配置

• 访问地址缺少前缀

• 解决方案：pom文件中填写

  jeecg :
  jmreport:
  #自定义项目前缀
  customPrePath: