使用若依框架RuoYi前后端分离版(超详细步骤)-程序员宅基地

技术标签： spring boot  java  mybatis  前端  vue.js  javascript  

下一客:若依框架代码生成工具–单表增删改查(超详细步骤)

一、若依框架RuoYi项目运行启动教程(详细步骤)

1.1 官网下载代码

第一步:简介
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架。
官网链接
在线文档

第二步:下载源码

在这里插入图片描述在这里插入图片描述

1.点击复制,将链接复制到IDEA中,点击Git →点击Clone
在这里插入图片描述

  1. 将复制的链接粘贴到URL,点击Clone
    在这里插入图片描述
    修改补正:(复制路径存在一些小问题,进行以下修改)
    将链接复制完成后,打开IDEA→File→New→Project from Version Contro…→将链接复制到URL:
    如下图:
    在这里插入图片描述
    在这里插入图片描述

ruoyi-admin:这是启动和配置数据库的文件夹,后台服务
ruoyi-common:通用工具,如工具类、异常处理、过滤器等
ruoyi-framework:框架核心,如aop切面、系统配置、拦截器
ruoyi-generator:代码生成器,主要通过页面操作生成
ruoyi-quartz:定时任务
ruoyi-system:系统模块,系统代码
ruoyi-ui:后台管理系统的页面代码,采用Vue、Element UI
在这里插入图片描述

1.2搭建若依环境

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Maven >= 3.0
node >= 12.0
Redis >= 5

第一步:配置数据库

1.打开Navicat数据库可视化工具,点击左上角的【连接】按钮。在这里插入图片描述
2.新建连接，大家要注意了，此处新建的是连接，不是新建的数据库，我看到好多人都是把连接名当成库名写上了，这是不对的。可以建多个连接的意思是比如我们可以连接本地的mysql,也可以连接开发环境服务器的mysql,或者测试环境、生产环境等不同的Mysql.
还有很多小伙伴，MySQL数据库的密码忘记了，我们可以通过左下角的【连接测试】按钮来测试密码是否正确。

在这里插入图片描述

3.连接成功后，在左侧列表双击连接名，可以看到Mysql的自带的系统库。
注意：此处Mysql自带的几个库为系统库，千万不要觉得这乱七八糟的什么东西，删除了吧。这样会导致Mysql运行不正常。
在这里插入图片描述

4.连接成功后，我们需要新建数据库，在连接名上点击鼠标右键，选择新建数据库。
填写数据库名(数据库名通常与源码空间站提供的sql文件名相同)，字符集选择utf-8，排序规则选择utf8_general_ci.
在这里插入图片描述

5.执行SQL文件，数据库创建成功后，需要我们导入sql文件，在数据库名上点击鼠标右键，选择【运行SQL文件】。运行红框内的两个sql文件
在这里插入图片描述

6.找到sql文件所在的本地路径，选中的后，点击【开始】，执行SQL文件
在这里插入图片描述

[SQL] Query ry 20230223 start(文件)
[SQL]Finished successfully(运行成功)
在这里插入图片描述

7.执行成功后，我们看到数据表还是空的。此时很多小伙伴就疑惑了，明明已经执行成功了，为什么没有表呢？ 重要：执行完成后要【刷新】。
在【表】上点击鼠标右键，选择【刷新】，刷新完成后，即可显示出所有的表。
在这里插入图片描述

8.sql文件运行成功
在这里插入图片描述

第二步:配置Redis
下载Redis开启服务
在这里插入图片描述

双击运行,有图标就是开启成功
在这里插入图片描述

第三步:修改ruoyi-admin中的application-druid.yml文件
url:修改本地数据库连接
username:修改数据库用户名(root)
password:修改数据库密码
在这里插入图片描述

第四步:启动若依后端
点击ruoyi-admin中的RuoYiApplication启动类,启动若依后端
在这里插入图片描述

见到这个banner,说明若依后端启动成功,默认端口号8080,如果端口号被占用,则启动失败
在这里插入图片描述

第五步:启动若依前端

配置node.js(根据自己系统进行下载,推荐16以下版本)
在这里插入图片描述

测试node.js是否安装成功:win+r 输入cmd
在这里插入图片描述

打开终端,输入node -v 指令,出现版本号,再输入 npm -v 指令出现版本号,说明node.js安装成功
在这里插入图片描述

点击ruoyi-ui中的package.json文件,点击底部菜单栏中的Terminal命令
在这里插入图片描述

输入cd ruoyi-ui 命令,切换到ruoyi-ui文件夹下,输入npm install命令,点击回车键,下载依赖
在这里插入图片描述

输入npm run dev 命令,运行若依前端项目
在这里插入图片描述
看到运行出前端端口号,然后打开看到有验证码显示就是前端搭建成功
在这里插入图片描述
在这里插入图片描述

很高兴,这篇博客能帮助到大家,也很感谢帮博主分享博客的帖子,如果大家有什么问题,欢迎评论区留言,我们一起解决,一起学习!
博主其它的学习资料:若依框架代码生成工具–单表增删改查(超详细步骤)、java注解大全,希望能帮助到大家!
拿走不谢,留个关注,最好在点个赞!

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thewhat/article/details/131264175

智能推荐

基于python的信用卡评分模型_python 信用 评分卡模型-程序员宅基地

文章浏览阅读4.4w次，点赞45次，收藏418次。基于python的信用卡评分模型1. 项目背景介绍1.1 信用风险和评分卡模型的基本概念 信用风险指的是交易对手未能履行约定合同中的义务造成经济损失的风险，即受信人不能履行还本付息的责任而使授信人的预期收益与实际收益发生偏离的可能性，它是金融风险的主要类型。 借贷场景中的评分卡是一种以分数的形式来衡量风险几率的一种手段，也是对未来一段时间内违约、逾期、失联概率的预测。一般来说..._python 信用 评分卡模型

linux 下 tcpdump 详解 前篇（libpcap库源码分析）_libcap 源码-程序员宅基地

文章浏览阅读1.7k次，点赞3次，收藏22次。一 概述用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 至于tcpdump参数如何使用，这不是本章讨论的重点。liunx系统抓包工具，毫无疑问就是tcpdump。而windows的抓包工具，wireshark也是一款主流的抓包工具。wireshark 使用了winpcap库。tcpdump..._libcap 源码

http://mirrors.aliyun.com/epel/6/x86_64/repodata/repomd.xml: [Errno 14] PYCURL ERROR 22 --程序员宅基地

文章浏览阅读6.5k次，点赞14次，收藏11次。http://mirrors.aliyun.com/epel/6/x86_64/repodata/repomd.xml: [Errno 14] PYCURL ERROR 22 - “The requested URL returned error: 404 Not Found”Trying other mirror.Error: Cannot retrieve repository metadata (repomd.xml) for repository: epel. Please verify its_/epel/6/x86_64/repodata/repomd.xml: [errno 14] pycurl error 22 - "the reques

Audio System 九 之 AudioTrack_audiotrackserverproxy-程序员宅基地

文章浏览阅读1k次。Audio System 九 之 AudioTrack十四、AudioTrack & AudioFlinger 相关类14.1 AudioTrack & AudioFlinger 的类图14.1.1 AudioFlinger::PlaybackThread 回放线程基类14.1.2 AudioFlinger::PlaybackThread::Track 音频流管理类14.1...._audiotrackserverproxy

Redis 通用命令(keys,help,mset,exists,expire,ttl,tab补全)_redis如何添加help命令-程序员宅基地

文章浏览阅读874次。redis 通用命令 _redis如何添加help命令

google chromeDriver 地址

chrome driver 下载地址。#chrome brower下载地址。#安装openssl 1.1.1K。#安装chrome driver。#安装browser。

随便推点

P1541 [NOIP2010 提高组] 乌龟棋 题解_乌龟棋2010-程序员宅基地

文章浏览阅读401次，点赞3次，收藏4次。更好的阅读体验蒟蒻的第一篇题解P1541 [NOIP2010 提高组] 乌龟棋简单的背包 首先确定状态，dp[a][b][c][d]用来存储使用a张爬行卡片1，b张爬行卡片2，c张爬行卡片3，d张爬行卡片4时的最大得分。 我们需要开一个桶的数组t存4种牌的个数，以便于暴力。 dp数组初始化。很显然，四种卡片都用0张时，在起点，分数为score[1] 即： dp[0][0][0][0]=score[1]; 状态转移。DP 4种卡片的个数，状态转移方程为_乌龟棋2010

计算机网络 | 划分子网_计算机网络子网划分-程序员宅基地

文章浏览阅读5.5k次，点赞11次，收藏69次。划分子网概念先知了解 什么是子网？了解 为什么要划分子网？划分子网的好处/优点是什么？介绍 子网掩码总结 子网掩码记住 IP 地址的自然分类问题求解一个网络，主机号有x位，则这个网络可以分配给主机的IP地址有多少个？子网划分实例问题1题目分析题目解题方法参考内容概念先知了解 什么是子网？子网或子网络是网络内部的网络。子网使网络更高效。通过子网划分，网络流量传播距离更短，无需通过不必要的路由器即可到达目的地。了解 为什么要划分子网？划分子网的好处/优点是什么？1.减少广播带来的负面影响2.节_计算机网络子网划分

Java利用JNA调用C#的dll-程序员宅基地

文章浏览阅读7.3k次，点赞2次，收藏23次。https://www.cnblogs.com/wyongbo/p/jnaTest.html本文参考以上链接，结合自己实际遇到的问题，做过一些修改（红色字体标注），主要是为了给自己做个笔记。一、需求阐述：　　如果我们的项目利用c#开发，到了开发后期需要和java组进行合作，其中有一部分业务逻辑利用c#已经code completed，那么我们可能会考虑用java来调用现成的c#dll实...

linux查看系统编码和修改系统编码的方法_linux 机器编码设置-程序员宅基地

文章浏览阅读1.4w次。查看支持的字符编码使用locale命令，如：. 代码如下:# localeLANG=en_US.UTF-8LC_CTYPE="en_US.UTF-8"LC_NUMERIC="en_US.UTF-8"LC_TIME="en_US.UTF-8"LC_COLLATE="en_US.UTF-8"LC_MONETARY="en_US.UTF-8"LC_MESSAG_linux 机器编码设置

企业微信小程序_小程序开发工具及真机调试_host配置及代理_微信开发者工具 本地代理-程序员宅基地

文章浏览阅读7.6k次。文章目录一、开发前准备1. 开发文档2. 工具安装3. 安装插件4. 调整编译模式5. 选择企业6. PC 调试前端7. PC 调试后端二、甄姬调试前端2.1. 预览小程序2.2. 手机企微扫码2.3. 手机企微调试2.4. 多场景调试2.5. 手机企微调试前后端一、开发前准备1. 开发文档小程序开发文档：https://developer.work.weixin.qq.com/document/path/91502点击企业微信小程序开发进入详情页面2. 工具安装微信开发者工具3. ._微信开发者工具 本地代理

详解C语言自定义类型——结构体struct_struct结构体定义和声明-程序员宅基地

文章浏览阅读2.6k次，点赞3次，收藏10次。详解C语言自定义类型——结构体struct_struct结构体定义和声明

推荐文章

热门文章

相关标签