RuoYi若依框架的使用（新增侧边栏菜单并可以打开）

最新推荐文章于 2024-07-25 14:02:55 发布
最新推荐文章于 2024-07-25 14:02:55 发布
阅读量1.1w 收藏 15
点赞数 9
文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53986004/article/details/128204695
版权

2022.12.06今天我学习了如何使用若依框架做一个侧边栏的菜单，并且可以打开对应的页面。

一、菜单管理页面

首先在菜单管理页面新增主目录。

如：

 

自己设置一个路由地址。

二、新增子菜单

然后在创建好的主菜单中再新增子菜单。

如：

 

组件路径和权限字符的路径一样。

路由地址对应的是router.js文件中的path.。

三、配置router.js路由

 

 四、效果

 

 

敲代码无敌小奶龙
关注
  • 9
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 11
    评论
若依后台管理系统
04-06
一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统。她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA。所有前端后台代码封装过后十分精简易上手，出错效率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。您是否在找一套合适后台管理系统。您是否在找一套代码易读易懂后台管理系统。那么，现在若依来了。诚意奉献之作若依是给刚出生的女儿取的名字 寓意：你若不离不弃，我必生死相依内置功能用户管理：用户是系统操作者。部门管理：配置系统组织机构。岗位管理：岗位是用户所属职务。菜单管理：配置系统菜单（支持控制到按钮）。角色管理：角色菜单权限分配。字典管理：对系统中经常使用的一些较为固定的数据进行维护。操作日志：系统操作日志记录（含异常）。登录日志：系统登录情况记录（含异常）。在线用户：当前系统中活跃用户状态监控。连接池监视：监视当期系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。为何选择若依是一个完全响应式，基于Bootstrap3.3.6最新版本开发的主题。她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA。拥有良好的代码结构，层次结构清晰。内置一系列基础功能。操作权限控制精密细致，对所有管理链接都进行权限验证，可控制到按钮。提供在线功能代码生成工具，提高开发效率及质量。提供常用工具类封装，日志、国际化、缓存、验证、字典等数据。兼容目前最流行浏览器（IE7+、Chrome、Firefox）手机移动端也支持。技术选型1、后端核心框架：Spring Boot安全框架：Apache Shiro模板引擎：Thymeleaf持久层框架：MyBatis数据库连接池：Druid缓存框架：Ehcache日志管理：SLF4J工具类：Apache Commons FastjsonPOJO：Lombok2、前端框架：Bootstrap数据表格：Bootstrap Table客户端验证：JQuery Validation树结构控件：zTree弹出层：layer3、平台服务器中间件：SpringBoot内置数据库支持：目前仅提供MySql数据库的支持，但不限于数据库开发环境：Java、Eclipse、Maven、Git
若依（ruoyi）框架包名修改器
12-28
《若依（ruoyi）框架包名修改器详解》 若依（Ruoyi）框架，作为国内广受欢迎的企业级Java快速开发平台，以其高效、便捷的特点深受开发者喜爱。然而，随着项目的深入，有时我们需要对项目的包名进行调整，以满足特定...
若依框架详细使用
热门推荐
m0_67376124的博客
11-11 8万+
🏳‍🌈若依是用来干什么的❓若依(ruoyi)一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。
若依框架 : 新建模块及配置菜单
最新发布
yuanchun的知识整理
07-25 692
若依框架 新增模块 配置菜单
若依如何新建一个菜单并显示菜单页面（超详细图文教程）
Keep__Me的博客
08-28 1万+
我这里的需求是想在班级管理下面直接加一个学生管理页面，然后显示班级管理的页面，然后在这个页面的基础上修改这个页面。例：我这个学生管理模块的页面是在views下的system下的student下的index。当我们使用若依的时候，我们会有这样的需求，就是直接在这个菜单下面直接再添加一个菜单。我们首先需要新增一个学生管理菜单，然后在前端项目中把vue页面加进去。进来菜单管理页面，我们能看到，列表中显示的菜单，跟左边的菜单是完全对应的。菜单名称，路由地址，组件路径这几个是必填的，其他的暂时就不用管了。
记一次若依框架建新管理页面的NavMenu菜单，实现动态加载菜单，页面内跳转（重写一个若依框架的管理页面）
weixin_67890352的博客
08-09 1754
用户后台需要重新设计页面样式,不能直接使用若依的样式。 动态加载菜单使用若依提供的sidebar-item组件实现。 修改路由配置,添加一个通用的路由组件。 修改后端构建菜单的代码,调整生成的路由组件,不直接使用layout组件。 在权限管理的代码中添加判断,如果是用户后台就使用自定义的组件,不是用户后台还是使用layout组件。 通过以上步骤实现用户后台使用自定义样式和布局,不被若依默认的样式影响。
若依 默认展开侧边栏菜单
test
09-30 3146
若依 默认展开侧边栏菜单
ruoyi若依 组织架构设计--[ 菜单管理 ]
Dormiveglia-flx的博客
07-05 2013
需求：可以新增目录，也可以新增菜单，以及按钮权限。根据不同的方式，展示不同的页面。另一方面，也是可以做。添加dept_id。是查询List的接口。
若依框架VUE前端界面，登录后默认跳转至动态路由第一路由（第一个子菜单）
02-03
若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态...
若依框架前后端分离版，选择顶部菜单默认跳转第一个子菜单（三级菜单） 完整的TopNav/index.vue文件
03-19
若依框架前后端分离版，选择顶部菜单默认跳转第一个子菜单（三级菜单） 完整的TopNav/index.vue文件
强大的若依后台管理系统
09-28
她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。 内置功能 用户管理：用户是系统操作者，该功能主要完成系统用户配置。 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。 岗位管理：配置系统用户所属担任职务。 菜单管理：配置系统菜单，操作权限，按钮权限标识等。 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。 字典管理：对系统中经常使用的一些较为固定的数据进行维护。 参数管理：对系统动态配置常用参数。 通知公告：系统通知公告信息发布维护。 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。 登录日志：系统登录日志记录查询包含登录异常。 在线用户：当前系统中活跃用户状态监控。 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。 代码生成：前后端代码的生成（java、html、xml、sql)支持CRUD下载 。 系统接口：根据业务代码自动生成相关的api接口文档。 在线构建器：拖动表单元素生成相应的HTML代码。 连接池监视：监视当期系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。
ruoyi 若依 集成 cesium supermap 超图 加载地图倾斜摄影
08-21
通过以上步骤，你可以成功地在ruoyi框架中集成cesium和supermap，实现地图的倾斜摄影加载。这种集成方式在房地产、城市规划、灾害监测等领域有着广泛的应用，能够提供直观且生动的地理信息展示。
若依框架（RuoYi-Cloud 微服务版本）
08-30
### 若依框架（RuoYi-Cloud 微服务版本）关键知识点解析 #### 一、若依框架简介 若依框架（RuoYi-Cloud微服务版本）是一款基于Spring Cloud Alibaba生态体系构建的微服务开发框架。该框架不仅支持模块化、组件化的...
若依vue-新建目录及菜单
Anorry的博客
12-05 5507
前面我们把标题和logo换成了自己系统的标题和logo了接下来就是要建立自己需要的菜单和页面。
【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式
Sabrina_cc的博客
07-20 7万+
【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式
RuoYi 若依系统菜单添加
qq_43180790的博客
11-23 4882
若依系统菜单添加
若依管理系统RuoYi-Vue（一）：项目启动和菜单创建
qq_20236937的博客
05-24 812
本篇文章将会讲解如何如何使用RuoYi-Vue前后端分离版本若依管理系统应该是国内最受欢迎的完全开源的后端管理系统了吧，看看gitee上的star数量，着实惊人。若依系统有很多个版本个人觉得前后端不分离版本太丑，而且前后端不分离维护起来也比较困难，而微服务版本又拆分的太细，前后端分离版本则正好，本篇文章将会讲解如何如何使用RuoYi-Vue前后端分离版本。
若依新增页面，在左侧显示菜单栏的页面，可点击
m0_61265297的博客
05-28 781
菜单名称，路由地址，组件路径这几个是必填的，其他的暂时就不用管了。组件路径：根据前端项目你的页面所在位置来写。路由地址：自定义，一般写页面名称就可以。菜单名称：就是显示到左侧目录中的名称。选择指定的某个目录下。
若依框架侧边栏怎么增删
09-02
若依框架的侧边栏增删操作可以按照以下步骤进行： 1. 增加侧边栏：根据需求，在RuoYi-master\ruoyi-admin\src\main\java\com\ruoyi\system\config目录下的SysMenuConfig.java文件中新增菜单项。在该文件中，可以定义新的菜单项的名称、图标、访问路径等信息。 2. 删除侧边栏：根据需求，在RuoYi-master\ruoyi-admin\src\main\java\com\ruoyi\system\config目录下的SysMenuConfig.java文件中删除对应的菜单项。同时，需要注意删除对应的权限配置，以确保菜单项完全被删除。 需要注意的是，在增加或删除侧边栏时，还需要对应地修改权限配置文件和前端页面文件，以保持系统的一致性。通过以上步骤，您可以实现对若依框架的侧边栏进行增删操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [【删除ruoyi中自己增加的菜单栏实例，以若依为例，所有版本适用】](https://blog.csdn.net/weixin_45114975/article/details/121530986)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [二款android应用开发框架](https://download.csdn.net/download/xlwyztt/8580783)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敲代码无敌小奶龙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值