若依框架（ruoyi vue版）集成jeecg积木报表详细开发过程（四）

最新推荐文章于 2025-03-05 09:23:31 发布
最新推荐文章于 2025-03-05 09:23:31 发布
阅读量2.3k 收藏 13
点赞数 5
分类专栏： jeecg积木报表 若依框架 文章标签： java 前端框架 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_53067723/article/details/139444907
版权

引言

        若依框架（ruoyi vue版）集成jeecg积木报表详细过程，主要说明jeecg积木报表的集成、jeecg积木报表嵌入若依菜单、token权限控制，以及iframe嵌入表格等内容。

iframe嵌入表格

将我们设计好的表格嵌入到菜单里面，上一篇已经介绍了如何进行token权限控制，现在我们主要要做的是将表格嵌入到我们的菜单里面，通过iframe来实现我们的需求。

1、前端配置

新增view.vue文件，新增的文件路径必须在views文件夹中，具体路径待会还会用到的。

代码片段：src用于表格的跳转链接（ eg.），height是表格的显示高度 

最低0.47元/天 解锁文章
若依框架集成JimuReport积木报表
乘风偷月的博客
06-27 2万+
若依框架集成积木报表的过程及使用。因为我在实际项目中需要用到在线设计打印样式，于是，在百度上搜索一圈，找到了JimuReport积木报表的介绍，而且该项目是完全免费的可应用到企业项目中，这点...
若依ruoyi集成积木报表（前后端分离版）
feixue8823的博客
06-07 4237
若依分离板集成积木报表，前后端代码分享，以及解决静态资源未加载成功问题。
若依前后端分离版集成积木报表和大屏
qq_55896432的博客
01-10 4108
本文将以若依框架前后端分离版为基础，详细介绍如何集成积木报表和大屏，并且配置相应权限。为了更好得集成积木报表和大屏功能，会介绍如何从后端获取数据进行显示。
安装若依框架（第一课）
最新发布
m0_61261153的博客
03-05 1199
若依是一款基于Spring Boot和Vue.js的开源Java快速开发脚手架，支持OAuth2、JWT鉴权，集成多种安全框架和持久化框架。它提供了系统管理、监控管理、任务调度、代码生成等常用功能模块，适合中小型公司快速搭建Web应用。
ruoyi-vue集成积木报表
qq_38382365的博客
07-17 954
先看看成果，更有动力。
ruoyi vue版集成积木报表
m0_68940359的博客
08-23 736
ruoyi vue版集成积木报表
若依框架（ruoyi vue版）集成jeecg积木报表详细开发过程（一）
weixin_53067723的博客
05-06 2025
在这篇文章中，将介绍如何在若依框架的Vue版本中集成JEECG积木报表。文章将详细解释整个过程，包括所需的步骤和操作。首先，将介绍如何准备环境和所需的工具。然后，会逐步说明如何将JEECG积木报表集成到若依框架中，包括配置和代码修改。
若依集成积木报表
AYANBAO的博客
04-25 2808
在文件中，自定义项目前缀（主要用于菜单集成）。jeecg :jmreport:#自定义项目前缀，必须与前端 process.env.VUE_APP_BASE_API 的值一致。
若依框架（ruoyi vue版）集成jeecg积木报表详细开发过程（二）
weixin_53067723的博客
06-04 1341
（1）新增index.vue，该vue的文件路径待会需要用到，所以最好新建一个包跟其他页面放在一起。（2）在/api/system/jeecg包下新建index.js文件（没有对应的包新建即可）若依框架（ruoyi vue版）集成jeecg积木报表详细过程，主要说明。新增ReportController，用于转发积木报表访问的URL地址。jeecg积木报表嵌入若依菜单。jeecg积木报表的集成。iframe嵌入表格。
若依框架（ruoyi vue版）集成jeecg积木报表详细开发过程（三）
weixin_53067723的博客
06-04 2502
若依框架集成积木报表的token权限控制
若依框架（ruoyi vue版）集成jeecg积木报表整体完整实用教程（超长篇幅耐心阅读）
weixin_53067723的博客
07-11 2594
若依框架（ruoyi vue版）集成jeecg积木报表整体完整实用教程，主要说明jeecg积木报表的集成、jeecg积木报表嵌入若依菜单、token权限控制，以及iframe嵌入表格等内容。
Ruoyi-Vue 3.8.9集成积木报表JmReport和积木大屏JimuBI
01-08 3577
最近进行了RuoYi-Vue框架升级，造成积木报表无法使用。经过努力终于解决了，同时集成了积木报表和积木BI。如有需要的朋友可以作为参考。
积木报表如何集成
leijmdas的专栏
06-20 1135
报表设计：在Jimu报表工作台中，可以设计报表、图形报表、打印设计等。Jimu报表提供了报表管理模块、报表设计模块和模板案例模块，可以根据需求设计不同的报表类型。集成到现有项目：根据项目需求，将Jimu报表集成到现有的项目中，可能需要进行一些额外的配置，如权限控制、API接口前缀等。启动Jimu报表服务：启动Jimu报表的Spring Boot应用，访问指定的URL进入Jimu报表工作台。配置系统变量：设置与当前登录人相关的系统变量，例如用户账户、用户部门编码等，以便在报表设计中使用这些变量。
SpringBoot 集成积木报表
陌陌龙的博客
08-22 1723
积木报表是jeecg的一款开源但代码不开源的一款自定义报表，可以基于网页灵活 调整报表的布局、样式等内容，无需编程，专为企业数据分析、报表制作而设计；降低管理人员汇总制作报表的门槛，解决各类日常管理和汇报的难题。但是因为 代码不开源所以，很多公司商用时会因为积木报表logo、tilte、路由等陷入尴尬局 面，本文基于SpringBoot实现整合积木报表，实现自有化报表项目集成。tile的logo与报表icon资源在 static目录下jmreport目录下desreport_目录下的corelib目录中。
ruo-vue集成积木报表
天码星空
05-12 4519
1. 引入依赖 <!-- JimuReport --> <dependency> <groupId>org.jeecgframework.jimureport</groupId> <artifactId>jimureport-spring-boot-starter</artifactId> <version>1.5.0-beta</version> </dependency>
ruoyi vue 集成积木报表真实记录
qq_35226176的博客
06-05 976
按官方文档集成即可。
Ruoyi框架集成积木报表
qq_25357151的博客
01-24 1888
本示例以RuoYi-Vue-fast分离版本为例。
若依ruoyi框架集成第三方报表工具（集成jmreport积木报表）
AVATAR
04-12 9942
若依ruoyi框架集成第三方报表工具（集成jmreport积木报表）
若依框架集成积木报表
01-10
### 若依框架中集成积木报表 #### 1. 添加依赖项 为了在若依框架中集成积木报表，首先需要在项目的 `pom.xml` 文件中添加积木报表的相关依赖。具体来说，在 `<dependencies>` 节点下加入如下配置： ```xml <dependency> <groupId>org.jeecgframework.jimureport</groupId> <artifactId>jimureport-spring-boot-starter</artifactId> <version>${version}</version> </dependency> ``` 这一步骤确保了项目能够访问并使用积木报表所提供的功能[^3]。 #### 2. 修改启动类配置 接着修改应用程序的启动类（通常是 `RuoYiApplication.java`），通过设置 `@SpringBootApplication` 注解中的参数来指定要扫描的基础包路径，以便 Spring Boot 可以自动发现和加载积木报表模块下的组件和服务： ```java @SpringBootApplication( exclude = {DataSourceAutoConfiguration.class}, scanBasePackages = {"org.jeecg.modules.jmreport", "com.ruoyi"} ) public class RuoYiApplication { public static void main(String[] args) { SpringApplication.run(RuoYiApplication.class, args); } } ``` 此操作允许应用识别来自不同命名空间内的自定义业务逻辑单元以及第三方库提供的扩展特性。 #### 3. 创建前端展示页面 对于前端部分，则可以通过创建一个新的 Vue 组件来进行报表数据的显示。这里给出一个简单的例子——名为 `Jimu.vue` 的文件片段展示了如何利用 iframe 来嵌入外部资源作为报表查看器： ```vue <template> <div> <!-- 使用 iFrame 展示报表 --> <i-frame :src="openUrl" id="jimuReportFrame"></i-frame> </div> </template> <script> import { getToken } from '@/utils/auth'; import IFrame from '@/components/iFrame/index'; export default { name: 'Jimu', components: {IFrame}, data() { return { // 动态拼接 URL 地址，携带 token 参数实现身份验证 openUrl: `${process.env.VUE_APP_BASE_API}/jove-report/jmreport/list?token=${getToken()}` }; }, }; </script> ``` 上述代码实现了将后端 API 返回的数据渲染为可视化的 HTML 页面，并支持跨域请求的身份认证机制[^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值