若依框架(ruoyi vue版)集成jeecg积木报表详细开发过程(二)

引言

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

积木报表嵌入菜单

1、后端配置

        新增ReportController,用于转发积木报表访问的URL地址

package com.ruoyi.framework.web.controller;

import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;

@RestController
@RequestMapping("/system/jeecg")
public class ReportController {

    @PreAuthorize("@ss.hasPermi('system:jeecg:index')")
    @GetMa
### 若依框架集成积木报表 #### 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、付费专栏及课程。

余额充值