[后端作业W8] Ruoyi Vue生成代码使用
步骤 1创建数据库表打开 MySQL 命令行或 Navicat选择若依项目所使用的数据库我这里是 ry-vue-v382执行以下 SQL-- 选择数据库USE ry-vue-v382;-- 创建学生表CREATE TABLE my_student (id INT PRIMARY KEY AUTO_INCREMENT COMMENT 编号,name VARCHAR(30) COMMENT 学生名称,sex CHAR(1) COMMENT 性别 0男 1女 2未知);-- 插入测试数据INSERT INTO my_student (name, sex) VALUES (郑一, 1);执行成功后可以通过 SHOW TABLES; 命令查看表是否创建成功。步骤 2在若依系统中导入表启动项目确保 RuoYi-Vue 后端和前端都已启动访问系统浏览器打开 http://localhost:80登录账号admin / admin123进入代码生成模块点击左侧菜单 系统工具 → 代码生成导入表点击右上角 导入 按钮勾选 my_student 表点击 确认步骤 3配置生成信息在代码生成列表中找到 my_student 这一行点击 编辑 按钮进入配置页面。3.1 基本信息配置配置项填写内容表名my_student表描述学生信息实体类名MyStudent作者你的名字3.2 字段配置重要根据业务需求配置每个字段是否作为查询条件、是否在列表中显示、是否可编辑等小提示id 是自增主键不需要用户手动填写和修改所以取消「插入」「编辑」「查询」的勾选name 支持模糊查询方便按名称搜索sex 使用系统内置的 sys_user_sex 字典自动显示“男/女/未知”3.3 生成信息配置配置项填写内容模板单表增删改查包路径com.ruoyi.system模块名system业务名student功能名学生信息上级菜单系统工具配置完成后点击页面底部的 提交 按钮保存。步骤 4生成并下载代码回到代码生成列表勾选 my_student点击「生成代码」按钮下载 ruoyi.zip 文件到电脑步骤 5解压并拷贝文件解压 ruoyi.zip得到以下目录结构ruoyi/├── main/│ ├── java/│ │ └── com/ruoyi/system/│ │ ├── domain/MyStudent.java│ │ ├── mapper/MyStudentMapper.java│ │ ├── service/IMyStudentService.java│ │ └── service/impl/MyStudentServiceImpl.java│ └── resources/│ └── mapper/system/MyStudentMapper.xml├── vue/│ ├── api/student.js│ └── views/student/index.vue└── sql/└── studentMenu.sql第1步拷贝后端普通代码解压后的 main/java/com/ruoyi/system/ 下的所有文件→ 复制到IDEA项目中的 ruoyi-system/src/main/java/com/ruoyi/system/第2步拷贝 mapper.xml解压后的 main/resources/mapper/system/MyStudentMapper.xml→ 复制到IDEA项目中的 ruoyi-system/src/main/resources/mapper/system/第3步⚠️ 单独处理 Controller解压后的 main/java/com/ruoyi/system/controller/MyStudentController.java→ 复制到IDEA项目中的 ruoyi-admin/src/main/java/com/ruoyi/web/controller/system/text第4步拷贝前端代码解压后的 vue/api/student.js→ 复制到ruoyi-ui/src/api/system/student.js解压后的 vue/views/student/index.vue→ 复制到ruoyi-ui/src/views/system/student/index.vue第5步执行 SQL用 heidiSQL 打开 studentMenu.sql→ 在 ry-vue-v382 数据库中执行步骤 6执行菜单 SQL打开 MySQL 命令行或 HeidiSQL/Navicat在 ry-vue-v382 数据库中执行以下 SQLsql-- 先删除已存在的菜单避免重复DELETE FROM sys_menu WHERE menu_name 学生信息;-- 插入主菜单INSERT INTO sys_menu (menu_id, menu_name, parent_id, order_num, path, component,is_frame, is_cache, menu_type, visible, status, perms, icon,create_by, create_time, remark) VALUES (2000, 学生信息, 3, 1, student, system/student/index,1, 0, C, 0, 0, system:student:list, #,admin, NOW(), 学生信息菜单);-- 插入按钮权限增删改查INSERT INTO sys_menu (menu_id, menu_name, parent_id, order_num, perms) VALUES(2001, 学生信息查询, 2000, 1, system:student:query),(2002, 学生信息新增, 2000, 2, system:student:add),(2003, 学生信息修改, 2000, 3, system:student:edit),(2004, 学生信息删除, 2000, 4, system:student:remove);执行成功后可以通过以下 SQL 验证sqlSELECT * FROM sys_menu WHERE menu_name 学生信息;步骤 7重启项目后端IDEA 中重新运行 RuoYiApplication.java前端终端执行 npm run dev会自动热更新刷新浏览器F5 刷新页面步骤 8验证功能刷新页面后登录系统点击左侧菜单 系统工具 → 学生信息测试增删改查功能功能操作预期结果查询进入页面自动加载列表✅ 显示学生数据新增点击新增填写信息后保存✅ 列表新增一条数据修改点击编辑修改信息后保存✅ 数据更新成功删除点击删除确认删除✅ 数据被移除学生信息列表截图新增页面截图编辑页面截图删除确认截图二.队友协助测试根据作业要求需要由另一位同学从 Gitee 拉取代码进行测试。测试流程克隆仓库到本地bashgit clone https://gitee.com/zheng11234/code11.git导入数据库表 my_student 和菜单 SQL启动后端 RuoYiApplication启动前端 npm run dev测试学生信息管理的增删改查功能测试结果测试项 结果代码拉取 ✅ 成功数据库导入 ✅ 成功后端启动 ✅ 无报错前端启动 ✅ 正常菜单显示 ✅ 正常查询功能 ✅ 正常新增功能 ✅ 正常修改功能 ✅ 正常删除功能 ✅ 正常测试结论代码可正常运行所有 CURD 功能均符合预期 ✅三.总结通过本次实践我深刻体会到RuoYi 代码生成器非常强大只需要设计好数据库表配置好字段信息就能一键生成完整的前后端代码极大地提高了开发效率。规范很重要必须遵循框架的文件放置规范尤其是 Controller 要放在正确的位置。团队协作不可少通过队友协助测试可以发现自己在本地开发时忽略的问题确保代码在不同环境下都能正常运行。