jeecg boot框架学习（1）— 菜单配置以及菜单路由原理

最新推荐文章于 2025-10-01 06:24:33 发布
原创 最新推荐文章于 2025-10-01 06:24:33 发布 · 8.5k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jeecg boot 菜单路由 #vue #vuex.store #ant design vue

本文详细介绍了在main.js中引入permission.js进行路由守卫的方法，阐述了如何通过判断store中的权限数组来调用GetPermissionList方法，从而实现权限管理。特别关注了一级菜单和下级菜单的组件设置及其对面包屑的影响。

菜单路由

main.js 中引入permission.js
在这里插入图片描述
permission.js主要用于路由守卫相关内容
在这里插入图片描述
permission.jsp判断store中是否权限数组是否为空，为空调用GetPermissionList方法，GetPermissionList定义在\src\store\modules\user.js文件中
在这里插入图片描述
获取相关权限。

注意事项

  • 下级菜单会自动继承一级菜单的component
    下级菜单页面
    在这里插入图片描述
    一级菜单组件为：layouts/PageView 下级菜单什么都没有时会自动多出面包屑。
    在这里插入图片描述
    一级菜单组件为：layouts/RouteView，下级菜单为空时将不受影响。
Jeecg使用多级菜单
玖壹叁
03-24 6504
基于jeecg3.6.6代码修改，替换ListtoMenu类，或只替换getHplusSubMenu和getLeafOfHplusTree两个函数package org.jeecgframework.core.util;import java.util.List; import java.util.Map;import org.apache.commons.lang.StringUtils; imp
jeecgboot-vue3 路由学习分享
m0_55954924的博客
03-22 3010
jeecgboot vue3 路由
jeecgboot配置路由菜单
AHappyHeart的博客
06-27 6796
jeecgboot 新增数据库： 表首先去在线开发——online表单开发——新增，业务需求自己设置，然后点击保存后，同步数据库。 然后点击更多生成视图，点击视图管理，视图管理里面，权限控制，角色授权。 最后点击代码生成。 菜单设置： 一级菜单 对应前端文件夹位置 二级菜单 copy生成vue文件夹代码，前台代码存放位置。 后台： 开放权限 ...
JeecgBoot前端路由：Vue Router动态路由配置
最新发布
gitblog_00410的博客
10-01 670
你是否还在为企业级应用中的路由权限管理感到头疼？是否遇到过不同角色需要展示不同菜单的需求？本文将带你一文掌握JeecgBoot中基于Vue Router的动态路由解决方案，从基础配置到高级应用，让你轻松应对复杂权限场景。 ## 路由系统架构概览 JeecgBoot前端路由系统采用模块化设计，主要由路由实例创建、路由配置和权限控制三部分组成。核心文件结构如下： - **路由实例**：[src/...
记录：jeecg boot 路由带多种参数的配置
weixin_41370979的博客
08-08 906
jeecg boot 路由带多种参数
jeecgboot 配置跳转外部菜单的方式
cmzNO1的专栏
11-06 1010
前端组件配置为 layouts/IframePageView，是路由菜单。
JeecgBoot配置带参路由
qq_45427317的博客
03-11 4538
JeecgBoot配置带参路由
jeecgboot 基础说明
weixin_38673922的博客
03-24 3474
参考地址 1：主页面 路径：public\index.html解释：配置登录页的title.和登录加载过程出现的文字 2：前端页面整体布局 路径 ：src\components\page\GlobalLayout.vue解释 ：页面的菜单，头部，底部的整体布局是这个页面三个位置是以组件的形式引入整体布局页面 SideMenu, GlobalHeader, GlobalFooter。 3：页面嵌套形式 都是一组件的形式，一层一层往外嵌套的。 4：路由配置页面路径 \src\config\rout
JeecgBoot + Vue3 入门指南：打造现代化前端低代码平台
赵大仁的博客
12-24 2775
JeecgBoot 与 Vue3 的结合，为开发者提供了一种快速、高效的企业级应用开发方式。通过现代化的前端技术和低代码开发工具的配合，开发者可以轻松构建复杂的企业应用。如果你想快速上手 Vue3 并体验低代码开发的魅力，JeecgBoot 是一个值得尝试的选择！🌟。
精选资源
jeecg-boot-master.zip
03-25
它内置了权限管理、动态路由、菜单生成等功能，Jeecg-Boot-Master通过集成该框架，实现了功能强大的后台管理系统。 5. **代码生成器** Jeecg-Boot-Master内置了代码生成器，可根据数据库表结构自动生成前后端代码...
基于JeecgBoot的柏康管理系统Vue3框架
其核心基础框架为JeecgBoot，前端部分采用Vue3技术栈构建，项目源码以压缩包形式提供（文件名为baikang-vue3-master.zip），完整包含了整个系统的前端工程结构与相关配置。该系统的设计充分体现了当前主流Java企业级...
菜单命令的路由
shphonetown的专栏
09-19 782
一、windows消息分类   标准消息：除了WM_COMMAND之外，所以以WM_开头的消息都是标准消息。从CWnd派生的类都可以接收到这类消息 命令消息：来自菜单或者工具栏按钮的消息。这类消息都是以WM_COMMAND形式呈现。在MFC中，通过菜单项的标识（ID）来区 分不同的命令消息；在SDK中，通过消息的wParam参数识别。从CCmdTarget派生的类，都可以接
jeecg带参数路由菜单配置
又菜又爱玩
06-02 4904
需求：同一个页面根据传入的不同参数请求接口展示不同内容 jeecg带参数路由菜单配置1.建一个隐藏路由菜单2.建具体路由 jeecg文档中提供了相关配置参数的文档，只是没有示例，乍一看不知道从何下手，特此记录一下。带参数路由文档链接 1.建一个隐藏路由菜单 2.建具体路由 再新建一个路由，因为是相同的页面不同的参数，所以菜单路径和前端组件所指向的都是相同的，只不过配置的/:code和/:id变成了具体的值 提示：建完路由后不要忘记给当前用户授权新建的路由菜单然后刷新，否则会发现找不到新建的菜单 访
JeecgBoot（版本号：3.4.3）在使用时添加三级菜单后，菜单自动收缩问题
Sxyyy1的博客
09-14 1102
打开permission.js找到以下位置并修改（注意：菜单路径要配置正确！
jeecg——修改界面风格
ken的专栏
12-02 8379
修改方法：org.jeecgframework.core.enums.SysThemesEnum
动态菜单路由
m0_49515138的博客
01-11 1273
动态菜单路由 通过菜单管理统一管理访问路由，自动映射对应文件目录[src/views/modules/...]组件。功能实现通过拦截路由进行逻辑判断处理。 这里需特别注意，在通过左侧边栏菜单管理，操作新增／修改[菜单路由]项，进行自动映射对应文件目录组件时的规则，规则如下： 值为/sys/user自动映射对应文件目录为src/views/modules/[sys/user.vue]文件 值项为/job/schedule自动映射对应文件目录为src/views/modules/[job/schedule
菜单路由以及新项目开发
qq_53324833的博客
10-12 701
我们在原来的基础上又新加了一个页面，就是用户的个人信息页面person： 源码为： <template> <div> <el-card style="width: 40%; margin: 10px"> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="用户名">
jeecg boot 企业级应用管理后台 （三）路由配置和路由模块说明 从0开始 (持续更新)
qq_46685188的博客
07-25 2478
首页路由指的是应用程序中的默认路由，当不输入其他任何路由时，会自动重定向到该路由下，并且该路由在Tab上是固定的，即使设置。实现，实现切换 tab 后还能保存切换之前的状态。keep-alive 生效的前提是：需要将路由的。用于存放路由模块，在该目录下的文件会自动注册。此时路由已添加完成，不需要手动引入，放在。若需要开启该功能，需要在动态路由的。文件会被视为一个路由模块。页面跳转建议采用项目提供的。更改为需要你想设置的首页即可。设置为需要跳转的地址即可。上(用户已登录的情况下)内的文件会自动被加载。
前端框架：执行流程分析之路由与菜单
Leon_Jinhai_Sun的博客
12-28 585
路由和菜单 路由和菜单是组织起一个后台应用的关键骨架。本项目侧边栏和路由是绑定在一起的，所以你只有在@/router/index.js 下面配置对应的路由，侧边栏就能动态的生成了。大大减轻了手动编辑侧边栏的工作量。当然这样就需要在配置路由的时候遵循很多的约定 这里的路由分为两种， constantRouterMap 和 asyncRouterMap 。 constantRouterMap 代...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值