目录
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后台运行&部署
连接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_global和node_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项目目录结构
- src/main/java: 源文件夹
- src/test/java: 测试源文件夹,其中代码不会打包
- jre system library: 依赖的JDK
- maven dependencies: mavn依赖库
- target: 编译/打包位置
- 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 启动项目
可以直接点击命令运行