一、若依简介
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
一般运行后会弹出界面,使用默认密码,只需要输入验证码,即可登录!