RuoYi-Vue若依 环境搭建 速成

一、若依简介

RuoYi-Vue 是一个开源的后台管理系统，适用于快速开发企业级应用。该平台由两部分组成：前端和后端。

（1）技术框架

前端技术：

• Vue.js: 前端框架使用 Vue.js，这是一种流行的JavaScript框架，用于构建用户界面和单页应用程序。
• Element UI: 采用了 Element UI 组件库，这是一个基于 Vue 2.0 的前端UI库，提供了丰富的UI组件，有助于快速构建界面。

后端技术：

• Spring Boot: 后端基于 Spring Boot，这是一个开源的Java框架，用于创建独立的、生产级别的基于Spring的应用程序。
• Spring Security: 安全框架使用 Spring Security，提供了一系列安全相关的功能，如认证、授权等。
• JWT: 权限认证采用 JWT（JSON Web Tokens），支持多终端认证系统。
• Redis: 使用 Redis 作为缓存数据库，提高系统性能。

（2）RuoYi-Vue开发官网 

RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框架|Java|SpringBoot|SrpingBoot2.0|SrpingCloud|Alibaba|MyBatis|Shiro|OAuth2.0|Thymeleaf|BootStrap|Vue|Element-UI||www.ruoyi.viphttps://ruoyi.vip/

（3）官方推荐软件环境：

• JDK >= 1.8
• Mysql >= 5.7.0
• Redis >= 3.0
• Maven >- 3.0
• Node >= 12

若依权限控制（RBAC）

基于角色的权限控制，权限控制通过以下表说明：

表名	说明
sys_dept	部门表
sys_post	岗（职）位信息表
sys_menu	菜单权限表
sys_role	角色信息表
sys_role_dept	角色和部门关联表
sys_role_menu	角色和菜单关联表
sys_user	用户信息表
sys_user_post	用户与岗位关联表
sys_user_role	用户和角色关联表

二、搭建若依环境

首先进入官网下载若依的项目

按照以下步骤执行即可：

（1）拉取代码

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

（2） 创建数据库并执行sql语句

这里的数据库名自定义取，我这里就取名为ruoyi_vue，大家记得在application.yml中修改所使用的数据库的名，以及改为自己数据库的密码

在数据库中执行一下sql语句，创建名为：ruoyi_vue的数据库 

drop database if exists ruoyi_vue;
create database ruoyi_vue;
use ruoyi_vue;

接下来在项目中找到sql这栏，在此执行两个sql后缀的文件

运行完后，ruoy_vuei数据库中有30张表

（3）启动项目-后端

记得修改resource中的application.yml中相关配置信息！还有启动redis哦！

然后在ruoyi-admin模块的启动类中，启动项目

若依默认8080端口，如何知道自己是否启动后端成功？可以访问该地址：http://localhost:8080/  

如下图所示就表示成功啦：

 

 （4）启动项目-前端

前端代码位置：

我这里使用vscode打开，方便我操作

打开ruoyi-ui文件夹后，在终端使用以下命令，执行安装操作

npm install

当然如果你的npm版本过低，会提示你更新高版本的npm进行操作

 

 安装完成后，执行下面命令运行前端：

npm run dev

一般运行后会弹出界面，使用默认密码，只需要输入验证码，即可登录！