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

打印 上一主题 下一主题

主题 1033|帖子 1033|积分 3099

目次
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 的前后端分离权限管理系统
    你可以通过以下下令将项目克隆到本地:
    1. 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
 下创建以下两个文件夹:
  1. D:\node
  2. -v18.20.7-win-x64\node_global
  3. D:\node
  4. -v18.20.7-win-x64\node_cache
复制代码
✅ 第二步:配置 npm 全局目次和缓存目次

打开下令提示符(CMD),执行以下下令:
  1. npm config set prefix "D:\node
  2. \node_global
  3. "
  4. npm config set cache "D:\node
  5. \node_cache"
复制代码
✅ 第三步:验证配置是否成功

输入以下下令检查设置:
  1. npm config get prefix
  2. npm config get cache
复制代码
✅ 第四步:将全局模块路径加入系统环境变量

添加一项:
  1. D:\node
  2. \node_global
复制代码
如果你还没有把 Node.js 的安装路径加入 Path,也建议加入:
  1. D:\node
复制代码
默认是从官网上面下载,下载的非常非常慢,可以使用以下下令来使用镜像下载
  1. 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. 在后端新建一个模块,留意必要在父模块当中声明新建的子模块


并且在子模块当中引入核心模块
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3.          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  4.     <modelVersion>4.0.0</modelVersion>
  5.     <parent>
  6.         <groupId>com.ruoyi</groupId>
  7.         <artifactId>ruoyi</artifactId>
  8.         <version>3.8.9</version>
  9.         <relativePath>../pom.xml</relativePath> <!-- 如果父模块在上级目录 -->
  10.     </parent>
  11.     <groupId>com.gege</groupId>
  12.     <artifactId>ruoyi-manage</artifactId>
  13.     <version>0.0.1-SNAPSHOT</version>
  14.     <name>ruoyi-manage</name>
  15.     <description>ruoyi-manage</description>
  16.     <url/>
  17.     <licenses>
  18.         <license/>
  19.     </licenses>
  20.     <developers>
  21.         <developer/>
  22.     </developers>
  23.     <scm>
  24.         <connection/>
  25.         <developerConnection/>
  26.         <tag/>
  27.         <url/>
  28.     </scm>
  29.     <properties>
  30.         <java.version>21</java.version>
  31.     </properties>
  32.     <dependencies>
  33.         <!-- 引入父模块的依赖,例如 ruoyi-common 等 -->
  34.         <dependency>
  35.             <groupId>com.ruoyi</groupId>
  36.             <artifactId>ruoyi-framework</artifactId>
  37.         </dependency>
  38.         <dependency>
  39.             <groupId>org.springframework.boot</groupId>
  40.             <artifactId>spring-boot-starter</artifactId>
  41.         </dependency>
  42.     </dependencies>
  43.     <build>
  44.         <plugins>
  45.             <plugin>
  46.                 <groupId>org.springframework.boot</groupId>
  47.                 <artifactId>spring-boot-maven-plugin</artifactId>
  48.             </plugin>
  49.         </plugins>
  50.     </build>
  51. </project>
复制代码
8. 将生成的代码放在新建的子模块当中,前后端分离,根据需求更改前端代码即可


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

去皮卡多

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表