跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 工具系统 > 防关联工具 > 若依管理系统RuoYi-Vue(前后端分离版)项目启动教程

若依管理系统RuoYi-Vue(前后端分离版)项目启动教程

时间:2024-04-09 17:31:06 来源:网络cs 作者:纳雷武 栏目:防关联工具 阅读:

标签: 分离  项目  启动  教程  管理  系统 

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

系统需求

JDK >= 1.8MySQL >= 5.7Maven >= 3.0Node >= 12Redis >= 3

开发工具(推荐):VScodeIDEA

目录

一:前期准备工作

1.1 拉取项目

1.2 VScode 配置 Java 开发环境(可选)

1.2.1 VSCode 中下载 JDK

1.2.2 配置 VSCode 项目的 JDK 路径

1.2.3 测试Java环境

二:后端运行

2.1 部署数据库

 2.2 开启redis

2.3 启动程序

三:前端运行


一:前期准备工作

1.1 拉取项目

1.前往Gitee下载页面(https://gitee.com/y_project/RuoYi-Vue )下载解压到工作目录

2.将下载下来的代码压缩包解压到本地,将ruoyi-ui(前端部分代码)移动到外层(前后端代码分开运行更加直观)

1.2 VScode 配置 Java 开发环境(可选)

因为我是用的vscode作为开发工具运行前后端,所以需要对其进行一定配置。用IDEA开发的大佬可略过...

1.2.1 VSCode 中下载 JDK

首先在vscode中安装以下插件

Language Support for Java™ by Red HatDebugger for JavaJava Test RunnerMaven for JavaProject Manager for Java

安装插件完成后按下 Ctrl+Shift+P输入Java: Configure Java Runtime进行下载

1.2.2 配置 VSCode 项目的 JDK 路径

在 vscode 的设置中查询 java.home ,选择 settings.json 文件中编辑 将 java.home 的路径设置为你的 JDK 目录

1.2.3 测试Java环境

使用Ctrl+Shift+P输入Java: create Project,输入项目名,在src文件夹中,选择Run运行Java代码,控制台数据Hello World则为成功

二:后端运行

首先先将RuoYi-Vue文件夹在VScode中打开

2.1 部署数据库

1.打开Navicat创建数据库ry-vue并导入数据脚本ry_2021xxxx.sqlquartz.sql

 2.Navicat运行完数据表之后打开 application-druid.yml,修改为本地配置的mysql数据库名,用户名和密码

 2.2 开启redis

打开redis服务(双击redis-server.exe

 如上图所示即为启动成功

2.3 启动程序

进入RuoYiApplication.java鼠标右键目录选择run.java,启动程序

 出现这个标志即表示若依后端启动成功

后端运行成功后,此时在浏览器中可以通过   http://localhost:8080   访问,如图:

三:前端运行

运行前首先确保安装了node环境,随后执行(此内容保存在README.md文件中)

# 进入项目目录cd ruoyi-ui# 安装依赖npm install# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=https://registry.npmmirror.com# 启动服务npm run dev

打开浏览器,输入:http://localhost:80 看到下图,即可表示若依系统启动成功

本文链接:https://www.kjpai.cn/news/2024-04-09/156145.html,文章来源:网络cs,作者:纳雷武,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论