devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

1.若依微服务版本集成积木报表_若依 积木报表

作者：你好赵伟 | 2024-06-19 02:42:54

赞

踩

若依 积木报表

一、项目结构

新建报表微服务模块，这是我的项目结构图。

二、执行初始化数据脚本

运行积木报表的初始化脚本，创建相关表结构，github速度太慢，推荐使用 gitee地址。选择你要建表的数据库，我是跟业务库放到了一起，执行完后会新增以下这几张表。

三、pom中引入积木报表依赖

在顶级父pom中声明积木报表的版本号：

  1. <properties>
  2.     <jeccg.jimureport.version>1.5.6</jeccg.jimureport.version>
  3. </properties>

在报表微服务模块添加积木报表的依赖：

  1. <!-- JimuReport -->
  2. <dependency>
  3.     <groupId>org.jeecgframework.jimureport</groupId>
  4.     <artifactId>jimureport-spring-boot-starter</artifactId>
  5.     <version>${jeccg.jimureport.version}</version>
  6. </dependency>

四、启动类添加积木扫描目录

在报表微服务启动类上添加积木报表扫描注解，@SpringBootApplication(exclude = {MongoAutoConfiguration.class},
scanBasePackages = {"org.jeecg.modules.jmreport", "com.iotings.report"})，下面是完整的启动类代码块：

  1. package com.iotings.report;
  2.  
  3. import com.iotings.common.security.annotation.EnableCustomConfig;
  4. import com.iotings.common.security.annotation.EnableRyFeignClients;
  5. import com.iotings.common.swagger.annotation.EnableCustomSwagger2;
  6. import org.springframework.boot.SpringApplication;
  7. import org.springframework.boot.autoconfigure.SpringBootApplication;
  8. import org.springframework.boot.autoconfigure.mongo.MongoAutoConfiguration;
  9.  
  10. /**
  11.  * @description: 报表中心模块
  12.  * @author: wzlUp
  13.  * @date: 2023/06/16 17:05
  14.  * @motto: Done is better than perfect.
  15.  */
  16. @EnableCustomConfig
  17. @EnableCustomSwagger2
  18. @EnableRyFeignClients
  19. @SpringBootApplication(exclude = {MongoAutoConfiguration.class},
  20.         scanBasePackages = {"org.jeecg.modules.jmreport", "com.iotings.report"})
  21. public class IotingsReportApplication {
  22.  
  23.     public static void main(String[] args) {
  24.         SpringApplication.run(IotingsReportApplication.class, args);
  25.         System.out.println(
  26.                 "  .------------------------------------. \n" +
  27.                 " :     __                               :\n" +
  28.                 " :  =='_))  __-:!:-                     :\n" +
  29.                 " :    ,.' .'  ))-:!:-                   :\n" +
  30.                 " :   ((_,'  .'-:!:-  - Report Started - :\n" +
  31.                 " :  ~^~~~^~~^~~~^~                      :\n" +
  32.                 "  `------------------------------------' ");
  33.     }
  34. }

五、配置积木报表数据源

使用代码方式进行数据源的配置：

  1. package com.iotings.report.config;
  2.  
  3. import org.springframework.boot.context.properties.ConfigurationProperties;
  4. import org.springframework.boot.jdbc.DataSourceBuilder;
  5. import org.springframework.context.annotation.Bean;
  6. import org.springframework.context.annotation.Configuration;
  7. import javax.sql.DataSource;
  8. /**
  9.  * @description: 数据源配置类
  10.  * @author: wzlUp
  11.  * @date: 2023/06/25 16:17
  12.  * @motto: Done is better than perfect.
  13.  */
  14. @Configuration
  15. public class DataSourceConfig{
  16.     /**
  17.      *  1、bean的名称必须为minidaoDataSource，否则不生效
  18.      *  2、jeecg.minidao-datasource对应的是yml中的jeecg下的minidao-datasource，可自定义
  19.      */
  20.     @Bean(name="minidaoDataSource")
  21.     @ConfigurationProperties(prefix = "jeecg.minidao-datasource")
  22.     public DataSource dataSource(){
  23.         return DataSourceBuilder.create().build();
  24.     }
  25. }

六、报表微服务配置

在 nacos 中新建 iotings-report-dev.yml 配置文件

以下是我的完整配置数据项：

  1. # spring配置
  2. spring:
  3.   redis:
  4.     host: 127.0.0.1
  5.     port: 6379
  6.     password: 123456
  7.   
  8. #Minidao配置
  9. minidao :
  10.   base-package: org.jeecg.modules.jmreport.*  
  11.  
  12. jeecg:
  13.   minidao-datasource:
  14.     jdbc-url: jdbc:mysql://127.0.0.1:3306/ry-cloud?allowMultiQueries=true&useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&useSSL=false&serverTimezone=GMT%2b8
  15.     username: root
  16.     password: 123456
  17.     driver-class-name: com.mysql.cj.jdbc.Driver
  18.     hikari:
  19.       # 连接池最大连接数
  20.       maximum-pool-size: 400
  21.       # 空闲时保持最小连接数
  22.       minimum-idle: 20
  23.       # 空闲连接存活时间
  24.       idle-timeout: 30000
  25.       # 连接超时时间
  26.       connection-timeout: 1800000
  27.       #池中连接最长生命周期
  28.       max-lifetime: 1800000
  29.   jmreport:
  30.     #数据字典是否进行saas数据隔离(限制只能看自己的字典)
  31.     saas: false
  32.     #是否 禁用导出PDF和图片的按钮 默认为false
  33.     exportDisabled: false
  34.     #是否自动保存
  35.     autoSave: false
  36.     #自动保存间隔时间毫秒
  37.     interval: 20000
  38.     # 列索引
  39.     col: 300
  40.     #自定义项目前缀
  41.     customPrePath: /report
  42.     # 自定义API接口的前缀 #{api_base_path}的值
  43.     # apiBasePath: http://10.10.0.138:83/
  44.     #预览分页自定义
  45.     pageSize:
  46.       - 10
  47.       - 20
  48.       - 50
  49.       - 100
  50.     #打印纸张自定义
  51.     printPaper:
  52.       - title: 标签打印
  53.         size:
  54.           - 140
  55.           - 100        
  56.     #接口超时设置（毫秒）
  57.     connect-timeout: 1800000
  58.     #Excel导出模式(fast/快、primary/精致模式，默认fast)
  59.     export-excel-pattern: fast
  60.     #Excel导出数据每个sheet的行数,每个sheet最大1048576行
  61.     page-size-number: 1048576
  62.     #excel样式超过多少行显示默认样式（只在fast模式下有效）
  63.     excel-style-row: 1048576
  64.     #预览页面的工具条 是否显示 默认true
  65.     viewToolbar: true
  66.     #设计页面表格的线是否显示 默认true
  67.     line: true
  68.     #sql数据源不写字典下拉框显示条数 版本1.4.2之后被放弃
  69.     select-show-total: 10  
  70.  
  71. # mybatis配置
  72. mybatis:
  73.     # 搜索指定包别名
  74.     typeAliasesPackage: com.iotings.report
  75.     # 配置mapper的扫描，找到所有的mapper.xml映射文件
  76.     mapperLocations: classpath:mapper/**/*.xml
  77.  
  78. # knife4j配置
  79. knife4j:
  80.   enable: true
  81. #   basic:
  82. #     enable: true
  83. #     username: iotings
  84. #     password: iotings2023
  85.  
  86. # swagger配置
  87. swagger:
  88.   version: 1.0.0
  89.   title: 报表中心接口文档
  90.   basePackage: com.iotings.report
  91.   termsOfServiceUrl: iotings-center
  92.   description: 报表中心系统接口的说明文档
  93.   contact:
  94.     name: xxx

注意事项：

  • customPrePath路径配置：需要跟网关的断言【predicates】报表关键字保持一致，否则无法进行正确的路由

七、网关微服务配置

在 iotings-gateway-dev.yml 配置文件中添加报表微服务的路由：

  1. routes:
  2.     # 报表中心服务
  3.     - id: iotings-report
  4.       uri: lb://iotings-report
  5.       predicates:
  6.         - Path=/report/**
  7.       filters:
  8.         - StripPrefix=1

在 iotings-gateway-dev.yml 配置文件中添加积木报表的安全配置和不校验白名单：

  1. # 安全配置
  2. security:
  3.   # 验证码
  4.   captcha:
  5.     enabled: true
  6.     type: math
  7.   # 防止XSS攻击
  8.   xss:
  9.     enabled: true
  10.     excludeUrls:
  11.       - /system/notice
  12.       - /report/jmreport/**
  13.   # 不校验白名单
  14.   ignore:
  15.     whites:
  16.       - /auth/logout
  17.       - /auth/login
  18.       - /auth/register
  19.       - /*/v2/api-docs
  20.       - /csrf
  21.       - /message/websocket/**
  22.       - /report/**

八、扩展：Token权限控制

  1. package com.iotings.report.service.impl;
  2.  
  3. import com.iotings.common.core.utils.DateUtils;
  4. import com.iotings.common.core.utils.StringUtils;
  5. import com.iotings.common.security.service.TokenService;
  6. import com.iotings.common.security.utils.SecurityUtils;
  7. import com.iotings.system.api.model.LoginUser;
  8. import org.jeecg.modules.jmreport.api.JmReportTokenServiceI;
  9. import org.springframework.beans.factory.annotation.Autowired;
  10. import org.springframework.http.HttpHeaders;
  11. import org.springframework.stereotype.Component;
  12.  
  13. import javax.servlet.http.HttpServletRequest;
  14. import java.util.HashMap;
  15. import java.util.Map;
  16.  
  17. /**
  18.  * @description: 自定义报表鉴权(如果不进行自定义, 则所有请求不做权限控制)
  19.  * @author: wzlUp
  20.  * @date: 2023/06/25 16:37
  21.  * @motto: Done is better than perfect.
  22.  */
  23. @Component
  24. public class JimuReportTokenServiceImpl implements JmReportTokenServiceI {
  25.  
  26.     @Autowired
  27.     private TokenService tokenService;
  28.  
  29.     /**
  30.      * 通过请求获取Token
  31.      */
  32.     @Override
  33.     public String getToken(HttpServletRequest request) {
  34.         String token = request.getParameter("token");
  35.         String jmToken = request.getHeader("token");
  36.         if (token == null || token.length() == 0) {
  37.             token = jmToken;
  38.         }
  39.         LoginUser loginUser = tokenService.getLoginUser(token);
  40.         if (loginUser != null) {
  41.             return token;
  42.         }
  43.         return "";
  44.     }
  45.  
  46.     /**
  47.      * 获取登录人用户名
  48.      */
  49.     @Override
  50.     public String getUsername(String s) {
  51.         LoginUser loginUser = tokenService.getLoginUser(s);
  52.         return loginUser.getUsername();
  53.     }
  54.  
  55.     /**
  56.      * Token校验
  57.      */
  58.     @Override
  59.     public Boolean verifyToken(String s) {
  60.         if (s != null && s.length() > 0) {
  61.             LoginUser loginUser = tokenService.getLoginUser(s);
  62.             return loginUser != null;
  63.         }
  64.         return false;
  65.     }
  66.  
  67.  
  68.     /**
  69.      *  自定义请求头
  70.      */
  71.     @Override
  72.     public HttpHeaders customApiHeader() {
  73.         HttpHeaders header = new HttpHeaders();
  74.         header.add("X-Access-Token", SecurityUtils.getToken());
  75.         return header;
  76.     }
  77.  
  78.     /**
  79.      * 获取多租户id
  80.      * @return tenantId
  81.      */
  82.     public String getTenantId() {
  83.         String token = SecurityUtils.getCurrentRequestInfo().getParameter("token");
  84.         String header = SecurityUtils.getCurrentRequestInfo().getHeader("X-Access-Token");
  85.         LoginUser loginUser = null;
  86.         if (StringUtils.isNotBlank(token)) {
  87.             loginUser = tokenService.getLoginUser(token);
  88.         } else if (StringUtils.isNotBlank(header)) {
  89.             loginUser = tokenService.getLoginUser(header);
  90.         } else {
  91.             //都不具备则不能访问
  92.             return "NO";
  93.         }
  94.         //具备admin或者管理员权限才可访问所有报表
  95.         if (SecurityUtils.isAdmin(loginUser.getUserid())
  96.                 || loginUser.getRoles().contains("it")
  97.                 || loginUser.getRoles().contains("manger")) {
  98.             return "";
  99.         }
  100.         return loginUser.getUsername();
  101.     }
  102.  
  103.     @Override
  104.     public Map<String, Object> getUserInfo(String token) {
  105.         // 将所有信息存放至map 解析sql会根据map的键值解析,可自定义其他值
  106.         Map<String, Object> map = new HashMap<>(20);
  107.         LoginUser loginUser = tokenService.getLoginUser(token);
  108.         map.put("sysUserCode", loginUser.getUsername());
  109.         //设置当前日期（年月日）
  110.         map.put("sysData", DateUtils.getDate());
  111.         //设置昨天日期（年月日）
  112.         map.put("sysYesterDay", DateUtils.getYesterday());
  113.         //设置当前登录用户昵称
  114.         map.put("sysUserName", loginUser.getSysUser().getNickName());
  115.         //设置当前登录用户部门ID
  116.         map.put("deptId", loginUser.getSysUser().getDeptId());
  117.         //设置当前登录用户描述
  118. //        map.put("describe", loginUser.getSysUser().getDept().getDescribes());
  119.         map.put("describe", loginUser.getSysUser().getDept().getRemark());
  120.         return map;
  121.     }
  122. }

九、前端页面配置

在前端页面中新建 jimureport 文件夹，新建以下vue文件

1、jimu.vue
  1. <template>
  2.   <i-frame :src="openUrl" id="jimuReportFrame"></i-frame>
  3. </template>
  4. <script>
  5.   import { getToken } from '@/utils/auth'
  6.   import iFrame from '@/components/iFrame/index'
  7.   export default {
  8.     name: "Jimu",
  9.     components: {iFrame},
  10.     data() {
  11.       return {
  12.         // 这里写暴露的统一的网关地址
  13.         openUrl: "http://127.0.0.1:8080/report/jmreport/list?token=" + getToken(),
  14.       };
  15.     },
  16.     mounted: function() {
  17.  
  18.     }
  19.   };
  20. </script>
2、view.vue
  1. <template>
  2.   <i-frame :src="openUrl"/>
  3. </template>
  4.  
  5. <script>
  6. import {getToken} from '@/utils/auth'
  7. import iFrame from "@/components/iFrame/index";
  8.  
  9. export default {
  10.   name: 'jimuview',
  11.   components: {iFrame},
  12.   props: {
  13.     reportID: {
  14.       type: [String],
  15.       required: false,
  16.       default: ''
  17.     },
  18.   },
  19.   data() {
  20.     return {
  21.       serverUrl: 'http://127.0.0.1:8080',
  22.       openUrl: '',
  23.     }
  24.   },
  25.   created() {
  26.     if (this.reportID.length != 0) {
  27.       this.openUrl = this.serverUrl + '/report/jmreport/view/' + this.reportID + '?token=' +  getToken()
  28.     } else {
  29.       this.openUrl = this.serverUrl + '/report/jmreport/view/' + this.$route.path.substring(this.$route.path.lastIndexOf("/") + 1) + '?token=' + getToken()
  30.     }
  31.     console.log(this.openUrl)
  32.   }
  33. }
  34. </script>
  35.  
  36. <style scoped>
  37.  
  38. </style>

十、配置报表菜单

先新建一个主类目，我是建立了一个二级菜单，这个可以自定义，随意配置

添加二级目录

十一、集成效果展示

集成后的页面

模板案例页面

报表的设计页面

预览页面

十二、参考资料

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/735117
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号