若依集成积木报表

_____shen静冰

已于 2023-03-20 14:04:43 修改

阅读量2.3k

点赞数 4

分类专栏：若依文章标签： vue.js 前端 javascript

于 2022-06-06 14:25:16 首次发布

本文链接：https://blog.csdn.net/weixin_41317840/article/details/125145719

版权

若依专栏收录该内容

3 篇文章

订阅专栏

本文档介绍了如何在项目中集成积木报表，包括在pom.xml中引入最新依赖，设置RuoYiApplication的扫描目录，配置SecurityConfig以允许匿名访问，以及在Vue前端中配置菜单和iframe来展示报表。此外，还提供了当遇到404错误或静态资源加载失败时，可能需要在nginx中进行的配置调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、pom中引入积木报表最新依赖

        <!--积木报表依赖-->
        <dependency>
            <groupId>org.jeecgframework.jimureport</groupId>
            <artifactId>jimureport-spring-boot-starter</artifactId>
            <version>1.4.4-beta</version>
        </dependency>

2、RuoYiApplication添加积木扫描目录

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

3、SecurityConfig拦截排除

	.antMatchers("/jmreport/**").anonymous()

4、vue配置

菜单配置：常规的页面路由配置
添加的页面

<template>
  <div v-loading="loading" :style="'height:'+ height">
    <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
  </div>
</template>
<script>
  export default {
    name: "Ureport",
    data() {
      return {
      	//src: "http://localhost:8088/jmreport/list", (本地测试用这个地址)
        src: process.env.VUE_APP_BASE_API + "/jmreport/list",//（部署到服务器上用这个地址）
        height: document.documentElement.clientHeight - 94.5 + "px;",
        loading: true
      };
    },
    mounted: function() {
      setTimeout(() => {
        this.loading = false;
      }, 230);
      const that = this;
      window.onresize = function temp() {
        that.height = document.documentElement.clientHeight - 94.5 + "px;";
      };
    }
  };
</script>

在这里插入图片描述

5、如果访问404 。或者静态页面加载失败

可能是nginx需要配置

#给静态资源(js、css等)请求配置实际路由
  location /jmreport {
    proxy_pass http://localhost:8088/jmreport;
    #proxy_redirect off;
    proxy_set_header Host $proxy_host;
    #proxy_set_header X-Real-IP $remote_addr;
    #proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    #proxy_set_header   Cookie $http_cookie;
  }