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,以免编码问题报错,导不进去。
同时,也需要将RuoYi-Vue/ruoyi-admin/src/main/resources下的application-druid.yml中的数据库配置进行修改。
maven相关配置直接交给idea自动部署。
redis直接在安装的根目录下,执行redis-server.exe启动。
如果出现这个图案则说明后端启动成功。
前端
前端在安装好npm和nodejs后,直接在ruoyi-ui位置执行npm install安装依赖,输入npm run dev执行前端。
当出现这个界面的时候,说明我们的前后端已经搭建完成。
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 = '学生信息表';
随后在代码生成的模块处导入表单。
在编辑栏中可以对配置进行更改。注意填写右下角的上级菜单,如果不填写的话默认生成在系统工具里。
在idea的文件结构中新创建一个模块(module),即名为ruoyi-student的maven文件。
在总项目的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文件;
将vue的views里面的文件夹加入到ruoyi-ui/src/views中,将api文件加入到ruoyi-ui/src/api里面。
重新启动前后端,进入后台,发现多了学生管理的模块,经过测试能够正常增删改查。
1 条评论