若依框架部署从零开始2023版(前后端分离)

前言

电脑最近重装了一次系统,目前什么都没有安装,记录一下从零开始部署前后端分离版本的若依框架系统

先去官网把若依源码拉下来

代码克隆

若依目前已经有很多的版本了,因为现在开发比较流行前后端分离,因此这里演示前后端分离版本

点击链接先把代码克隆到我们的本地

RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 (gitee.com)

拉下后文件结构如下

前端Vue部署

在目录结构中的ruoyi-ui就是属于前端的,这里部署需要用到npm,因此先去下载node,直接去官网下载,链接👉Node.js (nodejs.org),下载好找个路径 无脑下一步就好了,

安装好后打开cmd,键入 npm -v查看版本,出现版本号即是安装成功。

这里建议再使用npm安装一个yarn

命令:npm install -g yarn

yarn的好处

  1. Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具(取代npm) ,是为了弥补 npm 的一些缺陷而出现。

  1. 安装速度快 (服务器速度快 , 并且是并行下载)

  1. 版本锁定,安装版本统一

  1. 离线缓存机制,如果之前已经安装过一个软件包,用Yarn再次安装时从缓存中获取,就不用像npm那样再从网络下载了

安装依赖

打开cmd,cd切换到ruoyi-ui文件夹路径下

注意后面的命令根据自己使用的包管理器更改,比如是用npm就使用npm install命令,yarn 就yarn install

如果电脑没有科学上网,又嫌下载速度慢,可以在命令后更改镜像地址

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

安装完后那npm run dev报下面的错

是因为我刚刚随便下的node.js的,然后版本太高了,所以出现此错误

解决命令:

set NODE_OPTIONS=-- openssl-legacy-provider

再次启动,ok!

后端部署

用idea打开项目

因为这里要用到maven,还没配置好maven的参考一下我之前的博客,这里就不演示了

如何在IDEA上创建一个Maven项目2022版_爱吃香蕉的阿豪的博客-CSDN博客

因为项目还要用到mysql和redis数据库,而redis官网只有linux版本,所以我们先安装一个Windows子系统 wsl

wsl --install

重启之后我们打开cmd输入wsl-l看一下

安装数据库比较繁琐,这里我直接用了docker,docker官网: Docker: Accelerated, Containerized Application Development

redis:


docker run --name redis -d -p 6379:6379 redis:6.0

MySQL:



docker run -p 3306:3306 --name mysql --restart=always --privileged=true \
-v /usr/local/mysql/log:/var/log/mysql \
-v /usr/local/mysql/data:/var/lib/mysql \
-v /usr/local/mysql/conf:/etc/mysql \
-v /etc/localtime:/etc/localtime:ro \
-e MYSQL_ROOT_PASSWORD=123456 -d mysql:latest

命令解读:

-p 3306:3306:指定宿主机端口与容器端口映射关系

--name mysql:创建的容器名称

--restart=always:总是跟随docker启动

--privileged=true:获取宿主机root权限

-v /usr/local/mysql/log:/var/log/mysql:映射日志目录,宿主机:容器

-v /usr/local/mysql/data:/var/lib/mysql:映射数据目录,宿主机:容器

-v /usr/local/mysql/conf:/etc/mysql:映射配置目录,宿主机:容器

-v /etc/localtime:/etc/localtime:ro:让容器的时钟与宿主机时钟同步,避免时区的问题,ro是read only的意思,就是只读。

-e MYSQL_ROOT_PASSWORD=123456:指定mysql环境变量,root用户的密码为123456

-d mysql:latest:后台运行mysql容器,版本是latest

修改配置文件

在下面这两个位置修改我们的MySQL和redis信息

运行sql文件

打开数据库可视化工具,在mysql创建一个数据库,(注意数据库名要和上面配置的application-druid中的信息一致)然后运行sql文件夹下的sql文件

启动

最后更新一下我们的maven,然后启动

默认账号是admin

密码是admin123

  • 1
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
若依框架的前后分离项目部署可以按照以下步骤进行: 1. 下载前后分离本:你可以从若依框架的官方网站(https://gitee.com/y_project/RuoYi-Vue)下载前后分离本的代码。 2. 部署:将下载的后代码部署到你的服务器上。若依框架的后采用Spring Boot和Spring Security,你需要确保你的服务器上已经安装了Java环境,并且配置好了数据库等相关环境。 3. 配置后:在部署后的后代码中,你需要根据你的实际情况进行一些配置,例如数据库连接配置、权限认证配置等。具体的配置方式可以参考若依框架的官方文档或者代码中的注释。 4. 构建前:将下载的前代码使用npm或者yarn等工具进行构建。在构建之前,你需要确保你的服务器上已经安装了Node.js和相关的包管理工具。 5. 部署:将构建后的前代码部署到你的服务器上。你可以将前代码部署到任意的静态文件服务器上,例如Nginx、Apache等。 6. 配置前:在部署后的前代码中,你可能需要根据你的实际情况进行一些配置,例如后接口的地址等。具体的配置方式可以参考若依框架的官方文档或者代码中的注释。 7. 启动项目:在完成以上步骤后,你可以启动你的前后分离项目了。你可以访问前页面,通过前页面与后进行交互。 请注意,以上步骤仅为一般的部署流程,具体的部署方式可能会因为你的实际情况而有所不同。建议你参考若依框架的官方文档或者向若依框架的开发者寻求帮助以获取更详细的部署指导。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱吃香蕉的阿豪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值