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 安装

<

要将ruoyi前后端分离项目部署Windows服务器上,可以按照以下步骤进行: ### 一、准备工作 1. **安装Java环境** - 下载并安装JDK(建议使用JDK 8或以上版本)。 - 配置环境变量: - `JAVA_HOME`:指向JDK安装目录。 - `PATH`:添加`%JAVA_HOME%\bin`。 2. **安装数据库** - 根据项目需求安装MySQL或Oracle数据库。 - 配置数据库用户和权限。 3. **安装Tomcat** - 下载并安装Tomcat。 - 配置环境变量: - `CATALINA_HOME`:指向Tomcat安装目录。 4. **安装Node.js** - 下载并安装Node.js。 - 配置环境变量: - `NODE_HOME`:指向Node.js安装目录。 - `PATH`:添加`%NODE_HOME%\bin`。 ### 二、部署后端 1. **获取项目代码** - 使用Git或直接下载项目代码。 2. **配置数据库连接** - 修改`application.yml`或`application.properties`文件,配置数据库连接信息。 3. **打包项目** - 进入项目目录,运行以下命令打包项目: ```bash mvn clean package ``` 4. **部署到Tomcat** - 将生成的`war`文件复制到Tomcat的`webapps`目录下。 - 启动Tomcat,访问`http://localhost:8080/项目名`验证部署是否成功。 ### 三、部署前端 1. **获取项目代码** - 使用Git或直接下载项目代码。 2. **安装依赖** - 进入项目目录,运行以下命令安装依赖: ```bash npm install ``` 3. **构建项目** - 运行以下命令构建项目: ```bash npm run build ``` 4. **部署静态文件** - 将`dist`目录中的静态文件复制到Tomcat的`webapps/ROOT`目录下,或配置Nginx进行反向代理。 ### 四、配置Nginx(可选) 1. **安装Nginx** - 下载并安装Nginx。 2. **配置反向代理** - 修改Nginx配置文件,添加以下内容: ```nginx server { listen 80; server_name your_domain.com; location / { root /path/to/your/dist; try_files $uri $uri/ /index.html; } location /api/ { proxy_pass http://localhost:8080/项目名/api/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } ``` 3. **启动Nginx** - 启动Nginx,访问`http://your_domain.com`验证部署是否成功。 ### 五、验证部署 1. **访问前端** - 在浏览器中访问`http://your_domain.com`,验证前端是否正常显示。 2. **测试API** - 通过前端页面或Postman测试API接口,确保后端服务正常。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值