若依前后端分离,左侧菜单栏动态更新

前言:

我在修改若依菜单管理后,返现左侧菜单栏不会动态刷新,每次都要刷新页面才会生效。

思路:

先去控制台找找,有没有一个接口是获取左边菜单栏,我觉得不会是写死的。

磨磨蹭蹭找了一天,终于找到了;

发现是router接口,再去代码全局搜索找这个方法。

具体的router方法我就不贴了,因为太菜,我也没看懂路由方法。。。

然后去找到菜单管理页面,他不管修改、新增,都要点击确定按钮。

所以写一个刷新菜单的方法,调用这个路由方法,然后在每次点击确定按钮后去执行这个方法。

//刷新路由
    refreshMenu() {
      this.$store.dispatch('GenerateRoutes').then(() => {
        console.log('Menu refreshed');
      });
    }

 希望对你们有帮助吧。

### 若依前后端分离项目在VS Code中的开发配置 #### 1. 环境准备 为了顺利地在Visual Studio Code (VS Code) 中进行若依(RuoYi) 前后端分离项目的开发,需先准备好必要的环境。 - **Node.js 和 NPM**: 确认已安装 Node.js 及其包管理工具 NPM。可以通过命令 `node -v` 和 `npm -v` 来验证版本号。 - **Java Development Kit(JDK)**: RuoYi 的 Java 后端部分需要 JDK 支持。确保已经安装了合适的JDK 版本,并设置好 JAVA_HOME 环境变量[^1]。 - **Maven 或 Gradle**: 如果采用 Maven 构建,则应确认本地有可用的 Maven 安装;对于Gradle 用户同样适用。 - **Redis 数据库服务**: 如同 Eclipse 方式一样,在 VS Code 上也需要 Redis 作为缓存服务器支持[^2]。 #### 2. 导入项目到 VS Code 将下载好的 RuoYi 源码解压至工作目录中,比如 E:\workspace\ruiyi-vscode。接着按照如下操作: - 打开 VS Code 并通过菜单栏 File -> Open Folder... 将上述路径添加进来; - 对于前端工程 (`ruoyi-ui`) ,可以在集成终端里执行以下命令来初始化依赖项: ```bash cd ruoyi-ui npm install --registry=https://registry.npm.taobao.org ``` - 使用相同的方法处理后端模块(`uoyi-admin/src/main/java/com/uoyi/RuoYiApplication.java`) 。不过这里推荐借助插件如 "Spring Boot Extension Pack" 提升效率[^4]。 #### 3. 配置调试选项 ##### 后端配置 针对 Spring Boot 应用程序而言,可以利用 `.vscode/launch.json` 文件定义启动参数和断点等信息以便更好地调试应用程序。创建一个新的 launch configuration: ```json { "version": "0.2.0", "configurations": [ { "type": "java", "name": "Debug (Launch)-RuoYiApplication", "request": "launch", "mainClass": "com.uoyi.RuoYiApplication" } ] } ``` ##### 前端配置 对于 Vue CLI 创建的应用来说,默认情况下会自动生成适合 Webpack Dev Server 的配置文件。如果想要更灵活控制编译过程或是修改默认行为的话,可以直接编辑 package.json 脚本字段或者新建 vue.config.js 文件来自定义 webpack 设置。 #### 4. 启动应用 当所有准备工作完成后就可以分别启动前后两端的服务啦! - 后端:点击左侧活动栏上的 Debug 图标,选择刚才建立过的 Launch Configuration 即可一键开启服务。 - 前端:回到 ruoyi-ui 文件夹下的集成终端继续输入 `npm run dev` ,等待片刻就能看到浏览器自动跳转访问地址并展示页面效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值