若依框架部署（2023年前后端分离部署）

目录

1.下载源码

2.加载maven依赖

3.数据库配置

4.后端配置启动

5.前端配置启动

​编辑

6.登录测试

---

来都来了给我点个赞和收藏关注一下在走呗~~~~

下面的是若依前后端版本的官方文档地址：

介绍 | RuoYihttps://doc.ruoyi.vip/ruoyi-vue/若依框架简介：

若依框架是一款基于Java的轻量级开源快速开发框架，主要基于Spring Boot、Spring Security和Mybatis Plus框架技术。若依框架内部采用分模块设计，代码清晰简单易于维护，同时提供多种组件，如代码生成、前后端分离、数据权限管理等，可以快速开发出完整的项目。

若依框架具有以下特性：

1. 完全响应式布局，支持电脑、平板、手机等所有主流设备。
2. 强大的一键生成功能，包括控制器、模型、视图、菜单等。
3. 支持多数据源，简单配置即可实现切换。
4. 支持按钮及数据权限，可自定义部门数据权限。
5. 对常用js插件进行二次封装，使js代码变得简洁，更加易维护。
6. 完善的XSS防范及脚本过滤，彻底杜绝XSS攻击。
7. Maven多项目依赖，模块及插件分项目，尽量松耦合，方便模块升级、增减模块。
8. 国际化支持，服务端及客户端支持。
9. 完善的日志记录体系简单注解即可实现。
10. 支持服务监控，数据监控，缓存监控功能。

1.下载源码

我们可以在idea中直接选择从VCS获取，把下面的url输入到URL中直接点击克隆即可：RuoYi-Vue: 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本https://gitee.com/y_project/RuoYi-Vue.git

克隆gitee代码

2.加载maven依赖

首先我们下载好了源文件实际上是没有自动帮我们配置maven依赖的，所以我们要手动的刷新一下maven依赖，如下图所示的步骤：

3.数据库配置

        数据库的初始化就只需要先创建ry-vue数据库，然后再执行以下图的两个sql脚本文件就可以。

在idea中右点两个sql文件，然后选择运行，在编辑配置中设置你刚刚创建的数据库ry-vue，点击运行即可。

4.后端配置启动

        我们点击进入ruoyi-admin文件，编辑下面红框中所标记的文件。

         我们只需要修改一下mysql的配置yml文件就可以了，我们要修改的是用户名和用户密码。

# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
                username: root          #需要修改的地方
                password: wsndqd857857  #需要修改的地方

        配置redis，编辑下图框选文件，如果你是在windows本地下载的redis就不需要编辑redis的配置，但是如果你的redis是部署在服务器和虚拟机上就需要更改配置。

  redis:
    # 地址根据自己的情况，本地redis下面填写localhost就可以了，如果是服务器就要写服务器的公网ip。
    host: 106.xx.xxx.9   #服务器公网ip
    # 端口，默认为6379
    port: 6379
    # 数据库索引
    database: 0
    # 密码，密码默认为空，在redis中
    password:
    # 连接超时时间
    timeout: 10s

        上面的两个数据库配置完了之后我们就可以直接启动springboot服务了，进入下图框选的主启动类，启动服务即可：

5.前端配置启动

在idea中自己的终端，我们只需要在终端中输入下面的指令就可以启动前端的vue项目了。

# 进入项目目录
cd ruoyi-ui


# 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npmmirror.com

# 本地开发 启动项目
npm run dev

❗❗❗这个地方可能会有保存的情况出现，因为我自己的电脑是安装了nodejs18以上的版本，会出现如下的错误：

        出现这个错误error:0308010C:digital envelope routines::unsupported，出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.

        ✔✔解决我们只需要在package.json文件中添加如下代码：

    "dev_t": "set NODE_OPTIONS=\"--openssl-legacy-provider\" & npm run dev\n"

        把启动的指令换成下面的指令即可：

npm run dev_t

6.登录测试

        前后端都启动我们会得到如下的界面，访问http://localhost:80

   默认账户/密码 admin/admin123

        登录成功界面：