若依/RuoYi-Vue（前后端分离）笔记

1.技术站：

springboot+vue

2.环境要求

（1）JDk 1.8+

Java 运行时环境和开发工具。它负责编译、运行 Java 代码

（2）mysql

存储系统的各种数据

（3）Redis

高性能的内存数据库，在若依项目中主要用于缓存数据

（4）Maven

项目构建工具

（5）vue

构建用户界面

JDK 1.8+：Java Development Kit 是 Java 开发的核心工具包，若依项目是基于 Java 语言开发的，所以需要 JDK 来提供 Java 运行时环境和开发工具。它负责编译、运行 Java 代码，提供了 Java 的核心类库以及各种开发和调试工具，是若依项目能够正常编译、部署和运行的基础。
MySQL：是一种常用的关系型数据库管理系统，在若依项目中主要用于存储系统的各种数据，如用户信息、角色权限、业务数据等。若依项目通过数据库操作来实现数据的持久化，方便对数据进行查询、插入、更新和删除等操作，以支持系统的各种业务功能。
Redis：是一个高性能的内存数据库，在若依项目中主要用于缓存数据。它可以存储经常访问的数据，如用户登录信息、系统配置信息等，以提高系统的访问速度和性能。通过将数据缓存在 Redis 中，可以减少对数据库的频繁访问，减轻数据库的压力，从而提高整个系统的响应速度和并发处理能力。
Maven：是一个项目构建工具，用于管理 Java 项目的依赖关系、构建过程和项目生命周期。在若依项目中，Maven 可以自动下载项目所需的各种依赖库，如 Java 框架、第三方工具等，并且可以按照规定的构建流程进行项目的编译、测试、打包和部署等操作，使得项目的构建和管理更加高效、规范和易于维护。
Vue：是一款流行的 JavaScript 前端框架，在若依项目中主要用于构建用户界面。它通过组件化的方式来组织前端代码，使得前端页面的开发更加高效、可维护。Vue 与后端的 Spring Boot 等框架相结合，实现前后端分离的架构，Vue 负责前端页面的展示和交互逻辑，通过与后端接口进行数据交互，为用户提供良好的用户体验。

3.使用若依

使用开源项目的步骤:

1、下载并运行

地址：

RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本

建议使用git下载

git clone https://gitee.com/y_project/RuoYi-Vue.git

（1）具体步骤下载

SSH

https://gitee.com/y_project/RuoYi-Vue.git

提示

下载代码请复制以下命令到终端执行

git clone https://gitee.com/y_project/RuoYi-Vue.git

为确保你提交的代码身份被 Gitee 正确识别，请执行以下命令完成配置

使用 HTTPS 协议时，命令行会出现如下账号密码验证步骤。基于安全考虑，Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for ‘https://gitee.com‘: userName

Password for ‘https://userName@gitee.com‘: # 私人令牌

（2）配置数据库Mysql Reids

Mysql配置

(本地执行数据脚本sql) 推荐使用数据库可视化工具

(更该本地的数据源) 在该文件application-druid.yml

文件地址:RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml

代码块：

master:
url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
username: root
password: password

Reids配置

(启动reids服务)

配置Reids：application.yml

代码块：

redis:

地址

host: localhost

端口，默认为6379

port: 6379

（3）启动后端主类

地址：RuoYi-Vue\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java

后端访问地址：http://localhost:8080

（4）启动前端

进入项目目录

cd ruoyi-ui

安装依赖

npm install

建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install —registry=https://registry.npmmirror.com

启动服务

npm run dev
``

2、看懂业务流程

ruoyi-ui：前端

ruoyi-admin：后端

sql：数据库