ruoyi若伊项目(vue前后端分离)下载搭建

介绍

💡 RuoYi-Vue 

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

若伊文档官网:RuoYi

💡 dromara/RuoYi-Vue-Plus

RuoYi-Vue-Plus 是重写 RuoYi-Vue 针对 分布式集群与多租户 场景全方位升级(不兼容原框架)

这个后台管理框架在若伊基础上进行升级,功能更加复杂,此处不做多介绍,感兴趣可自行了解。

官网:plus-doc

gitee地址:RuoYi-Vue-Plus: 多租户后台管理系统 重写RuoYi-Vue所有功能 集成 Sa-Token、Mybatis-Plus、Flowable、SpringDoc、Hutool、OSS 定期同步

若伊前后端分离项目下载搭建(Vue2)

💡系统环境需求:

💡源码下载

源RuoYi 源码下载:https://gitee.com/y_project/RuoYi-Vue

git 克隆下载代码:git clone https://gitee.com/y_project/RuoYi-Vue.git

项目结构如下

💡后端启动

1. 打开项目文件RuoYi-Vue,此处用的IDE工具是Idea

2.运行SQL文件引入相应数据库表

此处用的数据库管理工具Navicat Premuim

新建mysql连接,输入前面下载mysql设置好的端口号、用户名、密码登信息,创建mysql连接

打开连接,再创建ruoyi数据库

右键数据库,选择“运行SQL文件”

选择这两个SQL文件,即可导入数据表

3.修改后端项目相关数据库配置

4.启动redis

再打开这个文件,点击右上角运行图标,即可启动后端服务

至此后端服务启动成功。

💡前端启动

打开VScode,打开ruoyi-ui文件夹

npm instal 安装依赖

npm run dev启动项目,即可启动前端项目。

### 若伊登录Token生成、验证及解决方案 #### JWT概述 在现代Web应用中,用户身份认证至关重要。JSON Web Token(JWT)作为一种轻量级、可扩展的身份认证标准,在保障系统安全性方面发挥着重要作用[^3]。 #### 单Token方案描述 传统的单Token方案指用户成功登录后,服务器会签发一个JWT令牌给客户端。此后每一次HTTP请求,客户端都需要附带此Token以便于服务端进行权限校验和解析操作[^1]。 #### 双Token三验证机制 为了增强系统的健壮性和用户体验,采用双Token架构:除了常规访问所需的Access Token外还引入Refresh Token用于延长Session有效期而不必频繁重新登陆;同时配合滑动过期策略进一步提升灵活性与安全性。具体流程如下: - **初次登录** 当用户首次通过用户名密码等方式完成身份验证之后,后台将创建一对包含AccessToken 和 RefreshToken 的组合并返回给前端。 - **日常交互过程中的授权检查** 客户端随同每一个API调用来提交当前持有的有效期内的 Access Token ,由网关负责解码检验其合法性及时效性。 - **接近失效前续期处理** 如果检测到即将到期,则利用尚未过期但仍合法可用状态下的 Refresh Token 向专门接口申请换取新的成对 Tokens 组合以维持连续不间断的服务接入能力。 ```javascript // 示例代码片段展示如何刷新token async function refreshToken() { const response = await fetch('/auth/refresh_token', { method: 'POST', headers: { Authorization: `Bearer ${localStorage.getItem('refreshToken')}` }, }); if (response.ok) { const tokens = await response.json(); localStorage.setItem('accessToken', tokens.accessToken); localStorage.setItem('refreshToken', tokens.refreshToken); } else { console.error('Failed to refresh token'); } } ``` 对于某些特定场景下遇到的问题比如Swagger UI无法正常工作的情况可以通过调整配置文件来尝试解决问题,确保所有路径都能正确识别所需的安全定义[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值