【RuoYi-Vue】搭建RuoYi-Vue开发环境

女爷i 2022-12-11 13:49 81阅读 0赞

RuoYi是一个很棒的开源SpringBoot的脚手架管理系统，记录学习过程。

我这里搭建的是RuoYi-Vue前后端分离版，

官网地址是：[https://doc.ruoyi.vip/ruoyi-vue/][https_doc.ruoyi.vip_ruoyi-vue]

### 1、安装后台项目依赖 ###

1.  **安装：JDK 8+，并设置好环境变量**
2.  **安装：Intellij IDEA（或Eclipse）**
3.  **安装：Maven 3.3.9+，并设置好阿里云的镜像地址：**

在C:\\Program Files\\apache-maven-3.3.9\\conf\\settings.xml中，修改mirrors如下：

<mirrors>
        <mirror>
          <id>mirrorId</id>
          <mirrorOf>repositoryId</mirrorOf>
          <name>Human Readable Name for this Mirror.</name>
          <url>http://my.repository.com/repo/path</url>
        </mirror>
        
        <mirror>
            <id>alimaven1</id>
            <name>Nexus aliyun</name>
            <url>https://maven.aliyun.com/repository/central</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
        
        <mirror>
            <id>alimaven2</id>
            <name>aliyun maven</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
        
        <mirror>
            <id>alimaven3</id>
            <name>aliyun maven</name>
            <url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
        
        <mirror>
            <id>repo1</id>
            <name>Human Readable Name for this Mirror.</name>
            <url>http://repo1.maven.org/maven2/</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
        
        <mirror>
            <id>repo2</id>
            <name>Human Readable Name for this Mirror.</name>
            <url>http://repo2.maven.org/maven2/</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
      </mirrors>

### 2、安装前端项目依赖 ###

安装：Node.js（已自带npm）

### 3、安装数据库 ###

安装MySQL数据库（略）

安装Redis数据库（略）

### 4、下载RuoYi-Vue源码 ###

在Gitee上下载源码：[https://gitee.com/y\_project/RuoYi-Vue][https_gitee.com_y_project_RuoYi-Vue]

然后，解压放到某个目录下（eg：D:\\JavaApp\\）

### 5、部署MySQL数据库 ###

在MySQL中，执行以下脚本创建一个新的MySQL数据库：

CREATE DATABASE `ry-vue` 
    CHARACTER SET 'utf8mb4' 
    COLLATE 'utf8mb4_unicode_ci'
    ;

然后找到项目工程下的mysql初始化脚本：

RuoYi-Vue\\sql\\quartz.sql

RuoYi-Vue\\sql\\ry\_20200920.sql

然后在新建的ry-vue库中，执行这2个脚本即可。

碰到的坑：如果是MySQL5.6，可能会报错：**Index column size too large. The maximum column size is 767 bytes. (1709) (SQLExecDirectW)')**

**解决方法如下：**

**在quartz.sql文件中添加2句设置，然后在每个表都改成ROW\_FORMAT=DYNAMIC，然后重新执行。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70][]

### 6、部署后台工程 ###

**    1. 用Intellij IDEA打开RuoYi-Vue项目，并刷新Maven依赖**

**    2.新建文件上传目录：** D:/ruoyi/uploadPath

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 1][]

**    3.修改Redis连接信息**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 2][]

**    4.修改MySQL连接信息**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 3][]

**    5.启动后台服务**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 4][]

控制台打印以下内容，说明后台服务启动成功：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 5][]

### 7、部署前端工程 ###

在D:\JavaApp\RuoYi-Vue>目录下执行以下命令：
    
    cd ruoyi-ui
    
    npm install --registry=https://registry.npm.taobao.org
    
    npm run dev

打印出来这些信息，说明前端工程已经启动成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 6][]

### 8、打开浏览器，登陆网页 ###

地址：[http://localhost:80][http_localhost_80]

默认帐号：admin/admin123

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 7][]

[https_doc.ruoyi.vip_ruoyi-vue]: https://doc.ruoyi.vip/ruoyi-vue/
[https_gitee.com_y_project_RuoYi-Vue]: https://gitee.com/y_project/RuoYi-Vue
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70]: /images/20221123/6bd62674c8134741afa642d1cdf27035.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 1]: /images/20221123/a03c48422e664fada056de61e4a7ea65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 2]: /images/20221123/ef13af862f724ccca3a23d9b00b57410.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 3]: /images/20221123/46d792d773ac4845ace69979d0310ff3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 4]: /images/20221123/a416c25d0a4542f4b96e18a90d3f248b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 5]: /images/20221123/0b0a4a64176f4f179992a955f0671830.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 6]: /images/20221123/fc3806301cde4928a39a3c321c641340.png
[http_localhost_80]: http://localhost
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tlcmFmYW4_size_16_color_FFFFFF_t_70 7]: /images/20221123/1b9ff73209f5487aa192d78757724ed2.png