若依框架学习——新建模块（图文）

李子木、

已于 2025-04-08 17:08:03 修改

阅读量1.8w

点赞数 33

CC 4.0 BY-SA版权

分类专栏：学习记录文章标签：学习 ruoyi spring

于 2024-04-01 16:35:27 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_49832841/article/details/137226749

学习记录专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何使用若依框架(RuoYi)快速搭建新的模块，包括启动项目、添加菜单、创建数据库表、生成代码及前后端代码整合等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前言
一、启动项目
二、添加模块

前言

官网：http://doc.ruoyi.vip/

RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。

一、启动项目

项目地址：https://gitee.com/y_project/RuoYi-Vue

1、后端启动

使用idea工具打开项目，使用sql文件创建数据库，在配置文件中修改数据库连接和启动端口等。

在这里插入图片描述

在这里插入图片描述

2、前端启动

使用vscode工具打开项目，在vue.config.js中修改后端服务连接和启动端口，随后执行npm命令启动。

# 安装依赖
npm install

# 本地开发 启动项目
npm run dev

在这里插入图片描述

在这里插入图片描述

二、添加模块

1、添加菜单

1、打开菜单管理，选择新增菜单

在这里插入图片描述

2、添加一级菜单

在这里插入图片描述

3、添加二级菜单

在这里插入图片描述

4、刷新网页

在这里插入图片描述

2、创建表

在这里插入图片描述

3、生成代码

1、打开代码生成菜单，选择导入，导入需要的表

在这里插入图片描述

在这里插入图片描述

2、编辑一些基本信息，然后点击提交

在这里插入图片描述

3、生成代码，压缩包里有前端和后端代码

在这里插入图片描述

4、添加后端代码

1、新建模块

在这里插入图片描述

在这里插入图片描述

2、修改配置文件

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3、添加代码，将下载的代码添加至项目，然后重新启动项目

在这里插入图片描述

5、添加前端代码

添加代码，随后重新启动项目

在这里插入图片描述
注意这里，路径要和上述创建二级菜单路由设置一致

在这里插入图片描述

在这里插入图片描述

评论 21

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

李子木、 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

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

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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