基于Ruoyi-vue的初步理解案例 demo 创建一个学生管理系统

太过爱你忘了你带给我的痛 2023-09-23 15:13 92阅读 0赞

本章将会通过一个简单的学生管理系统，为大家演示一下如何使用ruoyi-vue去搭建一个自己的管理系统。

首先我们需要在我们的数据库中去创建一个学生信息表i，如下所示;

![453fca8d5d514f29b95c66517ced9fd9.png][]

大家可以在每个字段的后边加上备注，在后边使用数据库生成的时候1会自动识别你的备注，进而为这个字段加上标注：当然你也可以在后边生成的时候自己加备注;l另外你也需要给这个表加上学生信息的备注（在栏的上方） ：

加上备注之后我们启动我们的若依；

上篇文章有详细介绍关于如何启动我们的若依;传送们如下：![60344583039e44d78599cb7f34266720.png][][(2条消息) 若依分离版的前后端部署\_灰灰的996的博客-CSDN博客][2_ _996_-CSDN]

首先我们需要先去在管理目录上加上我们的学生管理系统;

点击系统管理下边的菜单管理，然后点击新增 编辑以下页面

![082e28d723a14ebca8be438155c5aa1b.png][]

这里的路由地址就是我们的模块名

点击确定

再找到系统工具栏里边的代码生成，点击导入，然后找到我们创建的student 学生信息表，点击确定导入，导入成功之后的页面如下；

![4106502734a44aa6825ba374780e779f.png][]

成功导入我们的表之后 需要对我们的表进行配置编辑，比如说我们的模块名（这个模块名就是我我们生成代码后需要插入到idea 中的模块名），单表还是多表查询等等： 具体的配置如下

字段信息配置

![10c2e30e352542b9ac9a129ce3f4e834.png][]

基本信息配置

![a54b628eea5a4c17829ecaf3ca278ee3.png][] 生成信息配置

![8a20bca259a94140b0dc1b4614c4b013.png][]

这里的业务名是我们后边生成代码地址 类似于之前我们配置的 上下文地址；

（业务名跟模块名可以随便取但是不i能重复）

配置完成之后，选中我们的表点击 代码生成

![4647e02f30b64fc5a8ed097884ec1eab.png][]

点击生成之后会自动下载一个压缩包：

目录结构如下·

![4b56521976cb40a584e9c085239fc41b.png][]

我们解压之后，打开我们再idea中的若依框架， 点击新建一个model

![90c57506666f46c8872048f3b02879f0.png][]

子模块名为ruoyi-student(跟我们生成时的模块名对应)

然后再我们最下方ruoyi的pom文件中加上依赖：

![6dcbcc7e617047fb996b85caac9dbbb7.png][]

学生模块的依赖添加上去，然后也将此依赖加到admin模块下边的 pom文件中

注意依赖添加的位置因为每个模块都有自己的依赖;

![151ac86a110649c9b7cbfbe55fec54a4.png][]

我们新加ruoyi-student pom依赖如下：

![bdf7ef5d26ba4d788f17479412e78134.png][]

添加好依赖之后 将生成的代码中的后端部分 main加到我们的student 模块的目录结构中就可以了：直接复制过来就好

![04cc39d1160345f691fb33991356e736.png][]

前端的 vue加入到 ruoyi-ui对应的部分中

![f8d952d8a4724271b632159004de36f0.png][]

然后将代码生成的sql文件内容复制下来在我们的数据库中运行一次；

执行之后就可以在我们的页面管理栏中看到出现学生管理的管理栏了；

点击新建查询 将文本粘贴过来：

![9d388dede06f44ac8ee1c3c394a9a869.png][]

运行之后重启我们的后端:然后刷新我们的若依管理系统：

就可以对学生进行增删改查了：

![1a26da6cc4154525ac6c36ab77d7d1ed.png][]

![89e4f9849f134c39a63b129ca32461bd.png][]

这样一个简单的 基于若依搭建的学生管理系统就做好啦！

有什么问题 欢迎大家来交流！

[453fca8d5d514f29b95c66517ced9fd9.png]: https://img-blog.csdnimg.cn/453fca8d5d514f29b95c66517ced9fd9.png
[60344583039e44d78599cb7f34266720.png]: https://img-blog.csdnimg.cn/60344583039e44d78599cb7f34266720.png
[2_ _996_-CSDN]: https://blog.csdn.net/m0_73379880/article/details/127783976
[082e28d723a14ebca8be438155c5aa1b.png]: https://img-blog.csdnimg.cn/082e28d723a14ebca8be438155c5aa1b.png
[4106502734a44aa6825ba374780e779f.png]: https://img-blog.csdnimg.cn/4106502734a44aa6825ba374780e779f.png
[10c2e30e352542b9ac9a129ce3f4e834.png]: https://img-blog.csdnimg.cn/10c2e30e352542b9ac9a129ce3f4e834.png
[a54b628eea5a4c17829ecaf3ca278ee3.png]: https://img-blog.csdnimg.cn/a54b628eea5a4c17829ecaf3ca278ee3.png
[8a20bca259a94140b0dc1b4614c4b013.png]: https://img-blog.csdnimg.cn/8a20bca259a94140b0dc1b4614c4b013.png
[4647e02f30b64fc5a8ed097884ec1eab.png]: https://img-blog.csdnimg.cn/4647e02f30b64fc5a8ed097884ec1eab.png
[4b56521976cb40a584e9c085239fc41b.png]: https://img-blog.csdnimg.cn/4b56521976cb40a584e9c085239fc41b.png
[90c57506666f46c8872048f3b02879f0.png]: https://img-blog.csdnimg.cn/90c57506666f46c8872048f3b02879f0.png
[6dcbcc7e617047fb996b85caac9dbbb7.png]: https://img-blog.csdnimg.cn/6dcbcc7e617047fb996b85caac9dbbb7.png
[151ac86a110649c9b7cbfbe55fec54a4.png]: https://img-blog.csdnimg.cn/151ac86a110649c9b7cbfbe55fec54a4.png
[bdf7ef5d26ba4d788f17479412e78134.png]: https://img-blog.csdnimg.cn/bdf7ef5d26ba4d788f17479412e78134.png
[04cc39d1160345f691fb33991356e736.png]: https://img-blog.csdnimg.cn/04cc39d1160345f691fb33991356e736.png
[f8d952d8a4724271b632159004de36f0.png]: https://img-blog.csdnimg.cn/f8d952d8a4724271b632159004de36f0.png
[9d388dede06f44ac8ee1c3c394a9a869.png]: https://img-blog.csdnimg.cn/9d388dede06f44ac8ee1c3c394a9a869.png
[1a26da6cc4154525ac6c36ab77d7d1ed.png]: https://img-blog.csdnimg.cn/1a26da6cc4154525ac6c36ab77d7d1ed.png
[89e4f9849f134c39a63b129ca32461bd.png]: https://img-blog.csdnimg.cn/89e4f9849f134c39a63b129ca32461bd.png