若依框架-前后端分离版环境搭建及启动教程

前言： ‌若依框架（RuoYi）是一款基于Spring Boot、Spring Security、MyBatis-plus、Vue、Element-UI 的快速开发平台，采用前后端分离的方式进行开发。‌ 它包含了许多常用的功能，如用户管理、角色管理、菜单管理、部门管理、字典管理等，能够快速搭建企业级应用。若依框架提供了可视化代码生成器，提高了开发效率和代码质量，并且集成了多种开源组件和插件，支持自定义扩展，适合现代化企业的开发需求‌。

一、前置环境准备

若依环境版本要求 :  JDK >= 1.8   、 MySQL >= 5.7.0 、Redis >=3.0、Maven >= 3.0 、Node >=12 

作者版本 : JDK (1.8) 、MySQL(8.0)、Redis (3.0.504)、Maven(3.6.3)、node(20.13.1)

说明: 小伙伴们可以直接按照我这个版本或自定义其他版本进行安装。

1、 JDK 

  下载地址： https://www.oracle.com/java/technologies/downloads/#java8-windows

  教程： JDK下载与安装详细教程

  安装后效果： 

2、 MySQL

下载地址： 
https://dev.mysql.com/downloads/windows/installer/8.0.html

推荐 : 使用MSI方式安装，直接使用zip可能会遇到各种各样的问题。

配置教程： MySQL下载和安装教程（推荐-MSI方式）​​​​​​

安装后版本查看：

3、 Maven

下载地址： https://maven.apache.org/download.cgi

教程： Maven安装与配置

4、 Redis

下载地址：Releases · tporadowski/redis · GitHub

 配置教程： window下Redis下载与安装

5、 Node

下载地址：https://nodejs.org/zh-cn/download/prebuilt-installer

配置教程： node安装及配置教程

说明： IDEA的下载安装以及在IDEA中进行Maven、MySQL的配置可自行查阅资料。

二、详细步骤

1、 项目拉取及解压

    地址：https://gitee.com/y_project/RuoYi-Vue

2、IDEA导入解压项目

3、导入数据库文件

 新建数据库 ry-vue 并导入将项目中sql文件夹下sql文件（quartz.sql、ry_20240629.sql）导入

4、配置文件配置连接信息

5、启动后台项目

  进入RuoYiApplication类中，点击运行按钮即可，效果如下，表示启动成功

6、 启动前台项目

操作： 进入到ruoyi-ui根目录下，运行npm install 安装相关依赖（node_modules目录），然后右键package.json，选择 Show npm Scripts 打开运行窗口（如下图所示）。

双击 dev 启动前端项目，出现如下页面，启动成功!

访问地址:  http://localhost:80/ ，效果如下

登录成功后效果如下：

若依-前后端分离版启动成功，小伙伴们可以在此基础上进行开发任务啦！！