一、功能概述与环境准备

1.Ruoyi Vue 生成代码功能概述

• Ruoyi框架的代码生成器模块简介
• 支持生成的代码类型（前后端分离、单表、树表、主子表等）
• 代码生成器在快速开发中的作用

2.环境准备与前置条件

• Ruoyi Vue前后端环境搭建要求（JDK、MySQL、Maven、Node.js等）
• 数据库表设计与规范（字段注释、主键等）
• 确保后端服务与前端项目正常启动
• 提前拉起ruoyi，确保正常启动前后端

二、具体步骤

1.创建数据库表 my_student 并添加字段和数据

创建表

使用数据库管理工具（如Navicat）或SQL命令创建表。示例SQL如下：

导入数据库表students

在Navicat中右键目标数据库，选择“运行SQL文件”，选中包含students表结构的SQL脚本并执行

2.填写生成信息（基于Ruoyi框架）

(1）在ruoyi代码生成中目录下导入表

(2）填写生成信息（基于Ruoyi框架）

基本信息：在Ruoyi代码生成界面填写模块名（如student）、表名（my_student）。

字段信息：勾选需生成的字段（如name、age等），设置前端显示类型（如输入框、下拉框）。

生成配置：选择生成路径（默认ruoyi-system模块），勾选“前端代码”和“后端代码”。

(3）下载生成文件

在Ruoyi代码生成页面点击“生成代码”，系统会打包下载包含以下内容的ZIP文件：

• 后端：controller、service、mapper、entity
• 前端：api、vue文件

将代码生成的压缩包解压缩

(4)部署生成文件

后端文件：将Java类拷贝到ruoyi-system对应包路径（如com.ruoyi.system.controller）。

前端文件：将Vue文件放入ruoyi-ui/src/views/system目录。

更新菜单SQL：执行生成的menu.sql文件（通常包含新增菜单项的SQL语句）。

三、重启应用程序

1. 清理并重新编译Ruoyi后端项目（Maven命令：clean install）。
2. 重启前端服务（npm run dev）。
3. 登录Ruoyi系统，检查左侧菜单是否出现新增的students管理功能。

新增:

查询:

删除:

已经删除学生hk

注意：

• 确保数据库连接配置（application-druid.yml）正确指向目标数据库。
• 若页面无显示，检查menu.sql中的parent_id是否匹配现有菜单层级。