若依项目快速部署(前后端分离版)

若依前后端分离项目快速部署

若依项目需要有 Node环境、MySQL 数据库、Redis数据库

下载若依项目

  1. 百度搜索若依,可以直接点击 Gitee 入口链接

    image

  2. 百度搜索若依,点击若依官网,点击 源码下载入口链接

    image

image

以上两种方法都可以跳转到若依源码下载网页中

这里我就使用下载源码项目的方式,如果对 Git 熟练可以克隆项目

image

image

下载后,解压项目

通过 IDEA 启动项目

使用 IDEA 打开你下载解压后的项目

第一次打开若依项目需要下载许多 Maven 依赖,如果下载速度慢,自行百度搜索

image

image

导入数据库文件

image

右键打开这些文件所在的目录

image

打开 MySQL 客户端

image

连接你自己的 MySQL 服务器

image

创建一个存储若依框架数据的数据库

create database ry_demo;

use ry_demo;

导入 SQL 脚本

image

image

导入完成

image

修改若依项目的数据库配置

  1. 配置数据库的位置
  2. 配置数据库的用户名
  3. 配置数据库的密码
  4. 从库可配可不配,可自定义
  5. 其他自己看着配置就可以了

image

# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                # 数据库的 URL
                url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
                # 数据库的用户名
                username: root
                # 数据库的密码
                password: password
            # 从库数据源
            slave:
                # 从数据源开关/默认关闭
                enabled: false
                url: 
                username: 
                password: 
            # 初始连接数
            initialSize: 5
            # 最小连接池数量
            minIdle: 10
            # 最大连接池数量
            maxActive: 20
            # 配置获取连接等待超时的时间
            maxWait: 60000
            # 配置连接超时时间
            connectTimeout: 30000
            # 配置网络超时时间
            socketTimeout: 60000
            # 配置间隔多久才进行一次检测,检测需要关闭的空闲连接,单位是毫秒
            timeBetweenEvictionRunsMillis: 60000
            # 配置一个连接在池中最小生存的时间,单位是毫秒
            minEvictableIdleTimeMillis: 300000
            # 配置一个连接在池中最大生存的时间,单位是毫秒
            maxEvictableIdleTimeMillis: 900000
            # 配置检测连接是否有效
            validationQuery: SELECT 1 FROM DUAL
            testWhileIdle: true
            testOnBorrow: false
            testOnReturn: false
            webStatFilter: 
                enabled: true
            statViewServlet:
                enabled: true
                # 设置白名单,不填则允许所有访问
                allow:
                url-pattern: /druid/*
                # 控制台管理用户名和密码
                login-username: ruoyi
                login-password: 123456
            filter:
                stat:
                    enabled: true
                    # 慢SQL记录
                    log-slow-sql: true
                    slow-sql-millis: 1000
                    merge-sql: true
                wall:
                    config:
                        multi-statement-allow: true

启动若依项目

启动项目之前需要启动 MySQL 数据库 和 Redis数据库,这里我就不讲这两个了

Redis 上网找一个 Windows Redis 下载 就行了,这里就不多赘述了

启动若依后端服务

运行该类文件即可启动后端服务器

image

启动成功

image

启动若依前端服务

若依的前端 Vue 项目在整个项目的 ruoyi-ui 文件夹中

跳转到 前端项目所在目录下 ,下载前端项目所有需要的依赖

如果 npm 下载依赖比较慢,可自行上网搜索解决方案

npm install

image

打开 Vue 项目的 package.json 文件,点击运行那个按钮

image

如果不是使用 IDEA 工具的,可以在命令行中跳转到前端项目目录中运行 npm run dev

必须是在前端项目的目录中,不是整个若依项目目录下运行该命令

image

前端项目启动的问题

image

我本人在运行前端项目时发现一个问题,我去网上搜索找到一个解决方案,虽然不知道是因为什么原因解决的,但至少是解决了

配置 packages.json 文件

"dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",

image

解决完后,就可以正常运行了

image

image
本人在博客园也有账号,也有本篇文章,文章都是一样的

  • 11
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
若依框架是一个基于SpringBoot,Spring Security,JWT,Vue和Element的前后端分离权限管理系统。它提供了Vue3的本,并且可以配置数据库和Redis。\[1\]若依框架的官方网站提供了后台管理系统、权限管理系统快速开发框架等功能,并且支持企业管理系统、微服务框架和前后端分离框架等。\[2\] 在部署若依框架的前后端分离模式时,你需要进行以下步骤: 1. 修改监听端口号为你想要访问前端页面的端口号,例如9000。同时,确保在防火墙中开启该端口,以便能够访问。\[3\] 2. 如果你有域名并且已经配置好解析,你也可以在配置中添加你的域名。 这样,你就可以成功部署若依框架的前后端分离模式了。 #### 引用[.reference_title] - *1* *2* [若依前后端分离项目如何部署](https://blog.csdn.net/qq_42803096/article/details/128447233)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [云服务器部署前后端分离项目若依)详细教程](https://blog.csdn.net/m0_60028455/article/details/124706441)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值