当前位置: 首页 > 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
界面如下在这里插入图片描述
输入验证码后就可以成功登录啦
在这里插入图片描述

相关文章:

  • 【华为HCIP | 华为数通工程师】821—多选解析—第十五页
  • m365是什么,和o365的区别
  • 自动化标注软件解析
  • 多回路电表如何革新电力监控?安科瑞技术深度解析
  • linux:启动后,ubuntu屏幕变成红色了
  • 从平台工程视角出发,重塑云原生后端的工程体系
  • 电商热点数据哈希槽分片案例:双11秒杀场景设计
  • 陪诊陪检系统源码,陪诊小程序,陪诊APP,陪诊服务,家政上门系统,居家护理陪护源码,医护小程序
  • 学员答题pk知识竞赛小程序怎么做
  • WPS右键菜单中“上传到云文档”消失,使用命令行注册解决
  • Spring Boot 配置处理器深度解析:元数据驱动的工程实践
  • “解惑指南之书”:用技术为生活难题解锁新视角
  • 图论---Prim堆优化(稀疏图)
  • Selenium 怎么加入代理IP,以及怎么检测爬虫运行的时候,是否用了代理IP?
  • 报错_NoSuchMethodException: cn.mvc.entity.User.<init>()
  • 多线程中的ABA问题详解
  • Sharding-JDBC 系列专题 - 第九篇:高可用性与集群管理
  • 27-算法打卡-字符串-找出字符串中第一个匹配项的下标-leetcode(28)-第二十七天
  • 16.磁环在EMC设计中的选型与运用
  • 如何将极狐GitLab 议题导出为 CSV?
  • 朱守科任西藏自治区政府副主席、公安厅厅长
  • 俄外长拉夫罗夫将出席金砖国家外长会
  • 上海五五购物节首次推出商圈精品推广节,9个商圈近百个商场参与促销
  • 研讨会丨明清区域史研究的比较与对话
  • 融入长三角一体化发展,苏南名城镇江的优势和机遇何在
  • 阻燃材料点火就着引发一场火灾,河北一企业的产品被指不达标且涉嫌欺诈