当前位置: 首页 > article >正文

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文件导入到前端对应文件夹下面

在这里插入图片描述

在这里插入图片描述

如图所示

重新运行项目

在这里插入图片描述


http://www.kler.cn/a/582196.html

相关文章:

  • 使用 OpenSSL 和 Python 实现 AES-256-CBC 加密与解密(安全密钥管理)
  • Spring Boot 与 Spring MVC 有何不同
  • f QT测试
  • 微服务的认识与拆分
  • Ubuntu用户安装cpolar内网穿透
  • 实战:DHCP服务器配置与防御欺骗攻击(附华为设备命令)
  • react基础语法视图层类组件
  • 如何精准打点解决卡牌、SLG、开放大世界、放置类游戏卡顿难题
  • 洗鞋小程序(源码+文档+讲解+演示)
  • 基于SpringBoot的美食信息推荐系统设计与实现(源码+SQL脚本+LW+部署讲解等)
  • C++设计模式总结
  • Java中的四种排序算法详解
  • 【JavaWeb学习Day24】
  • 【langchain/入门】使用langchain调用本地部署的大模型(以llama.cpp以及ollama为例)
  • excel的导入和下载(poi)
  • 强化科技内核 “人工智能+”助力农业新质生产力飞跃
  • Hexo博客Icarus主题不蒜子 UV、PV 统计数据初始化配置
  • LVTTL(Low Voltage Transistor-Transistor Logic)电平详解
  • K8S中MySQL配置持久化存储
  • Go 语言入门指南