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

本文涉及的产品
RDS MySQL DuckDB 分析主实例,集群系列 4核8GB
简介: 电脑最近重装了一次系统,目前什么都没有安装,记录一下从零开始部署前后端分离版本的若依框架系统先去官网把若依源码拉下来。

 前言

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

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

代码克隆

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

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


          目录
          相关文章
          |
          弹性计算 NoSQL Java
          若依框架---前后端分离项目部署实践
          若依框架---前后端分离项目部署实践
          1349 0
          |
          前端开发 JavaScript Java
          若依前后端部署之后验证码不显示
          若依前后端部署之后验证码不显示
          |
          Java 数据安全/隐私保护 Windows
          使用阿里云服务器部署若依项目
          硕士导师的要求,使用阿里云服务器搭建java环境,部署若依项目并设置外网访问,可随时进行查看,修改,编辑。
          |
          前端开发 Java 应用服务中间件
          【超详细】RuoYi 前后端分离版部署流程
          部署前端(前端访问域名,跳转域名修改)、后端配置(配置文件),Nginx 配置文件详解,上传后部署需要的脚本。
          5635 1
          |
          SQL 前端开发 NoSQL
          【若依】前后端分离版快速上手
          【若依】前后端分离版快速上手
          1225 1
          |
          监控 NoSQL Java
          若依RuoYi项目环境搭建教程(RuoYi-Vue + RuoYi-Vue3版本)
          若依(RuoYi)是一款基于Spring Boot和Vue.js的开源Java快速开发脚手架,支持OAuth2、JWT鉴权,集成多种安全框架和持久化框架。它提供了系统管理、监控管理、任务调度、代码生成等常用功能模块,适合中小型公司快速搭建Web应用。本文主要介绍若依框架的特点、版本发展、优缺点及项目部署步骤,帮助开发者快速上手并部署若依项目。
          14443 3
          若依RuoYi项目环境搭建教程(RuoYi-Vue + RuoYi-Vue3版本)
          |
          SQL XML JavaScript
          【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
          摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
          29208 73
          |
          SQL JSON 前端开发
          若依RuoYi脚手架二次开发教程(二次开发必学技能)
          本次我们将通过一个菜品管理模块开发的案例,来演示拿到若依框架后,如何在若依管理系统上进行二次开发,升级改造为自己的管理系统。适合以若依作为项目脚手架的公司开发人员、毕业设计的学生及开源项目学习者。
          7079 1
          若依RuoYi脚手架二次开发教程(二次开发必学技能)
          |
          11月前
          |
          前端开发 NoSQL Java
          【Java若依框架】RuoYi-Vue的前端和后端配置步骤和启动步骤
          本文介绍了如何配置和启动基于Java的若依(RuoYi)项目,涵盖后端和前端的详细步骤。首先,准备Redis、MySQL以及IDE(如Idea和VS)。接着,通过GitHub获取代码并导入到IDE中,执行必要的SQL文件和配置数据库密码。然后,启动Redis并进行相关配置。最后,按照前端配置步骤克隆前端代码库,打开终端执行命令完成前端配置。整个过程详细记录了每一步的操作,帮助开发者顺利部署若依项目。 如果你觉得有帮助,请点赞、关注和收藏,这将是我持续分享的动力!
          6016 4
          |
          域名解析 JavaScript 前端开发
          宝塔快速部署若依项目
          宝塔快速部署若依项目