ruoyi-vue创建一个学生管理系统(CRUD)
Ruoyi-Vue创建一个学生管理系统(CRUD)
前提
Ruoyi-Vue框架能顺利运行
设计数据库表
CREATE TABLE tb_student (
id int NOT NULL AUTO_INCREMENT COMMENT 'id',
name varchar(255) NOT NULL COMMENT '姓名',
age int DEFAULT NULL COMMENT '年龄',
gender int DEFAULT NULL COMMENT '性别:(0男1女2)',
creator varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '创建者',
create_time datetime DEFAULT NULL COMMENT '创建时间',
status varchar(2) DEFAULT NULL COMMENT '0无效1有效',
del_flag varchar(2) DEFAULT NULL COMMENT '0已删除1未删除',
PRIMARY KEY (id)
) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci
将以上sql语句在ry-vue
数据库中执行,就可以创建一个名为tb_student
的数据表
如果是Navicat的话,点击ry-vue数据库然后新建查询就可以运行sql语句啦
成功的表
创建学生管理菜单
查看运行主页
按照图中所示新建学生管理菜单
大致信息如图所示即可
导入新建表tb_student
使用系统工具-》代码生成
如果建表成功的话,点击导入就可以找到新建的表,将其导入
编辑信息
在右边操作部分有一个编辑按钮,点击进行信息编辑
基本信息
字段信息不用修改
生成信息
如果你是Vue2,就选择vue2模板
上级菜单就是咱之前创建的那个菜单就可以
之后点击提交
生成代码
点击就可以生成代码压缩包
解压之后应该是生成三个文件
后端新建模块
新建模块ruoyi-student,在根目录下使用pom新建
导入代码
将压缩包中的main文件代码替换原来ruoyi-student中的main文件
然后点击controller下的代码,如果有爆红的情况引入库文件即可
pom文件修改
分别修改根目录下的pom文件和ruoyi-admin文件夹下的pom文件,新增ruoyi-student依赖
执行sql
在ruoyi-vue数据库中执行代码生成的sql文件
前端导入代码
将生成代码的vue文件导入到前端对应文件夹下面
如图所示