1. 安装

前往github/gitee,把最新的框架拉下来

git clone https://gitee.com/y_project/RuoYi-Vue
若依gitee:https://gitee.com/y_project/RuoYi-Vue

前端需要安装node.js&npm,后端需要安装redis,mysql,springboot,jdk,maven等等。

node.js & npm

可以前往官网下载

官网:https://nodejs.org/en/download

mysql

版本需要大于等于5.7

后端相关

直接使用idea自带即可

2. 使用

后端

数据库

直接运行sql里两个数据库文件,导入数据库,同时最好将字符集改成utf-8,以免编码问题报错,导不进去。

数据库编码.png

同时,也需要将RuoYi-Vue/ruoyi-admin/src/main/resources下的application-druid.yml中的数据库配置进行修改。

数据库配置.png

maven相关配置直接交给idea自动部署。

redis直接在安装的根目录下,执行redis-server.exe启动。

如果出现这个图案则说明后端启动成功。

若依启动成功.png

前端

前端在安装好npm和nodejs后,直接在ruoyi-ui位置执行npm install安装依赖,输入npm run dev执行前端。

若依前端登录.png

当出现这个界面的时候,说明我们的前后端已经搭建完成。

3.自动生成代码

首先准备一个表

drop table if exists stu_student;

create table stu_student (
  student_id           int(11)         auto_increment    comment '编号',
  student_name         varchar(30)     default ''        comment '学生名称',
  student_age          int(3)          default null      comment '年龄',
  student_hobby        varchar(30)     default ''        comment '爱好(0代码 1音乐 2电影)',
  student_sex          char(1)         default '0'       comment '性别(0男 1女 2未知)',
  student_status       char(1)         default '0'       comment '状态(0正常 1停用)',
  student_birthday     datetime                          comment '生日',
  primary key (student_id)
) engine=innodb auto_increment=1 comment = '学生信息表';

随后在代码生成的模块处导入表单。

导入表单.png

在编辑栏中可以对配置进行更改。注意填写右下角的上级菜单,如果不填写的话默认生成在系统工具里。

导入配置信息.png

在idea的文件结构中新创建一个模块(module),即名为ruoyi-student的maven文件。

后端模块.png

在总项目的pom文件中插入学生模块的依赖

 <dependency>
        <groupId>com.ruoyi</groupId>
        <artifactId>ruoyi-student</artifactId>
        <version>${ruoyi.version}</version>
 </dependency>

在admin模块的pom文件中插入学生模块的依赖

<dependency>
        <groupId>com.ruoyi</groupId>
        <artifactId>ruoyi-student</artifactId>
</dependency>

最后,将ruoyi-student的java文件替换成生成的java文件;

image-20240102215418987

将vue的views里面的文件夹加入到ruoyi-ui/src/views中,将api文件加入到ruoyi-ui/src/api里面。

重新启动前后端,进入后台,发现多了学生管理的模块,经过测试能够正常增删改查。

测试结果.png

最后修改:2024 年 02 月 15 日
如果觉得我的文章对你有用,请随意赞赏