若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11

一直想搭一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己搭了一套后台系统（基于windows11系统）。

官方网站文档用Eclipse搭建，官方只用简单的几句就搭建成功了（对于小白来说，无疑是痛苦的，见下图）：

查了网上有用IDEA不多，而且不够细,如此便有了若依管理系统的IDEA搭法，中间我遇到的一些坑，我把我的搭法分享给大家，希望B友、C友们能点个赞。

项目官网GIT下载地址
https://gitee.com/y_project/RuoYi-Vue

系统需求

本机环境：windows 11 huawei i7 16G

IDEA

JDK >= 1.8

MySQL >= 5.5 （我用5.7.15)

Maven >= 3.0

navicat =15

redis 3.2.100

node v16.17.1

1、下载项目，运行IDEA,导入项目（注意下载前后端分离版本）。

方法一：前往Gitee下载页面(https://gitee.com/y_project/RuoYi-Vue (opens new window))下载解压到工作目录

方法二：用IDEA直接导入HTTPS

URL:粘贴

2、IDEA 导入项目后，配置SQL数据库：

找到并点击左边菜单，ruoyi-admin\src\main\resoures\mybatis\application-druid.yml

箭头的地方改成你的数据库对应的IP和端口（本地数据库localhost:3306如上图）及数据库名（红色框里是你的数据库名），输入你的用户名密码。如果不知道你的本地数据库名，看下面，下面用官方的测试数据库。

3、网上下载一个Navicat，傻瓜式安装完成后运行（破解版本请网上搜索）。

官网地址

http://www.navicat.com.cn/

OR借用链接：https://pan.baidu.com/s/1P2E4iEpRp8tknIVvUotI2g
提取码：jvj2

运行 -链接

新建链接

右键-运行MYSQL文件,把RuoYi-Vue\sql\文件夹下面的2个sql文件各加载一次

注意编码见上图（UTF-8）

红色框的就是我们的数据库名字了

数据库运行完成！

4、安装包方式安装 Redis 服务

下载地址：https://github.com/MicrosoftArchive/redis/releases

下载完成点击install安装，安装后，进入redis安装目录找到配置文件，一定选redis.windows-service.conf,不是redis.windows.conf,后者是以非系统服务方式启动程序使用的配置文件.

在配置文件中,找到requirepass foobared，在后面追加一行，输入requirepass 12345678。这是访问Redis时的密码，一般测试情况下可以不设密码。本人建议设定一个密码。设置个简单的12345678密码，保存退出

右键计算机-->管理-->服务和应用程序-->服务，在右侧找到Redis的服务。如未启动，请手动启动之。一般情况下，服务应该正常启动并运行了，因为前面修改过配置文件，所有请重启服务。

启动redis后的界面：

5、还需要启动Node，下载一个node，傻瓜式安装完成启动完成后的界面见下图：

官网下载对应系统安装包 https://nodejs.org/en/download/；

安装时注意修改安装目录，建议放在非C盘目录下，一路默认安装即可；

安装完成后启动命令行工具，输入 node -vnpm -v 查看安装版本，出现提示版本信息即为安装成功(见图1) 。

启动node

Ruoyi启动

启动完成出现下图：

后端成功启动完成。

启动前端：

1、找到ruoyi-ui文件夹目录，运行CMD命令，安装依赖环境：

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

啥？不会找路径？

IDEA界面进入cmd

进入这目录

2、安装好依赖环境后，启动npm，还是在原来的cmd窗口，用CMD命令运行：npm run dev

输入用户名密码和验证码后，即可登陆进入系统

啥？没有验证码？哈哈，跟我失败的一样，翻到前面的后端看看，是不是你的数据库没启动正常？数据库的名字不对？

实在不行，重启电脑一次，做下眼保健操，滴一下眼药水后，点赞收藏，再试试，谢谢！

若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11相关推荐

从零入门开源框架---若依(前后端分离版)
一.若依是什么? 若依它就是一个开源项目,别人写好的代码,我们拿来进行二次开发,它主要是做数据和权限管理系统. 二.使用背景任何公司的各种大的项目必然需要一个后台权限管理系统,这是必然的,但是如果不 ...
php node.js django,Vue.js和Django搭建前后端分离项目示例详解
本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例,具有一定参考价值,有兴趣的可以了解一下在写这篇文章的时候,顺带学习了一下关于Markdown的使用方法. 笔者是个渣渣,一切都是 ...
Nodejs搭建前后端分离开发模式下的微信网页项目
原文链接:<Nodejs搭建前后端分离开发模式下的微信网页项目>- 陈帅华本文涉及对前后端分离及微信网页项目中的前端如何在本地环境中开发与调试的思考. 主要问题 1.如何配置微信公众平台 ...
视频教程-SpringBoot实战教程：SpringBoot入门及前后端分离项目开发-Java
SpringBoot实战教程:SpringBoot入门及前后端分离项目开发十三,CSDN达人课课程作者,CSDN 博客作者,现就职于某网络科技公司任职高级 Java 开发工程师,13blog.sit ...
Laravel8 Sanctum API认证+Vue问卷搭建前后端分离SPA应用
Laravel8 Sanctum API认证+Vue问卷搭建前后端分离SPA应用 1 Sanctum 扩展安装与配置 1.1 安装Sanctum 1.2 配置API中间件 1.3 跨域访问配置 1. ...
vue项目内封装axios.，使用Mock，搭建前后端分离环境。Axios + Promise + Mock
1.安装Mock npm install mockjs --save-dev 1.1加入相关Mock代码在SRC目录下创建文件夹mock,在里面创建虚拟接口地址及数据: // mock/index. ...
若依前后端分离版本集成Mybatis-plus
若依前后端分离版本集成Mybatis-plus 一.为什么要集成Mybatis-plus 简介特性二.集成Mybatis-plus 导入依赖修改application.yml 配置文件修改se ...
若依前后端分离版本集成CAS Server5.3
前言此次项目向使用RuoYi-Vue版本做开发,需要进行单点登录,在做完一次集成后形成了这篇文章,有不足之处望请谅解.因为前后端分离版本和不分离版本有区别集成方式也不太一样,主要区分是在单点登录退出 ...
若依前后端分离版本如何使用Swagger
对于若依前后端分离版本,我们应该如何使用Swagger在线接口文档呢? 目录一.访问接口文档地址二.修改后端配置文件三.获取登录token

若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11

4、安装包方式安装 Redis 服务

若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11相关推荐

最新文章

热门文章