Ruoyi integrated building block report (NICE)

Introduce

There are often reports in the project , Visualization screen , Print the requirements for this piece , These manual processes can be cumbersome , This time try to use This component of building block report solves

Integrated into ruoyi

Introduce dependencies , We started with Lord Pom Make version declaration in , Later, we put this dependency into common in

<dependency>
   <groupId>org.jeecgframework.jimureport</groupId>
    <artifactId>jimureport-spring-boot-starter</artifactId>
    <version>1.5.0</version>
</dependency>

<repository>
    <id>jeecg</id>
    <name>jeecg Repository</name>
    <url>https://maven.jeecg.org/nexus/content/repositories/jeecg</url>
    <snapshots>
        <enabled>false</enabled>
    </snapshots>
</repository>

Need to put admin Module spring-boot-devtools Comment out , There may be aop Report errors

security Exclude from

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

RuoYiApplication Add building block scan Directory

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

Front controller

#  Project related configuration 
ruoyi:
  #  Building block report access address 
  reporturl: http://x.x.x.x:8090

To configure

@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";
    }
}

The front-end configuration

import request from "@/utils/request";
// api  To configure 
//  home page 
export function indexUrl(query) {
    
  return request({
    
    url: "/report/jimu/index",
    method: "get"
  });
}
//  preview 
export function view(query) {
    
  return request({
    
    url: "/report/jimu/view",
    method: "get"
  });
}

//  Report design page  jimu.vue
<template>

</template>

<script>
// import { getToken } from '@/utils/auth'
import { indexUrl } from '@/api/tool/jimu'
export default {
  name: "Jimu",
  created() {
    indexUrl().then(res => {

      var open = window.open();
      // open.location = res + "?token=" + getToken();
      open.location = res
    })
  }
}
</script>

<style scoped>

</style>

We don't need token check , Then add

Add menu

Click to jump to a new page , This is our building block report home page