当前位置: 首页 > news >正文

IDEA导入并启动若依项目步骤(SpringBoot+Vue3)

1.下载后端项目

项目地址:https://gitee.com/y_project/RuoYi-Vue

复制命令,将项目克隆到本地

git clone git@gitee.com:y_project/RuoYi-Vue.git

在这里插入图片描述

使用IDEA打开(会有点慢,耐心等待),打开后如下
在这里插入图片描述

2.Mysql导入与配置

点开sql这个包
在这里插入图片描述

在Navicat中运行下边的两个sql文件,运行后生成的表如下
在这里插入图片描述
修改数据库连接,改为本地的数据库(我这里是mysql8)
在这里插入图片描述

master:url: jdbc:mysql://localhost:3306/ruoyi-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=trueusername: rootpassword: password

3.启动Redis

(这里是我用的命令,请根据实际情况更改

 D:\redis\redis-server.exe redis.windows.conf

4.启动后端项目

在这里插入图片描述
后端运行成功可以通过(http://localhost:8080)访问,但是不会出现静态页面,可以继续参考下面步骤部署前端,然后通过前端地址来访问。
此时访问到的界面如下
在这里插入图片描述

5.下载前端项目

项目地址:https://gitee.com/ys-gitee/RuoYi-Vue3

git clone git@gitee.com:ys-gitee/RuoYi-Vue3.git

下载好后,用VSCode打开该项目
在这里插入图片描述

6.运行前端项目

在vscode终端中输入以下命令:

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

在这里插入图片描述
访问http://localhost/80
界面如下在这里插入图片描述
输入验证码后就可以成功登录啦
在这里插入图片描述

http://www.xdnf.cn/news/113671.html

相关文章:

  • 从节点重排看React 与 Vue3 的 Diff 算法
  • OpenBMC:BmcWeb login认证
  • C#中用 OxyPlot 在 WinForms 实现波形图可视化(附源码教程)
  • OpenCV 图形API(61)图像特征检测------检测图像边缘的函数Canny()
  • 认识游戏循环
  • 把dll模块注入到游戏进程的方法_插APC注入
  • 如何创建一个父类 Maven项目,然后在父类下再创建子项目,构建多模块 Maven 项目
  • Explain详解与索引最佳实践
  • day 32 学习笔记
  • 第七部分:向量数据库和索引策略
  • 【Pandas】pandas DataFrame pow
  • docker容器监控自动恢复
  • TKDE 2025年第3期研究热点与最新趋势
  • 中心极限定理(CLT)习题集 · 题目篇
  • 零基础上手Python数据分析 (22)案例实战]之利用 Matplotlib Seaborn 进行电商销售数据可视化分析
  • 罗伯·派克:Go语言创始者的极客人生
  • 人工智能与机器学习:二元分类决策树构建指南
  • Linux内核netlink机制 - 连接器(Netlink Connector)
  • ETL 数据集成都包含哪些?
  • 77. 组合
  • 【OpenGL with C++】1.使用CMake+GLFW+GLAD在Window搭建项目
  • Linux系统之----进程优先级、调度与切换
  • 基于 EFISH-SBC-RK3588 的无人机多光谱/红外热成像边缘计算方案
  • MyBatis操作数据库---从入门到理解
  • Python爬虫第19节-动态渲染页面抓取之Splash使用下篇
  • centos7使用certbot完成nginx ssl证书续期
  • 最高支持高速L3商用,华为发布ADS 4智驾系统
  • 【OSG学习笔记】Day 8: 纹理贴图——赋予模型细节
  • MCU通信接口技术解析:UART、SPI与I2C
  • 【云计算】云计算中IaaS、PaaS、SaaS介绍