若依前后分离版集成积木报表嵌入菜单

今天主要是分享积木报表如何嵌入若依项目菜单,上一篇文件已经分享过若依集成积木报表,这里就不再多费口舌了,有需要的朋友可以移步上一篇文章查看:若依前后分离版集成积木报表-CSDN博客

1、首先是后端配置:
      1.1添加后台访问接口

新建文件,在/ruoyi-framework/src/main/java/com/ruoyi/framework/web/controller/下新建JeecgController.java文件,没有controller路径的需要自己手动创建一下,下面的代码直接C、V就行

@RestController
@RequestMapping("/system/jeecg")
public class JeecgController {@PreAuthorize("@ss.hasPermi('system:jeecg:index')")@GetMapping(value = "/getReport")public String getReport(HttpServletRequest request) {String scheme = request.getScheme();String serverName = request.getServerName();int serverPort = request.getServerPort();String baseUrl = scheme + "://" + serverName + ":" + serverPort;return baseUrl + "/jmreport/list";}}

后端配置完成!
2、接下来是前端配置

2.1新增index.vue,该vue的文件路径接下来会用到,所以需要新建一个包跟其他页面放在一起。
ruoyi-ui\src\views\system\jeecg

2.2 index.vue文件内容,直接C+V即可,无需修改:

<template><div v-loading="loading" :style="'height:'+ height"><iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto"/></div>
</template>
<script>
import {getToken
} from '@/utils/auth'
import {indexUrl
} from '@/api/system/jeecg/index'export default {name: "Jeecg",data() {return {src: "",height: document.documentElement.clientHeight - 94.5 + "px;",loading: true,};},created() {indexUrl().then(res => {this.src =  res + '?token=' + getToken()})},mounted: function () {setTimeout(() => {this.loading = false;}, 230);const that = this;window.onresize = function temp() {that.height = document.documentElement.clientHeight - 94.5 + "px;";};}
};
</script>

2.3 在/api/system包下新建jeecg文件夹,然后新建index.js文件

index.js文件内容,直接C+V即可,无需修改:

import request from '@/utils/request'
export function indexUrl() {return request({url: '/system/jeecg/getReport',method: 'get'})
}
 3、添加菜单

防止出错照着抄!!!
OK,刷新页面!点击刚才添加的菜单

成功!

下次分享集成积木报表之后的权限token传递

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/56086.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux 6种查看日志方法

Linux查看日志的命令有多种: tail、cat、head、echo等&#xff0c;本文只介绍几种常用的方法。 1、tail tail -n 10 test.log 查询日志尾部最后10行的日志;tail -n 10 test.log 查询10行之后的所有日志;tail -fn 10 test.log 循环实时查看最后1000行记录(最常用的) 一般还会…

【进阶OpenCV】 (11)--DNN板块--实现风格迁移

文章目录 DNN板块一、DNN特点二、DNN函数流程三、实现风格迁移1. 图像预处理2. 加载星空模型3. 输出处理 总结 DNN板块 DNN模块是 OpenCV 中专门用来实现 DNN(Deep Neural Networks,深度神经网络) 模块的相关功能&#xff0c;其作用是载入别的深度学习框架(如 TensorFlow、Caf…

KANO模型,用户需求与产品设计的必备技能!

在竞争日益激烈的市场中&#xff0c;了解客户需求并提供符合客户期望的产品和服务变得尤为重要。那么有没有一种方法可以作为参考呢&#xff1f;今天小编就带大家了解一下KANO模型。KANO模型&#xff08;Kano Model&#xff09;作为一种帮助企业识别和优先处理客户需求的工具&a…

【NPM】工程化npm(依赖)包开发之基础知识

随着前端项目越来越大且复杂&#xff0c;我这非专业的也来研究下npm库的开发了&#xff01; 最近研究来看&#xff0c;资料错综复杂百花齐放&#xff0c;给整迷糊了&#xff5e;&#xff5e; 这不&#xff0c;来做个笔记梳理下&#xff01; 这篇就先简单介绍下几个概念知识 前言…

Django操作数据库

Django操作数据库 1、ORM框架2、ORM-创建数据库3、ORM-连接数据库4、ORM-操作表4.1、类创建表4.2、修改表结构4.2.1、删除表结构4.2.2、新增表结构 5、ORM-增删改查5.1、新增数据5.2、删除数据5.3、查询数据5.4、更新数据 1、ORM框架 Django开发操作数据库很简单&#xff0c;内…

项目实战:Qt+OpenCV仿射变换工具v1.1.0(支持打开图片、输出棋盘角点、调整偏移点、导出变换后的图等等)

若该文为原创文章&#xff0c;转载请注明出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/143105881 长沙红胖子Qt&#xff08;长沙创微智科&#xff09;博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV、Op…

如何解决JMeter响应数据乱码?

问题&#xff1a; 解决&#xff1a; 1、找到JMeter安装目录下的bin目录 2、 在bin目录下&#xff0c;打开" jmeter.properties "文件 3、搜索"sampleresult.default.encoding" 4、改成"sampleresult.default.encodingUTF-8"&#xff0c;去掉前面…

数字图像处理:图像分割应用

数字图像处理&#xff1a;图像分割应用 图像分割是图像处理中的一个关键步骤&#xff0c;其目的是将图像分成具有不同特征的区域&#xff0c;以便进一步的分析和处理。 1.1 阈值分割法 阈值分割法&#xff08;Thresholding&#xff09;是一种基于图像灰度级或颜色的分割方法&…

图片写入GPS经纬高信息

近期项目中需要往java平台传输图片&#xff0c;直接使用QNetworkAccessManager和QHttpMultipart类即可&#xff0c;其他博文中有分享。 主要是平台接口对所传输图片有要求&#xff1a;需要包含GPS信息&#xff08;经度、纬度、高度&#xff09;。 Qt无法直接实现&#xff0c;…

教育平台的创新设计:Spring Boot实现

3系统分析 3.1可行性分析 通过对本信息化在线教学平台实行的目的初步调查和分析&#xff0c;提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本信息化在线教学平台采用Spring Boot框架&#xff0c;JA…

LINUX1.1

目录 文件夹 文件&#xff1a;存储数据 文件夹&#xff1a;文件的目录 操作系统&#xff1a;广泛应用于服务器、桌面、移动设备和嵌入式系统等领域 应用软件&#xff1a;Linux操作系统以其稳定性、安全性和灵活性著称&#xff0c;广泛应用于服务器、桌面、移动设备和嵌入式系…

【D3.js in Action 3 精译_037】4.1 DIY 实战:D3 源码分析之——d3.timeFormat() 函数

当前内容所在位置&#xff08;可进入专栏查看其他译好的章节内容&#xff09; 第一部分 D3.js 基础知识 第一章 D3.js 简介&#xff08;已完结&#xff09; 1.1 何为 D3.js&#xff1f;1.2 D3 生态系统——入门须知1.3 数据可视化最佳实践&#xff08;上&#xff09;1.3 数据可…

笔记:WPF中MarkupExtension使用的IServiceProvider参数都有哪些

一、目的&#xff1a;WPF中MarkupExtension使用的IServiceProvider参数都有哪些&#xff0c;都是做什么的 在 WPF 中&#xff0c;MarkupExtension 类的 ProvideValue 方法接受一个 IServiceProvider 参数。IServiceProvider 是一个服务定位器接口&#xff0c;允许你在运行时获取…

深入理解 Kafka

一、引言 在当今的大数据和分布式系统时代&#xff0c;高效的消息传递和处理是构建可靠、可扩展应用的关键。Apache Kafka 作为一种高吞吐量的分布式发布 - 订阅消息系统&#xff0c;在众多领域中发挥着重要作用。本文将深入探讨 Kafka 的核心概念、架构、工作原理、应用场景以…

Axure重要元件三——中继器修改数据

亲爱的小伙伴&#xff0c;在您浏览之前&#xff0c;烦请关注一下&#xff0c;在此深表感谢&#xff01; 课程主题&#xff1a;中继器修改数据 主要内容&#xff1a;显示编辑内容、表格赋值、修改数据 应用场景&#xff1a;更新行、表单数据行修改 案例展示&#xff1a; 正文…

前端算法合集-2(含面试题-美团一面)

主要考察的就是数组扁平化,由浅入深吧 ①利用tostring()和split() let arr [1, 2, 3, [4, 5, 6], [7, 8, [9, 10, 11], 12], [13, 14, 15]] let newarrarr.toString().split(,) let numarrnewarr.map((item)>{itemNumber(item)return item }) console.log(numarr) ②利用…

AndroidStudio移动开发:使用Service播放音乐【步骤】

目录 一、创建新application 二、准备音乐文件 三、创建项目和布局&#xff08;如果需要交互界面的话&#xff0c;这里简单假设一个基本布局&#xff09; 四、创建MusicService类 五、在MainActivity中启动和控制Service&#xff08;也可以另外创建MusicActivity类&#x…

MoeCTF 2024 ---Misc方向WP

安全杂项 signin 题目描述&#xff1a; xdsec的小伙伴们和参赛者来上课&#xff0c;碰巧这一天签到系统坏了&#xff0c;作为老师的你&#xff0c;要帮他们 教师代签。 特殊提醒&#xff1a;luo同学今天好像在宿舍打游戏&#xff0c;不想来上课&#xff0c;这是严重的缺勤行为…

实现mysql定时执行任务

使用场景&#xff0c;每天想定时去执行一次数据同步&#xff0c;可以进行实现每天某个时间段去查询两个数据库表中数据进行数据同步 具体步骤包括两步&#xff1a; 先查看定时任务是否开启 SHOW VARIABLES LIKE event_scheduler; #查看是否开启&#xff0c;NO表示开启,默认是…

【数据分享】全国人口-人口年龄结构和抚养比(1990-2021年)

数据介绍 一级标题指标名称单位指标解释人口年末总人口万人年末人口数指每年12月31日24时的人口数。年度统计的全国人口总数内未包括香港、澳门特别行政区和台湾省以及海外华侨人数。1981年及以前人口数据为户籍统计数&#xff1b;1982、1990、2000、2010、2020年数据为当年人口…