代码生成–单表

效果图

在这里插入图片描述

启动ruoyi项目

记得修改application-druid.yml 中数据库的地址
启动mysql和redis

在这里插入图片描述

在终端输入下面命令启动
npm run dev

在这里插入图片描述

访问地址
localhost:80

在这里插入图片描述

创建数据库

在ruoyi项目的数据库中创建表student

CREATE TABLE `student` (
  `stuId` INT NOT NULL AUTO_INCREMENT COMMENT '学生编号',
  `stuName` VARCHAR(20) NOT NULL COMMENT '学生姓名',
  `stuSex` CHAR(1) DEFAULT '0' COMMENT '学生性别',
  PRIMARY KEY (`stuId`)
) ENGINE=INNODB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

INSERT  INTO `student`(`stuId`,`stuName`,`stuSex`) VALUES 
(1,'张三','0'),
(2,'李四','1'),
(3,'王五','2');

生成菜单

  • 登录若依管理系统,选择系统菜单下的菜单管理,添加学生信息主菜单
    在这里插入图片描述
  • 刷新页面
    在这里插入图片描述

生成代码

  • 导入数据库表student
    在这里插入图片描述
    在这里插入图片描述

  • 填写相关生成信息:基本、字段、生成信息
    在这里插入图片描述
    基本信息
    在这里插入图片描述
    字段信息
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    生成信息
    在这里插入图片描述

  • 下载生成文件
    在这里插入图片描述

  • 拷贝文件到项目对应目录

后端:将下载文件中main下的文件拷贝到项目ruoyi-system/src/main下,再将ruoyi-system/src/main/com/ruoyi/student/controller文件转移到ruoyi-admin/src/main/java/com/ruoyi/web/controller/student
在这里插入图片描述在这里插入图片描述在这里插入图片描述

前端:将 vue文件下内容复制到ruoyi-ui/src下面
在这里插入图片描述在这里插入图片描述

  • 打开并执行sql文件更新menu表
    在这里插入图片描述
  • 重启项目,并查看
    后端:
    在这里插入图片描述
    前端:文件更新后自动重新编译启动,页面点击刷新查看左侧菜单栏
    在这里插入图片描述

测试代码

  • 查询
    列表查询
    在这里插入图片描述
    修改时查询指定学生信息
    在这里插入图片描述
  • 新增
    在这里插入图片描述
  • 修改
    在这里插入图片描述
  • 删除
    在这里插入图片描述

代码生成–主子表

在【代码生成--单表】数据库的基础上

创建数据库

在ruoyi项目的数据库中创建表course

CREATE TABLE `course` (
  `couId` INT NOT NULL AUTO_INCREMENT COMMENT '课程编号',
  `couName` VARCHAR(20) NOT NULL COMMENT '课程名称',
  `stuId` INT COMMENT '学生编号',
  PRIMARY KEY (`couId`),
  FOREIGN KEY (`stuId`) REFERENCES `student`(`stuId`)
) ENGINE=INNODB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

INSERT  INTO `course`(`couId`,`couName`,`stuId`) VALUES 
(1,'高等数学',1),
(2,'计算机应用',1),
(3,'Java',3);

生成代码

  • 导入course数据表,并修改相关生成信息
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

  • 修改student相关生成信息:生成信息
    在这里插入图片描述
    在这里插入图片描述

  • 下载生成代码
    在这里插入图片描述

  • 拷贝文件到项目对应目录
    后端,将ruoyi-system/src/main/.../controller剪切到ruoyi-admin/src/main/.../controller文件下
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    前端
    在这里插入图片描述

  • 打开并执行sql文件更新menu表(在【单表】操作时执行过可不需执行
    在这里插入图片描述

  • 重启并查看
    后端
    在这里插入图片描述
    前端
    在这里插入图片描述

Logo

快速构建 Web 应用程序

更多推荐