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

本文涉及的产品
云数据库 Tair(兼容Redis),内存型 2GB
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
简介: 电脑最近重装了一次系统,目前什么都没有安装,记录一下从零开始部署前后端分离版本的若依框架系统先去官网把若依源码拉下来。

 前言

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

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

代码克隆

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

image.gif

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

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

拉下后文件结构如下

image.gif

前端Vue部署

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

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

image.gif

这里建议再使用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报下面的错

          image.gif

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

          解决命令:

          set NODE_OPTIONS=-- openssl-legacy-provider

          再次启动,ok!

          image.gif

          后端部署

          用idea打开项目

          image.gif

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

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

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

          wsl --install

          image.gif

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

          image.gif

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

          redis:

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

          image.gif

          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

          image.gif

          命令解读:

          -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

          image.gif

          修改配置文件

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

          image.gif

          image.gif

          运行sql文件

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

          image.gif

          image.gif

          启动

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

          image.gif

          默认账号是admin

          密码是admin123

          image.gif

          image.gif


          相关实践学习
          基于Redis实现在线游戏积分排行榜
          本场景将介绍如何基于Redis数据库实现在线游戏中的游戏玩家积分排行榜功能。
          云数据库 Redis 版使用教程
          云数据库Redis版是兼容Redis协议标准的、提供持久化的内存数据库服务,基于高可靠双机热备架构及可无缝扩展的集群架构,满足高读写性能场景及容量需弹性变配的业务需求。 产品详情:https://www.aliyun.com/product/kvstore     ------------------------------------------------------------------------- 阿里云数据库体验:数据库上云实战 开发者云会免费提供一台带自建MySQL的源数据库 ECS 实例和一台目标数据库 RDS实例。跟着指引,您可以一步步实现将ECS自建数据库迁移到目标数据库RDS。 点击下方链接,领取免费ECS&RDS资源,30分钟完成数据库上云实战!https://developer.aliyun.com/adc/scenario/51eefbd1894e42f6bb9acacadd3f9121?spm=a2c6h.13788135.J_3257954370.9.4ba85f24utseFl
          目录
          相关文章
          |
          4月前
          |
          弹性计算 NoSQL Java
          若依框架---前后端分离项目部署实践
          若依框架---前后端分离项目部署实践
          314 0
          |
          4月前
          |
          SQL 前端开发 NoSQL
          【若依】前后端分离版快速上手
          【若依】前后端分离版快速上手
          187 1
          |
          2月前
          |
          开发框架 前端开发 JavaScript
          ABP开发框架前后端开发系列---(16)ABP框架升级最新版本的经验总结
          ABP开发框架前后端开发系列---(16)ABP框架升级最新版本的经验总结
          |
          3月前
          |
          Web App开发 运维 前端开发
          从0开始搭建一个前端项目的架子
          从0开始搭建一个前端项目的架子
          47 1
          |
          2月前
          |
          前端开发 测试技术 API
          前端必备的【项目知识】
          前端必备的【项目知识】
          29 0
          |
          3月前
          |
          前端开发 Java 应用服务中间件
          |
          4月前
          |
          JavaScript Android开发 开发者
          从零开始:UniApp 项目搭建指南
          从零开始:UniApp 项目搭建指南
          120 4
          |
          监控 前端开发 JavaScript
          带你入门前端工程(一):技术选型
          带你入门前端工程(一):技术选型
          551 0
          |
          4月前
          |
          前端开发 NoSQL Java
          1、若依(前后端分离)框架的使用
          1、若依(前后端分离)框架的使用
          219 0