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

Windows 部署 RuoYi 前后端分离项目

目录

ruoyi-vue部署

ruoyi源码类型

 若依官方地址

RuoYi-Vue 前后端分离版

环境

工具

windows开发环境

jdk安装 (安装位置默认)

双击点击安装

步骤

耐心等待加载完毕,路径默认

等待安装完成即可

 快速打开文件资源管理器

进入高级系统设置

系统属性,点击环境变量

配置 JAVA_HOME

配置 Path 

win + r ,cmd 命令查看

MySQL安装

解压

配置MySQL_HOME

配置path

打开my.ini文件 更改路径 粘贴MySQL目录下

点击vredist_x64.exe 安装,一步点到底

命令提示符以管理员身份运行  

测试步骤

maven 安装

把文件解压cp 到 C:\Program Files\maven 目录下

配置MAVEN_HOME

配置Path

Maven的conf目录下的settings.xml文件

设置阿里云中央仓库

配置JDK编译版本

配置本地仓库目录

把没有用的注解删除,替换什么类容

部署方式

方式一

方式二

redis 安装

安装步骤

服务端

客户端

使用redis

​编辑

Node 安装

配置环境变量

配置NODE_HOME

配置Path

CMD命令查看

配置npm全局安装位置和缓存路径,打开CMD,分别执行如下命令:

安装配置webpack,进入node 主目录

后台部署

1.eclipse创建maven-java项目

eclipse创建maven项目

打开eclipse

在搜索区域输入Maven

找到Installations 选项 导入maven 文件

找到User Settings 选项 导入maven配置文件

新建maven项目

默认直接下一步

耐心等待创建完成

创建完成效果

2.ruoyi-vue后台运行&部署

通过Navicat运行sql 文件

连接MySQL

右键创建库

右键运行sql文件,打开ry-vue的两个SQL文件 quart.sql 和 ry20220822.sql 

启动RuoYi成功

前台部署

如何运行下载的Node.js项目

方式一

进行依赖安装

package.json 脚本

启动项目

方式二

启动成功会直接跳转到前台项目

浏览器输入IP进行访问Ruo YI 前台,输入验证码登录


ruoyi-vue部署

ruoyi源码类型

  • RuoYi 源码

    • 编译打包后,直接部署tomcat服器

  • RuoYi-Vue 前后端分离版

    • 前端部署到nginx

    • 后端部署到tomcat

  • RuoYi-Cloud 微服务版

  • RuoYi-App 移动端版

 若依官方地址

         www.ruoyi.vip

RuoYi-Vue 前后端分离版

https://gitee.com/y_project/RuoYi-Vue/tree/v3.8.5/

登录安装文件

环境

  • JDK >= 1.8

  • MySQL >= 5.7

  • Maven >= 3.0

  • Node >= 12

  • Redis >= 3

工具

可以使用 HTML /HBuilderX (前端) 

可以使用 Eclipse(后端)

windows开发环境

jdk安装 (安装位置默认)

双击点击安装

步骤

耐心等待加载完毕,路径默认

等待安装完成即可

 快速打开文件资源管理器

win + e  打开

进入高级系统设置

系统属性,点击环境变量

配置 JAVA_HOME

变量名:JAVA_HOME

变量值:C:\Program Files\Java\jdk1.8.0_73  (jdk默认安装路径) 确定即可

配置 Path 

win + r ,cmd 命令查看

测试Java版本 Java -version

java_home 目的:eclipse,tomcat等需要此变量得知jdk的位置

path 目的:在dos下,任何位置都可执行path中的命令

MySQL安装

解压

把MySQL安装包解压cp 到 C:\Program Files 目录下

配置MySQL_HOME

变量名:MySQL_HOME

变量值:C:\Program Files\mysql5.7\mysql-5.7.23-winx64 

配置path

打开my.ini文件 更改路径 粘贴MySQL目录下

[mysqld]
port = 3306
basedir=C:/Program Files/mysql5.7/mysql-5.7.23-winx64
datadir=C:/Program Files/mysql5.7/mysql-5.7.23-winx64/data 
max_connections=200
character-set-server=utf8
default-storage-engine=INNODB
sql_mode=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES
[mysql]
default-character-set=utf8

点击vredist_x64.exe 安装,一步点到底

命令提示符以管理员身份运行  

进入bin 目录

 mysqld -install     安装MySQL 服务
 mysqld --initialize-insecure --user=mysql    初始化 
 net start mysql        启动msyql 服务
 mysqladmin -u root -p password 123456  设置密码 回车
 mysql -u root -p        连接登录
            

解决mysql不能远程连接的问题:

 1.在mysql服务器上进入 mysql的命令行

 2. 执行如下语句: (注意密码需要根据自己的配置修改)

//navicat 连接MySQL需要

mysql> grant all privileges on *.*  to  root@'%' identified by '123456'; 
mysql> flush privileges;

mysql> exit ;      退出MySQL

测试步骤

maven 安装

把文件解压cp 到 C:\Program Files\maven 目录下

进入bin测试 mvn -v /mvn -version 版本 (C:\maven\apache-maven-3.8.1\bin)

配置MAVEN_HOME

配置Path

Maven的conf目录下的settings.xml文件

在<mirrors></mirrors>中添加如下mirror:

设置阿里云中央仓库

<mirror>

        <id>aliMaven</id>

         <name>aliyun maven</name>

        <url>https://maven.aliyun.com/nexus/content/groups/public/</url>

        <!--中央仓库-->         

        <mirrorOf>central</mirrorOf>

</mirror>

配置JDK编译版本

配置JDK编译版本,防止在编辑器中运行时出现Java版本编译警告:

<profile>

        <id>jdk-1.8</id>

        <activation>

        <activeByDefault>true</activeByDefault>

        <jdk>1.8</jdk>

        </activation>

        <properties>

        <maven.compiler.source>1.8</maven.compiler.source>         <maven.compiler.target>1.8</maven.compiler.target>         <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>         </properties>

</profile>

配置本地仓库目录

<localRepository>c:/maven/repository</localRepository>

把没有用的注解删除,替换什么类容

部署方式

方式一

在 c:\maven\RouYI-Vue-v3.8.4 >mvn clean 清空 /  mvn package 打包

运行完成会在ruoyi-admin 目录下生成一个target文件

cmd 进入target目录 输入 Java -jar ruoyi-admin.jar 文件直接部署

方式二

打开 RuoYi-Vue-v3.8.5\ruoyi-admin 目录下的pom文件

可以看到第11 行 ,打包的jar 方式 ,改为war

<modelVersion>4.0.0</modelVersion>

<packaging>jar</packaging>

<artifactId>ruoyi-admin</artifactId>

在C:\tools\RuoYi-Vue-v3.8.5 主目录打开 cmd

输入 mvn clean 可以看到ruoyi-admin 目录下的target文件 删除

在重新云行mvn package 会ruoyi-admin 生成一个target文件 ------------------ruoyi-admin.war

redis 安装

客户端 redis.desktop.manager

服务端 Redis-x64-3.2.100

安装步骤

服务端

双击一步点到底,一直下一步到完成即可。

客户端

点击redis.desktop.manager

耐心等待加载完毕

安装完成

使用redis

可以看到保存方式一个键对应一个值

Node 安装

将下载的node-v10.15.3-win-x64.zip解压到指定目录中,

并在解压后的目录下建立node_globalnode_cache这两个目录。

配置环境变量

配置NODE_HOME

配置Path

CMD命令查看

环境变量查看: echo %node_home%,echo %path% 

测试安装是否成功: node -v,npm -v

配置npm全局安装位置和缓存路径,打开CMD,分别执行如下命令:

C:\Users\donkee> npm config set cache "C:\tools\node-v14.15.0-win-x64\node_cache"
C:\Users\donkee> npm config set prefix "C:\tools\node-v14.15.0-win-x64\node_global"

修改npm镜像提高下载速度

查看源,可以看到设置过的所有的源
npm config get registry

C:\Users\donkee> npm config set registry https://registry.npmmirror.com

安装配置webpack,进入node 主目录

C:\tools\node-v14.21.3-win-x64>npm install webpack -g 

 以上命令执行完毕后,会生成如下文件: %node_home%\node_global\node_modules\webpack

node_cache 和 node_global 会生成对应的文件

后台部署

1.eclipse创建maven-java项目

eclipse创建maven项目

打开eclipse

在搜索区域输入Maven

找到Installations 选项 导入maven 文件

找到User Settings 选项 导入maven配置文件

新建maven项目

默认直接下一步

耐心等待创建完成

创建完成效果

java项目目录结构

  1. src/main/java: 源文件夹
  2. src/test/java: 测试源文件夹,其中代码不会打包
  3. jre system library: 依赖的JDK
  4. maven dependencies: mavn依赖库
  5. target: 编译/打包位置
  6. pom.xml : 依赖配置

2.ruoyi-vue后台运行&部署

        右键import->Maven->Existing Maven ProJects 

通过Navicat运行sql 文件

连接MySQL

右键创建库

右键运行sql文件,打开ry-vue的两个SQL文件 quart.sql 和 ry20220822.sql 

启动RuoYi成功

前台部署

如何运行下载的Node.js项目

方式一

进行依赖安装

C:\maven\RuoYi-Vue-v3.8.5\RuoYi-Vue-v3.8.5\ruoyi-ui>  npm install

完成后会生成一个node_modules 目录 

package.json 脚本

启动项目

C:\maven\RuoYi-Vue-v3.8.5\RuoYi-Vue-v3.8.5\ruoyi-ui> npm run dev 

方式二

通过HTML 实现,下载内置的终端 

在HTML 中打开RuoYi-Vue-v3.8.5\ruoyi-ui 目录 前台

 在终端输入

npm install 安装依赖

npm run dev 启动项目

可以直接点击命令运行

启动成功会直接跳转到前台项目

浏览器输入IP进行访问Ruo YI 前台,输入验证码登录

相关文章:

  • Mac下Ollama安装全攻略:开启本地大模型之旅
  • Qt Creator入门
  • 蓝桥杯[每日一题] 模拟题:蚂蚁感冒(java版)
  • Java面试黄金宝典1
  • 笔记本运行边缘计算
  • 使用React和google gemini api 打造一个google gemini应用
  • 【数据挖掘】Python基础环境安装配置
  • 卸载conda,poetry常用命令,vscode使用poetry虚拟环境
  • 【万字总结】前端全方位性能优化指南(三)——GPU渲染加速、WebGPU、OffscreenCanvas多线程渲染
  • 电商项目Ts版本
  • 【HarmonyOS Next】鸿蒙中自定义弹框OpenCustomDialog、CustomDialog与DialogHub的区别详解
  • 标准卡尔曼滤波
  • 采购供应链管理培训及供应链网络优化案例P109(109页PPT)(文末有下载方式)
  • python爬虫笔记(一)
  • Vue响应式数据丢失的可能原因
  • C语言:能够规定次数,处理非法字符的猜数游戏(三重循环)
  • 【一起来学kubernetes】17、Configmap使用详解
  • mysql-隐藏字段_rowid
  • Windows 下免安装 PostgreSQL 16、PostGIS 安装
  • Nginx负载健康检查配置-主动与被动检测
  • 首日5金!中国队夺得跳水世界杯总决赛混合团体冠军
  • 光明日报社论:用你我的匠心,托举起繁盛的中国
  • 国铁集团去年收入12830亿元增3%,全年铁路运输利润总额创新高
  • 中方拟解除对5名欧洲议会议员制裁?外交部:望中欧立法机构相向而行
  • A股三大股指涨跌互现:3343股收涨,两市成交超1.1万亿元
  • 中央党校(国家行政学院)举行2025年春季学期第一批进修班毕业典礼