前言

最近在学习若依前后端分离框架,以此记录一下学习过程。
源码地址
若依官方文档


一、项目简介

若依是基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统

前端采用Vue、Element UI。
后端采用Spring Boot、Spring Security、Redis & Jwt。
权限认证使用Jwt,支持多终端认证系统。
支持加载动态权限菜单,多方式轻松权限控制。
高效率开发,使用代码生成器可以一键生成前后端代码。

二、项目功能

用户管理:用户是系统操作者,该功能主要完成系统用户配置。
部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
岗位管理:配置系统用户所属担任职务。
菜单管理:配置系统菜单,操作权限,按钮权限标识等。
角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
字典管理:对系统中经常使用的一些较为固定的数据进行维护。
参数管理:对系统动态配置常用参数。
通知公告:系统通知公告信息发布维护。
操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
登录日志:系统登录日志记录查询包含登录异常。
在线用户:当前系统中活跃用户状态监控。
定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。
代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。
系统接口:根据业务代码自动生成相关的api接口文档。
服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。
缓存监控:对系统的缓存信息查询,命令统计等。
在线构建器:拖动表单元素生成相应的HTML代码。
连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。

三、项目部署

1.准备工作

JDK >= 1,8(推荐1.8版本)
Mysql >= 5,7,0(推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

2.下载项目

前往若依源码地址克隆项目至本地

1、新建一个文件夹,用来保存要克隆的项目,例我在E盘的Project-lx文件夹下新建了RuoYi_vue文件夹,例:E:\Project-lx\RuoYi_vue

2、在E:\Project-lx\RuoYi_vue文件夹中右击,选择Git Bash Here

3、git clone https://gitee.com/y_project/RuoYi-Vue.git
在这里插入图片描述
在这里插入图片描述

三、运行项目

1、后端运行

1、导入到Eclipse,菜单 File -> Import,然后选择Maven-> Existing Maven Projects,点击 Next> 按钮,选择工作目录,然后点击 Finish 按钮,即可成功导入。
Eclipse会自动加载Maven依赖包,初次加载会比较慢(根据自身网络情况而定)

2、创建数据库ry-vue并导入数据脚本ry_20210908.sqlquartz.sql

3、打开项目运行com.ruoyi.RuoYiApplication.java,出现如下图表示启动成功。
在这里插入图片描述

提示
后端运行成功可以通过http://localhost:8080 访问,但是不会出现静态页面,继续部署ruoyi-ui前端,然后通过前端地址来访问。

2、前端运行

提示: 可以用vscode打开ruoyi-ui

# 进入项目目录
cd ruoyi-ui

#安装依赖
npm install

# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npmmirror.com

# 本地开发 启动项目
npm run dev

3、必要配置

修改数据库连接,编辑resources目录下的application-druid.yml
在这里插入图片描述
修改服务器配置,编辑resources目录下的application.yml
在这里插入图片描述
在这里插入图片描述

Logo

快速构建 Web 应用程序

更多推荐