若依框架分的四个版本：

• 前后端不分离版本RuoYi（单体）

• 前后端分离版RuoYi-Vue（单体）本项目使用版本

• 微服务版本RuoYi-Cloud

• 移动端版RuoYi-App

• 概述

• RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。

• 技术选型

• 1、系统环境

• Java EE 8 ---> jdk 11

• Servlet 3.0

• Apache Maven 3

• Spring Boot 2.5.x

• Spring Framework 5.2.x

• Apache MyBatis 3.5.x ---> MyBatis Plus

• Hibernate Validation 6.0.x 校验框架

• Alibaba Druid 1.2.x

• Vue 2.6.x ----> Vue3

• Axios 0.21.x

• Element 2.15.x ----> Element Plus

• Spring Security 5.2.x 安全框架

• 环境搭建

• 熟悉了若依的基本情况之后，下面，我们就快速上手，来把这个框架搭建起来，并且需要顺利跑起来

• 准备工作

• 基础软件准备

  官方推荐	优化升级
  JDK >= 1.8 (推荐1.8版本)	升级为JDK 11 资料中提供了安装包
  Maven >= 3.0	不需要安装，直接使用IDEA中自带的Maven即可
  Node >= 12	前端代码由vue2升级为vue3，需要Node 18及以上的版本
  Mysql >= 5.7.0 (推荐5.7版本)	升级为MySQL 8
  Redis >= 3.0	本地启动

  详细说明如下：

  软件名称	说明
  MySQL	默认用户名：root，默认密码：heima123，端口：3306
  Redis	默认密码：123456，端口：6379

• 运行后端项目

• 下载代码

• 代码下载地址：https://gitee.com/y_project/RuoYi-Vue 

  • 数据库准备和配置

  • 数据库使用的MySQL 8

    • 默认的用户名：root

    • 默认的密码：heima123

  在idea中创建数据库并导入项目中的基础表结构和数据（运行两个sql）文件

• sql执行成功以后，修改数据库连接，找到ruoyi-admin模块中的resources目录下的application-druid.yml

• # 数据源配置
  spring:
      datasource:
          type: com.alibaba.druid.pool.DruidDataSource
          driverClassName: com.mysql.cj.jdbc.Driver
          druid:
              # 主库数据源
              master:
                  url: jdbc:mysql://192.168.100.168:3306/zzyl?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
                  username: root
                  password: heima123

1. Redis配置

找到ruoyi-admin模块中的resources目录下的application.yml，如下配置：

# Spring配置
spring:
  redis:
    # 地址
    host: 192.168.100.168
    # 端口，默认为6379
    port: 6379
    # 数据库索引
    database: 0
    # 密码
    password: 123456
    # 连接超时时间
    timeout: 10s
    lettuce:
      pool:
        # 连接池中的最小空闲连接
        min-idle: 0
        # 连接池中的最大空闲连接
        max-idle: 8
        # 连接池的最大数据库连接数
        max-active: 8
        # #连接池最大阻塞等待时间（使用负值表示没有限制）
        max-wait: -1ms

1. 运行项目

找到ruoyi-admin模块中的运行com.ruoyi.RuoYiApplication.java，出现如下图表示启动成功。

(♥◠‿◠)ﾉﾞ  若依启动成功   ლ(´ڡ`ლ)ﾞ  
 .-------.       ____     __        
 |  _ _   \      \   \   /  /    
 | ( ' )  |       \  _. /  '       
 |(_ o _) /        _( )_ .'         
 | (_,_).' __  ___(_ o _)'          
 |  |\ \  |  ||   |(_,_)'         
 |  | \ `'   /|   `-'  /           
 |  |  \    /  \      /           
 ''-'   `'-'    `-..-'    

1. 运行前端项目

1. 前提

官方推荐的前端项目，使用的是vue3，需要使用node 18版本以上

我们需要使用基于vue3开发的代码，官方推荐的地址：https://github.com/yangzongzhuan/RuoYi-Vue3

由于从github下载代码速度比较慢，已经将当前代码同步了一份到gitee中，地址如下：https://gitee.com/alexisyang/ruo-yi-vue3.git

解压到代码目录，然后使用VSCode打开即可：

1. 安装依赖和项目运行

进入到前端代码的根目录，然后执行以下命令：

npm install 

打开前端根目录下的vite.config.js文件，把目标地址改为若依后端的服务地址，如下图：如果依赖已经安装完成，配置也已修改，则可以直接启动项目

npm run dev

PS D:\workspace\project-ry-zzyl-vue3> npm run dev

  VITE v5.0.4  ready in 1247 ms

  ➜  Local:   http://localhost:80/
  ➜  Network: http://169.254.117.147:80/
  ➜  Network: http://192.168.200.1:80/
  ➜  Network: http://172.16.17.191:80/
  ➜  press h + enter to show help

启动前后端成功后，可以访问页面，地址：http://localhost:80/

综上就完成了若依框架的初次启动了