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

若依Vue前后端分离版如何部署(windows)(超详细)

一、项目环境准备

        下面是项目所需要准备的环境

  •         Node.js
  •         redis

        1、Node.js下载

        下面进入官网可以下载Node.js — 在任何地方运行 JavaScript (nodejs.org)icon-default.png?t=N7T8https://nodejs.org/zh-cn        下载完成安装后,需要配置环境变量,首先复制以下nodejs的安装路径

然后在环境变量中找到path-->点击新建,将复制的nodejs安装路径粘贴进来

然后打开cmd 输入node -v 查看版本号,如果出现版本号则安装成功了

node -v

2、Redis 安装

github下载

Releases · microsoftarchive/redis (github.com)icon-default.png?t=N7T8https://github.com/microsoftarchive/redis/releases点击链接进入,然后找到 Redis-x64-3.2.100.msi,然后下载下来

下载完成后双击然后安装,再安装完成后软件的目录创建一个bat文件,可以叫 start.bat   内容👇

redis-server.exe redis.windows.conf

然后双击bat,出现这个就是redis配置完成了

二、下载若依

RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 (gitee.com)icon-default.png?t=N7T8https://gitee.com/y_project/RuoYi-Vue点击上面链接进入,如果没有git直接点击下载ZIP,如果有git可以使用下面克隆

下载完成后,或者解压后目录是这样的

进入到ruoyi-vue文件夹,这个是前端项目文件

在这个文件夹路径中打开cmd窗口    输入 执行npm init

npm init

完成后再执行npm install

npm install --registry=https://registry.npm.taobao.org

等待安装完成依赖后,执行 npm run dev 即可启动前端项目

npm run dev

启动完成后会进入登录界面

三、后端项目准备

使用mysql 图形化工具,创建一个数据库,名为:ry-vue,然后导入sql脚本文件

在下载下来的项目下有个sql,两个都要运行成功才得

运行完成后数据库中会存在如下表

然后使用Idea打开项目,找到数据库配置文件,配置为自己的mysql账户密码

配置完成后就可以启动后端项目

然后出现这个既启动成功

redis跟mysql必须同时在启动了,缺一不可。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Python爬虫(5) --爬取网页视频
  • MacOS安装SDKMan管理Java版本
  • libtins初探-抓包嗅探
  • 微信小程序canvas 使用案例(一)
  • android13读取cpu频率,并调整频率
  • 【环境搭建】使用openSfM+MVSNet重建稠密点云
  • 数据结构初阶-单链表
  • Mysql随记
  • 阿里云OSS对象存储的项目实战操作
  • uniapp中给data中的变量赋值报错
  • matlab仿真 模拟调制(下)
  • 总结——TI_音频信号分析仪
  • Golang | Leetcode Golang题解之第260题只出现一次的数字III
  • Llama 3.1要来啦?!测试性能战胜GPT-4o
  • Docker+consul容器服务的更新与发现
  • 2017 前端面试准备 - 收藏集 - 掘金
  • C++入门教程(10):for 语句
  • CSS中外联样式表代表的含义
  • echarts的各种常用效果展示
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • JAVA 学习IO流
  • js学习笔记
  • Laravel Telescope:优雅的应用调试工具
  • MySQL主从复制读写分离及奇怪的问题
  • Redis提升并发能力 | 从0开始构建SpringCloud微服务(2)
  • springboot_database项目介绍
  • SQL 难点解决:记录的引用
  • vue总结
  • Yeoman_Bower_Grunt
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 代理模式
  • 基于HAProxy的高性能缓存服务器nuster
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 前端学习笔记之原型——一张图说明`prototype`和`__proto__`的区别
  • 前端之React实战:创建跨平台的项目架构
  • 什么是Javascript函数节流?
  • 适配mpvue平台的的微信小程序日历组件mpvue-calendar
  • 微信小程序填坑清单
  • 我感觉这是史上最牛的防sql注入方法类
  • 阿里云服务器如何修改远程端口?
  • ​Java基础复习笔记 第16章:网络编程
  • ​中南建设2022年半年报“韧”字当头,经营性现金流持续为正​
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (大众金融)SQL server面试题(1)-总销售量最少的3个型号的车及其总销售量
  • (二刷)代码随想录第15天|层序遍历 226.翻转二叉树 101.对称二叉树2
  • (函数)颠倒字符串顺序(C语言)
  • (九)c52学习之旅-定时器
  • (七)Java对象在Hibernate持久化层的状态
  • (完整代码)R语言中利用SVM-RFE机器学习算法筛选关键因子
  • .net core Redis 使用有序集合实现延迟队列
  • .Net IE10 _doPostBack 未定义
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .Net 中Partitioner static与dynamic的性能对比
  • .net访问oracle数据库性能问题