ruoyi集成积木报表(nice)

项目中经常有报表，可视化大屏，打印这块的需求，这些手动处理会很麻烦，这次尝试用 积木报表这个组件解决

引入依赖，我们首先在 主Pom中做版本声明，后面我们把这个依赖放到 common 中

   org.jeecgframework.jimureport
    jimureport-spring-boot-starter
    1.5.0



    jeecg
    jeecg Repository
    https://maven.jeecg.org/nexus/content/repositories/jeecg
    
        false
    

需要把 admin 模块中的 spring-boot-devtools 注释掉，可能会出现 aop 报错

security 中排除

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

RuoYiApplication添加积木扫描目录

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

前端控制器

# 项目相关配置
ruoyi:
  # 积木报表访问地址
  reporturl: http://x.x.x.x:8090

配置

@RestController
@RequestMapping("/report/jimu")
public class JimuController {
    @Autowired
    Environment environment;

    @GetMapping("/index")
    @PreAuthorize("@ss.hasPermi('report:jimu:index')")
    public String index(){
        // String hostIp = IpUtils.getHostIp();
        return environment.getProperty("ruoyi.reporturl")+"/jmreport/list";
    }

    @GetMapping("/view")
    @PreAuthorize("@ss.hasPermi('report:jimu:view')")
    public String view(){
        return environment.getProperty("ruoyi.reporturl")+"/jmreport/view";
    }
}

前端配置

import request from "@/utils/request";
// api 配置
// 首页
export function indexUrl(query) {
  return request({
    url: "/report/jimu/index",
    method: "get"
  });
}
// 预览
export function view(query) {
  return request({
    url: "/report/jimu/view",
    method: "get"
  });
}

// 报表设计页面 jimu.vue

我们这边不需要 token 校验，后续再加上

添加菜单

点击后会跳转到一个新的页面，就是我们的积木报表主页了