若依vue集成积木报表
时间: 2023-11-19 19:07:26 浏览: 321
若依(RuoYi)是一个基于Spring Boot和Spring Cloud的快速开发平台,积木报表是一个基于Vue.js的报表工具。若依集成积木报表需要进行以下步骤:
1. 在RuoYi中添加积木报表的扫描目录,可以在RuoYiApplication类上添加`scanBasePackages`参数,如下所示:
```java
@SpringBootApplication(exclude = { DataSourceAutoConfiguration.class }, scanBasePackages = {"org.jeecg.modules.jmreport","com.ruoyi"})
```
这里将`org.jeecg.modules.jmreport`和`com.ruoyi`两个包添加到了扫描目录中。
2. 在RuoYi的安全配置类SecurityConfig中排除积木报表的拦截,可以在`configure`方法中添加如下代码:
```java
.antMatchers("/jmreport/**").anonymous()
```
这里将`/jmreport/**`路径下的请求排除了拦截。
3. 在RuoYi的前端页面中引入积木报表的Vue组件,可以在需要使用积木报表的页面中添加如下代码:
```vue
<template>
<jm-report></jm-report>
</template>
<script>
import JmReport from '@/components/jm-report'
export default {
components: {
JmReport
}
}
</script>
```
这里通过`import`语句引入了积木报表的Vue组件,并在模板中使用了该组件。
4. 在积木报表中执行SQL语句,可以在积木报表的页面中添加SQL数据源,并在报表设计器中使用该数据源执行SQL查询。
阅读全文