若依框架分的四个版本前后端不分离版本RuoYi单体前后端分离版RuoYi-Vue单体本项目使用版本微服务版本RuoYi-Cloud移动端版RuoYi-App概述RuoYi-Vue 是一个 Java EE 企业级快速开发平台基于经典技术组合Spring Boot、Spring Security、MyBatis、Jwt、Vue内置模块如部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置支持集群支持多数据源支持分布式事务。技术选型1、系统环境Java EE 8 --- jdk 11Servlet 3.0Apache Maven 3Spring Boot 2.5.xSpring Framework 5.2.xApache MyBatis 3.5.x --- MyBatis PlusHibernate Validation 6.0.x 校验框架Alibaba Druid 1.2.xVue 2.6.x ---- Vue3Axios 0.21.xElement 2.15.x ---- Element PlusSpring 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 8Redis 3.0本地启动详细说明如下软件名称说明MySQL默认用户名root默认密码heima123端口3306Redis默认密码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?useUnicodetruecharacterEncodingutf8zeroDateTimeBehaviorconvertToNulluseSSLtrueserverTimezoneGMT%2B8 username: root password: heima123Redis配置找到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运行项目找到ruoyi-admin模块中的运行com.ruoyi.RuoYiApplication.java出现如下图表示启动成功。(♥◠‿◠) 若依启动成功 ლ(´ڡლ) .-------. ____ __ | _ _ \ \ \ / / | ( ) | \ _. / |(_ o _) / _( )_ . | (_,_). __ ___(_ o _) | |\ \ | || |(_,_) | | \ /| - / | | \ / \ / - - -..-运行前端项目前提官方推荐的前端项目使用的是vue3需要使用node 18版本以上我们需要使用基于vue3开发的代码官方推荐的地址https://github.com/yangzongzhuan/RuoYi-Vue3由于从github下载代码速度比较慢已经将当前代码同步了一份到gitee中地址如下https://gitee.com/alexisyang/ruo-yi-vue3.git解压到代码目录然后使用VSCode打开即可安装依赖和项目运行进入到前端代码的根目录然后执行以下命令npm install打开前端根目录下的vite.config.js文件把目标地址改为若依后端的服务地址如下图如果依赖已经安装完成配置也已修改则可以直接启动项目npm run devPS 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/综上就完成了若依框架的初次启动了