vue3运行若依前后台项目步骤（2024-07-19）

news2024/9/24 12:25:02

环境配置

1、jdk >= 1.8 (我的1.8）
2、mysql >=5.7 (我的5.8）
3、navicat (数据库管理器，连接mysql使用 ,我的是15)
4、mysql（数据库，我的5.0）
4、npm (我的是18.20.0)
5、idea编辑器,webtorm （我的2022）
6、redis（我的5.0）

1、下载项目RuoYi-vue

地址：GitHub -(RuoYi)官方仓库

文档：环境部署 | RuoYi

2、下载数据库mysql，并导入数据库连接

我的navicat数据库事先安装的，可以百度下一个

（“Navicat”是一套可创建多个连接的数据库管理工具，用以方便管理 MySQL、Redis、Oracle、PostgreSQL、SQLite、SQL Server、MariaDB 和 MongoDB 等不同类型的数据库）

安装mysql是有一篇文章安装教程，MySQL-数据库-Mysql 8.0.11安装教程

此处的mysql连接

主机可以设置为localhost

将sql文件导入数据库

3、将项目导入idea打开，配置数据库

4、启动本地的redis服务

启动redis，不然会报错不能连接redis 6379端口

redis在官方下载包，解压启动即可

下载包：redis 安装包5.0.14 · GitHub

本地解压，运行exe

5、在idea编辑器中，启动后台项目

如下截图，即可运行成功

在浏览器打开localhost:8080即可访问服务

6、前端项目启动项目

按照官方的方法，导入编辑器webstorm

下载依赖npm install，

运行前端项目npm run dev，

将服务代理到本地刚刚启动的后台服务（http://localhost:8080）就行了

打开浏览器，输入：(http://localhost:8089) （默认账户/密码 admin/admin123）

注意的点：

后台导入需要修改的配置

修改数据库连接，ruoyi-admin 编辑src/main/resources目录下的application-druid.yml

# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: 数据库地址
                username: 数据库账号
                password: 数据库密码