当前位置：首页 > news >正文

使用若依AI生成springBoot的前后端分离版本

news 来源：原创 2025/4/28 23:39:43

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. 将生成的代码放在新建的子模块当中，前后端分离，根据需求更改前端代码即可