jeecg带参数路由菜单配置

最新推荐文章于 2024-01-10 10:24:24 发布
最新推荐文章于 2024-01-10 10:24:24 发布
阅读量4k 收藏 5
点赞数 3
分类专栏： jeecg 文章标签： vue web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42001961/article/details/117469242
版权

需求：同一个页面根据传入的不同参数请求接口展示不同内容

jeecg带参数路由菜单配置

jeecg文档中提供了相关配置参数的文档，只是没有示例，乍一看不知道从何下手，特此记录一下。带参数路由文档链接

1.建一个隐藏路由菜单

在这里插入图片描述

2.建具体路由

再新建一个路由，因为是相同的页面不同的参数，所以菜单路径和前端组件所指向的都是相同的，只不过配置的/:code和/:id变成了具体的值

在这里插入图片描述

提示：建完路由后不要忘记给当前用户授权新建的路由菜单然后刷新，否则会发现找不到新建的菜单

访问的页面从this.$route.params里就可以获取到配置的code和id了

又菜又爱玩a
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
JEECG-BOOT-前端项目-路由菜单动态生成
qq_42829835的博客
01-13 5386
JEECG-BOOT-前端项目-路由菜单动态生成 前端入口文件调用情况讲解 index.html → main.js → permission.js →/store/modules/user.js → /utils/util.js permission.js中对于用户权限数据的获取 permission.js中对于前端路由菜单的生成 一、介绍详解： index.html → main.js ...
jeecg-boot-2.1 Online表单 vue 路由页面
08-28
jeecg-boot-2.1 Online表单 vue 路由页面 jeecg-boot是一款基于代码生成器的JAVA快速开发平台！采用最新技术，前后端分离架构：SpringBoot 2.x，Ant Design&Vue;，Mybatis，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码，绝对是全栈开发福音！！ JeecgBoot的宗旨是提高UI能力的同时,降低前后分离的开发成本，JeecgBoot还独创在线开发模式，No代码概念，一系列在线智能开发：在线配置表单、在线配置报表、在线设计流程等等。
JeecgBoot 动态路由配置带参路由
weixin_46166771的博客
04-13 2612
菜单路径/Res/1,其中这个1为随机数（可以根据个人定义）/Res/:resType： （resType为变量）1.创建菜单（菜单路径跟隐藏菜单的前端组件地址一样）备注：因菜单较多，90%重复，新增、编辑不同。3、怎么拿到这个菜单路径。2、新增一个隐藏路由。
jeecgBoot 路由配置和自定义路由配置
m0_65730686的博客
11-11 3502
jeecgBoot 路由配置和自定义路由配置
JeecgBoot配置带参路由
qq_45427317的博客
03-11 3668
JeecgBoot配置带参路由
jeecg boot框架学习（1）— 菜单配置以及菜单路由原理
08-27 8130
菜单路由 main.js 中引入permission.js permission.js主要用于路由守卫相关内容 permission.jsp判断store中是否权限数组是为空，为空调用GetPermissionList方法，GetPermissionList定义在\src\store\modules\user.js文件中 获取相关权限。 注意事项 下级菜单会自动继承一级菜单的compon...
Vue结合路由配置递归实现菜单栏功能
11-20
如果需要添加新的菜单，只需要在路由配置中新增一条路由，就可以实现菜单的添加。 相信大家和我一样，有时候会跃跃欲试自己去实现一个菜单栏。那今天我就将自己实现的菜单栏的整个思路和代码分享给大家。 本篇文章...
Vue 动态设置路由参数的案例分析
08-27
Vue 动态设置路由参数的案例分析 本篇文章主要介绍了 Vue 动态设置路由参数的案例分析，通过两个实践案例，展示了如何使用 Vue 实现动态设置路由参数。 第一部分：使用 this.$router.go() 实现路由跳转 在 Vue 中...
详解vue 路由跳转四种方式 (带参数)
12-29
1. router-link 1. 不带参数 <router to={path:> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，...// 路由配置 path: /home/:id 或者 path: /home:id
vue addRoutes实现动态权限路由菜单的示例
08-27
vue addRoutes实现动态权限路由菜单的示例 本篇文章主要介绍了使用vue addRoutes实现动态权限路由菜单的示例，实现了根据登录用户的权限不同分别拉取的导航菜单的效果。下面是相关知识点的详细说明： 一、什么是...
jeecg-boot 隐藏菜单操作步骤
xrl2012的专栏
04-18 3362
背景: 对于一些业务场景， 需要在点击当前页面按钮，打开一个新的tab页面， 这个时候在jeecgboot怎么操作呢, 我们需要面对的问题如下: 1.构建隐藏路由菜单，得到路由名称 2.在当前页面进行跳转，两种方式:页面直接跳转， 方法当中跳转 3.跳转之后的页面接收到传参 步骤: 建立一个菜单， 并且设置成隐藏路由； 菜单路径:/jeecg/JeecgTreeTable 菜...
使用jeecg-boot,实现点击菜单时，在新窗口打开一个没有左侧菜单的页面
xiaoxiaoman2010的博客
11-19 3608
需要修改的文件 ①src/config/router.config.js 将要调转的页面路径写在基础路由constantRouterMap函数中 ②修改src/components/menu/Contextmenu.vue中函数 ③菜单管理中，设置
JeecgBoot V2版入门视频教程
06-10
jeecg-boot 初级入门教程视频详细介绍 jeecg-boot 开发环境搭建、代码生成器使用与开发实战
jeecg-boot（Online表单 / 控件及代码生成菜单配置）
M_meng1025的博客
12-13 8025
## 1、online表单开发 1) 创建表单 例：创建 md_test_task 任务测试表 选择 “ Online表单开发 ” 菜单 ； “ 新增 ” 表单，输入新增表单 “ 表名 ” 和 “ 表描述 ”，表类型选择 “ 单表 ”，清空自动创建的表字段信息； 根据需求创建表字段信息，进行相对应字段的数据库属性、页面属性、校验字段、外键、索引、查询等配置 ； 完成基础表字段配置后，进行数据库同步 ； 数据库同步成功后，点击 “ 功能测试 ” 进行 “ Auto在线表单功能测试
jeecg前端部分，antd pro vue，前端菜单改成顶部一级左右二三级菜单，jeecg是在antd基础更改的，所以antd-design-vue菜单一二级更改类似
Funny_genius_cai的博客
01-15 4077
首先最近项目需要把jeecg前端部分菜单栏改成顶部一级左边二三级菜单，由于jeecg或者antd pro vue开源版本菜单只有顶部或者侧边 两种模式，所以没办法只能再次基础上改成需要的模式。 最后做成效果图如下（并没有美化只是先实现了需求） 实现过程如下可参考： 1、首先我们在jeecg菜单模式为horizontal 的基础上更改 第一步：实现的是顶部菜单只有一级的情况下路由可以跳转；如有二三级菜单点击没有效果 ①找到这个文件 109行左右改成 这样就完成了第一个需求 此时顶部菜单只有只用于一级菜单的情
JEECG BOOT 浏览器地址带参数传递 浏览器地址栏查询条件---list页面超链接传递参数到jeecg的页面进行查询
最新发布
hellosaa的博客
01-10 725
名词解释 path 写传递的地址，query里面 userid是参数名称冒号后面接具体变量 该插槽写在jeecgboot代码生成的list文件中 一定要写在插槽对应的位置，如果不注意写在from里面就会不生效。queryParam.userid 查询userid 等于后面的router.currentRoute.value.query.你的变量。userid就是 上述代码中提到的key 这样可以让程序知道需要用到的是哪个插槽。title: '员工号1',#后面的是插槽对应的key。
jeecgboot中前端使用带有参数报表的方法
宁波阿成的博客
02-07 1456
jeecgboot中前端使用带有参数报表的方法 在实际开发中，jeecgboot里的在线开发里的报表配置带有参数的情况，所以需要如何调用这种报表，官方没有提出方法，我把我解决的办法写出来，供大家参考。
jeecgboot配置路由菜单
AHappyHeart的博客
06-27 6225
jeecgboot 新增数据库： 表首先去在线开发——online表单开发——新增，业务需求自己设置，然后点击保存后，同步数据库。 然后点击更多生成视图，点击视图管理，视图管理里面，权限控制，角色授权。 最后点击代码生成。 菜单设置： 一级菜单 对应前端文件夹位置 二级菜单 copy生成vue文件夹代码，前台代码存放位置。 后台： 开放权限 ...
jeecg-boot配置菜单
极客栈
02-27 7965
一.创建表单页面 1.菜单栏-->在线开发--online表单开发-->新增 2.进入新建表单页面 3.更多->同步数据库 4.权限管理 4.更多->生成试图 5.更多->试图管理->权限管理 （试图里的权限管理和前面 单表上的权限控制都要开启，才能最终生效） 勾选需要的权限 6.生成试图（速度更快） 7.角色授权 先选择角色，再选择右侧的权限，点保存（保存按钮太小，不要忘记点，否则会跳过去，页面没提示） 按钮...
jeecg带参数路由菜单
07-28
在 JeeCG 中，可以通过以下步骤来实现带参数的路由菜单： 1. 在 JeeCG 的菜单管理中，创建一个新的菜单项。 2. 在菜单项的URL字段中，填写一个占位符来表示参数。例如，可以使用`{param}`作为占位符。 3. 在菜单项...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值