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

2024-09-05 04:28

本文主要是介绍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)

💡系统环境需求:

  • JDK >= 1.8 (参考JDK的具体安装步骤(带图带解释巨详细)_java_脚本之家)
  • MySQL >= 5.7 (可参考我的上一篇文章安装 安装MySQL)
  • Maven >= 3.0 (参考MAVEN安装配置介绍_maven配置文件-CSDN博客)
  • Node >= 12 (参考nodejs安装及环境配置-CSDN博客)
  • Redis >= 3  (参考 超级详细 的 Redis 安装教程_redis安装-CSDN博客)

💡源码下载

源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启动项目,即可启动前端项目。

这篇关于ruoyi若伊项目(vue前后端分离)下载搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1137944

相关文章

SpringBoot项目中报错The field screenShot exceeds its maximum permitted size of 1048576 bytes.的问题及解决

《SpringBoot项目中报错ThefieldscreenShotexceedsitsmaximumpermittedsizeof1048576bytes.的问题及解决》这篇文章... 目录项目场景问题描述原因分析解决方案总结项目场景javascript提示:项目相关背景:项目场景:基于Spring

解决Maven项目idea找不到本地仓库jar包问题以及使用mvn install:install-file

《解决Maven项目idea找不到本地仓库jar包问题以及使用mvninstall:install-file》:本文主要介绍解决Maven项目idea找不到本地仓库jar包问题以及使用mvnin... 目录Maven项目idea找不到本地仓库jar包以及使用mvn install:install-file基

Spring Security+JWT如何实现前后端分离权限控制

《SpringSecurity+JWT如何实现前后端分离权限控制》本篇将手把手教你用SpringSecurity+JWT搭建一套完整的登录认证与权限控制体系,具有很好的参考价值,希望对大家... 目录Spring Security+JWT实现前后端分离权限控制实战一、为什么要用 JWT?二、JWT 基本结构

springboot项目如何开启https服务

《springboot项目如何开启https服务》:本文主要介绍springboot项目如何开启https服务方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录springboot项目开启https服务1. 生成SSL证书密钥库使用keytool生成自签名证书将

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

将Java项目提交到云服务器的流程步骤

《将Java项目提交到云服务器的流程步骤》所谓将项目提交到云服务器即将你的项目打成一个jar包然后提交到云服务器即可,因此我们需要准备服务器环境为:Linux+JDK+MariDB(MySQL)+Gi... 目录1. 安装 jdk1.1 查看 jdk 版本1.2 下载 jdk2. 安装 mariadb(my

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的