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

这篇具有很好参考价值的文章主要介绍了RuoYi若依框架的使用(新增侧边栏菜单并可以打开)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

一、菜单管理页面

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

若依添加菜单,前端,vue.js,javascript

如:

若依添加菜单,前端,vue.js,javascript 

自己设置一个路由地址。

二、新增子菜单

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

如:

若依添加菜单,前端,vue.js,javascript 

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

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

三、配置router.js路由

若依添加菜单,前端,vue.js,javascript 

 四、效果

若依添加菜单,前端,vue.js,javascript

 文章来源地址https://www.toymoban.com/news/detail-521593.html

 

到了这里,关于RuoYi若依框架的使用(新增侧边栏菜单并可以打开)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 若依框架ruoyi-vue(前后端版)字典的使用

    显示效果:  状态实际 值为 1,讲师审核中为我们在字典管理中定义的。 步骤:先在ruoyi的字典管理中定义字典 字典管理中  然后根据字典设置自己需要的值 设置完值后,然后是前端表格的数据回显 这里先打开我们的前端vue工程,我们需要回显页面对应的vue文件中 在expor

    2024年02月11日
    浏览(38)
  • 若依开源框架-微服务版本(ruoyi-Cloud)使用说明-超详细

    JDK 1.8 Mysql 5.7以上 Nacos 2.0.3 Node 14 版本以上 打开网站: RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|J

    2024年02月04日
    浏览(92)
  • 若依cloud(RuoYi-Cloud)新增业务模块和功能模块增删改查演示

    前言 看了几篇文章感觉都不太满意,索性自己来写一篇。 一、后端 后端新建业务模块流程大致如下: 看一下目录结构, business 就是我们自己的业务模块: 1.0 新建业务模块 就是在 ruoyi-module模块 下新建一个 springboot 工程模块,大家既然都学到cloud了,我相信这一步也不用多

    2024年02月17日
    浏览(40)
  • Ruoyi若依前后端分离框架【若依登录详细过程】

    后端包含ruoyi-admin,ruoyi-common,ruoyi-framework等多个模块,ruoyi-admin为启动模块。先看一下ruoyi-admin/src/main/application.yml配置文件。 指定了服务端启动的端口8080。我们运行ruoyi-admin/src/main/java/com/ruoyi/ RuoYiApplication.java即可启动后端,监听8080端口。 我们回到前端的登录界面。 views

    2024年02月05日
    浏览(48)
  • 若依框架 --- ruoyi 表格的设置

    表格 字典值转换 (1) 方式1:使用字典枚举的方式 (2) 方式2:自定义方法处理,在自定义方法中根据输入值返回指定内容 表格 设置单选/多选 单选/多选通过首列属性控制: 表格 添加 tooltips 表格自带 tooltips 功能,如下方式使用: 但是自带的 tooltips 显示可能存在下面的问题:

    2024年02月05日
    浏览(36)
  • ruoyi框架修改左侧菜单样式

    ruoyi前端框架左侧的菜单很丑,我们需要修改一下样式,下面直接看效果。 因为navbar这个文件,好多页面都引用了,所以在这个页面写的样式会全局通用。 经过上面的代码,就可以有左侧菜单的效果。 -----华丽的分割线,以下是凑字数,大家不用花时间看,快去改代码-----

    2024年02月07日
    浏览(29)
  • 若依(ruoyi)框架:如何实现灵活自定义路由配置

    随着项目的深入开发,我们可能会对路由做特殊化处理。比如:访问路由A时需要传入routerType=A,前端会根据routerType=A做一些特殊的处理。 这种方法可用于公共路由或固定路由中,而现实开发过程中我们经常遇到的对某个菜单路由的做特殊化处理。还有经常遇到对动态路由的

    2024年01月17日
    浏览(34)
  • 若依框架RuoYi项目运行启动教程【傻瓜式教程】

    💂 个人网站:【紫陌】【笔记分享网】 💅 想寻找共同学习交流、共同成长的伙伴,请点击【前端学习交流群】 若依官网 若依在线文档 首先去官网下载代码 链接到码云下载,要么用git下载要么压缩包下载。 然后再IDEA打开项目 想要运行就要搭建好环境 按照文档要求配置环

    2023年04月17日
    浏览(36)
  • java若依框架ruoyi导入Excel(附详细代码)

    【版权所有,文章允许转载,但须以链接方式注明源地址,否则追究法律责任】 【创作不易,点个赞就是对我最大的支持】 仅作为学习笔记,供大家参考 总结的不错的话,记得点赞收藏关注哦! Excel导入 可能出现的问题 1. 开发模板下载功能(如需定制列,可以单独创建一

    2024年01月23日
    浏览(29)
  • 【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式

    掌握分寸感,找目标一致的人协同你,有效地调配资源,就可以提高效率。 写在前面的话 :博主最近想要搭建自己的前端若依项目,因此此系列博客会做一些记录。我的项目gitee地址: https://gitee.com/xuruicong/rachel-front-show 说明:只运行前端项目,只需要要下载官方项目http:

    2024年01月19日
    浏览(71)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包