目录
1. 从Git上面下载前后端分离版本
2. 执行SQL脚本
3. 初始化前端
安装Node.js和npm配置
✅ 第一步:在 Node 安装目录下创建两个文件夹
✅ 第二步:配置 npm 全局目录和缓存目录
✅ 第三步:验证配置是否成功
✅ 第四步:将全局模块路径加入系统环境变量
4. 启动后端和前端 访问localhost:80,进入若依管理界面
5. 创建菜单目录
6. 导入表并生成前后端代码
7. 在后端新建一个模块,注意需要在父模块当中声明新建的子模块
1. 从Git上面下载前后端分离版本
在你的本地机器上下载若依的前后端分离版本的代码:
-
Git地址:
RuoYi-Vue: 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统你可以通过以下命令将项目克隆到本地:
git clone https://gitee.com/y_project/RuoYi-Vue.git
将该项目复制到你的本地开发目录。
2. 执行SQL脚本
在数据库中执行若依提供的SQL脚本来创建所需的表结构。通常,SQL脚本会包含在项目中的ruoyi-admin/target/sql
目录下。执行该脚本以初始化数据库。
3. 初始化前端
安装Node.js和npm配置
下载nodejs如果你想将 npm 的全局模块安装路径和缓存目录改到该路径下的 node_global
和 node_cache
,可以这样做:
✅ 第一步:在 Node 安装目录下创建两个文件夹
在路径 D:\node
下创建以下两个文件夹:
D:\node-v18.20.7-win-x64\node_global
D:\node-v18.20.7-win-x64\node_cache
✅ 第二步:配置 npm 全局目录和缓存目录
打开命令提示符(CMD),执行以下命令:
npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"
✅ 第三步:验证配置是否成功
输入以下命令检查设置:
npm config get prefix
npm config get cache
✅ 第四步:将全局模块路径加入系统环境变量
添加一项:
D:\node\node_global
如果你还没有把 Node.js 的安装路径加入 Path
,也建议加入:
D:\node
默认是从官网上面下载,下载的非常非常慢,可以使用以下命令来使用镜像下载
npm config set registry https://registry.npmmirror.com
使用 npm install 下载moudles
npm run dev 开始运行前端
4. 启动后端和前端 访问localhost:80,进入若依管理界面
5. 创建菜单目录
登录到若依管理后台后,进入系统管理模块,创建菜单目录。你可以为每个模块和子模块配置菜单,并为每个菜单设置访问权限。
6. 导入表并生成前后端代码
-
导入数据库表
在后台管理系统中,进入“代码生成”模块,导入你数据库中的表。若依会根据表的字段自动生成对应的前后端代码。 -
生成代码
点击生成按钮,若依AI将为你自动生成Controller、Service、Mapper等后端代码,并为你生成对应的Vue页面和接口。
7. 在后端新建一个模块,注意需要在父模块当中声明新建的子模块
并且在子模块当中引入核心模块
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>com.ruoyi</groupId><artifactId>ruoyi</artifactId><version>3.8.9</version><relativePath>../pom.xml</relativePath> <!-- 如果父模块在上级目录 --></parent><groupId>com.gege</groupId><artifactId>ruoyi-manage</artifactId><version>0.0.1-SNAPSHOT</version><name>ruoyi-manage</name><description>ruoyi-manage</description><url/><licenses><license/></licenses><developers><developer/></developers><scm><connection/><developerConnection/><tag/><url/></scm><properties><java.version>21</java.version></properties><dependencies><!-- 引入父模块的依赖,例如 ruoyi-common 等 --><dependency><groupId>com.ruoyi</groupId><artifactId>ruoyi-framework</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter</artifactId></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>
8. 将生成的代码放在新建的子模块当中,前后端分离,根据需求更改前端代码即可