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: