当前位置：首页 > news >正文

2024最新版若依-RuoYi-Vue3-PostgreSQL前后端分离项目部署手册教程

news 2026/6/3 14:14:42

项目简介: RuoYi-Vue3-PostgreSQL 是一个基于 RuoYi-Vue3 框架并集成 PostgreSQL 数据库的项目。该项目提供了一套高效的前后端分离的开发解决方案，适用于中小型企业快速构建现代化的企业级应用。此项目结合了 RuoYi-Vue-Postgresql 和 RuoYi-Vue3 的优点，为开发者提供了一种高性能且易于维护的选择。

猫头虎 🐯

建联猫头虎，商务合作，产品评测，产品推广，个人自媒体创作，超级个体，涨粉秘籍，一起探索编程世界的无限可能！

猫头虎是谁？

大家好，我是猫头虎，别名猫头虎博主，擅长的技术领域包括云原生、前端、后端、运维和AI。我的博客主要分享技术教程、bug解决思路、开发工具教程、前沿科技资讯、产品评测图文、产品使用体验图文、产品优点推广文稿、产品横测对比文稿，以及线下技术沙龙活动参会体验文稿。内容涵盖云服务产品评测、AI产品横测对比、开发板性能测试和技术报告评测等。

目前，我活跃在CSDN、51CTO、腾讯云开发者社区、阿里云开发者社区、知乎、微信公众号、视频号、抖音、B站和小红书等平台，全网拥有超过30万的粉丝，统一IP名称为猫头虎或者猫头虎博主。希望通过我的分享，帮助大家更好地了解和使用各类技术产品。

原创作者 ✍️

博主：猫头虎
- 全网搜索关键词：猫头虎
- 作者微信号：Libin9iOak
- 作者公众号：猫头虎技术团队
- 更新日期：2024年6月16日
- 🌟 欢迎来到猫头虎的博客 — 探索技术的无限可能！

专栏链接 🔗

精选专栏：
- 《面试题大全》 — 面试准备的宝典！
- 《IDEA开发秘籍》 — 提升你的IDEA技能！
- 《100天精通鸿蒙》 — 从Web/安卓到鸿蒙大师！
- 《100天精通Golang（基础入门篇）》 — 踏入Go语言世界的第一步！
- 《100天精通Go语言（精品VIP版）》 — 踏入Go语言世界的第二步！

领域矩阵 🌐

猫头虎技术领域矩阵：
- 猫头虎技术矩阵
- 新矩阵备用链接

加入猫头虎的技术圈，一起探索编程世界的无限可能！ 🚀

文章目录

猫头虎 🐯
- 猫头虎是谁？
- 原创作者 ✍️
- 专栏链接 🔗
- 领域矩阵 🌐
- 加入猫头虎的技术圈，一起探索编程世界的无限可能！ 🚀
- 若依-RuoYi-Vue3-PostgreSQL前后端分离项目部署手册
- - **前端部署教程**
  - 环境准备
  - 项目初始化
  - 启动服务
  - 打包发布
  - 前端访问地址
  - **后端部署教程**
  - 环境准备
  - 启动后端服务
  - 部署系统
  - 常见问题
  - 联系与版权声明 📩

项目简介

项目名称: RuoYi-Vue3-PostgreSQL

项目特点:

前端: 使用 Vue3 和 Element-Plus 实现，提供现代化、响应式的用户界面。
后端: 基于 Spring Boot 和 Spring Security，确保系统的稳定性和安全性。
数据库: 集成 PostgreSQL，支持大数据处理和复杂查询。
功能丰富: 包括用户管理、角色管理、权限管理、日志管理等多个企业级功能模块。
高扩展性: 模块化设计，便于根据需求扩展和定制。

使用场景:

企业内部管理系统
数据分析平台
客户关系管理系统（CRM）
内容管理系统（CMS）

联系方式: 如需更多信息或技术支持，请访问项目主页或联系我们的开发团队。

若依-RuoYi-Vue3-PostgreSQL前后端分离项目部署手册

先从仓库拉取代码

git clone https://github.com/MaoTouHU/RuoYi-Vue3-PostgreSQL.git

或者如下图，直接使用IDEA拉取

https://github.com/MaoTouHU/RuoYi-Vue3-PostgreSQL.git

在这里插入图片描述

2.安装PostgreSQL
直接官网下载或者云端安装亲测12以上版本都可以正常使用，有问题公众号 猫头虎技术团队 后台留言即可
https://www.postgresql.org/download/

创建若依库

在这里插入图片描述

导入sql语句
先执行第一步的SQL

在这里插入图片描述

启动之前记得启动一个 redis
安装包放在了目录
在这里插入图片描述

下一步配置后端项目，启动即可

在这里插入图片描述

前端部署教程

环境准备

安装 Node.js:
- 下载并安装 Node.js 最新稳定版 (>=20.0)。可从 Node.js 官网下载。
- 验证安装：
```
node -v
```
  如果安装成功，该命令会输出 Node 的版本号。
安装 Yarn:
- 使用 npm 安装 Yarn：
```
npm install --global yarn
```
- 验证安装：
```
yarn --version
```
  或
```
yarn -v
```
  如果安装成功，该命令会输出 Yarn 的版本号。

项目初始化

进入项目目录：
```
cd vue3-backend-ui-plus
```

安装项目依赖：

yarn --registry=https://registry.npmmirror.com

在这里插入图片描述

启动服务

IDE 开发环境：
```
yarn dev
```

在这里插入图片描述

打包发布

构建测试环境：
```
yarn build:stage
```
构建生产环境：
```
yarn build:prod
```

前端访问地址

访问地址：
```
http://localhost:80
```

后端部署教程

环境准备

创建数据库并导入数据:
- 创建数据库 ry 并导入数据脚本 ry_2021xxxx.sql 和 quartz.sql。

配置数据库连接:

修改 resources 目录下的 application-druid.yml 文件，配置数据库连接信息：

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

修改服务器配置:

编辑 resources 目录下的 application.yml 文件，配置服务器信息：

# 开发环境配置
server:# 服务器的HTTP端口，默认为80port: 端口servlet:# 应用的访问路径context-path: /应用路径

启动后端服务

运行项目:

打开项目并运行 com.ruoyi.RuoYiApplication.java。出现如下图表示启动成功：

(♥◠‿◠)ﾉﾞ  若依启动成功   ლ(´ڡ`ლ)ﾞ  
.-------.       ____     __        
|  _ _   \      \   \   /  /    
| ( ' )  |       \  _. /  '       
|(_ o _) /        _( )_ .'         
| (_,_).' __  ___(_ o _)'          
|  |\ \  |  ||   |(_,_)'         
|  | \ `'   /|   `-'  /           
|  |  \    /  \      /           
''-'   `'-'    `-..-'

打开浏览器并访问:
- 输入 http://localhost:80（默认账户/密码 admin/admin123），如果能正确展示登录页面并成功登录，说明环境搭建成功。

在这里插入图片描述

部署系统

打包工程文件:
- 在 ruoyi 项目的 bin 目录下执行 package.bat 打包 Web 工程，生成 war/jar 包文件。多模块版本会生成在 ruoyi/ruoyi-admin 模块下的 target 文件夹。
部署工程文件:
- jar 部署方式:
  使用命令行执行：
```
java –jar ruoyi.jar
```
  或者执行脚本：
```
ruoyi/bin/run.bat
```
- war 部署方式:
  修改 ruoyi/pom.xml 中的 packaging 为 war，然后将 war 文件放入 Tomcat 服务器的 webapps 目录：
```
<packaging>war</packaging>
```

去除内嵌 Tomcat:

多模块版本在 ruoyi/ruoyi-admin 模块下修改 pom.xml：

<!-- 多模块排除内置tomcat -->
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId><exclusions><exclusion><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-tomcat</artifactId></exclusion></exclusions>
</dependency><!-- 单应用排除内置tomcat -->
<exclusions><exclusion><artifactId>spring-boot-starter-tomcat</artifactId><groupId>org.springframework.boot</groupId></exclusion>
</exclusions>

常见问题

如果使用 Mac 需要修改 application.yml 文件路径 profile。
如果使用 Linux 提示表不存在，设置大小写敏感配置，在 /etc/my.cnf 添加 lower_case_table_names=1，重启 MySQL 服务。
如果提示当前权限不足，无法写入文件，请检查 application.yml 中的 profile 路径或 logback.xml 中的 log.path 路径是否有可读可写操作权限。

特别感谢

本项目借鉴了以下两个项目的设计和实现：

RuoYi-Vue-Postgresql
RuoYi-Vue3

项目代码路径：RuoYi-Vue3-PostgreSQL

联系方式

如有任何问题或需要技术支持，请联系微信公众号：猫头虎技术团队。
在这里插入图片描述

👉 更多信息：有任何疑问或者需要进一步探讨的内容，欢迎点击下方文末名片获取更多信息。我是猫头虎博主，期待与您的交流！ 🦉💬
在这里插入图片描述

联系与版权声明 📩

联系方式：
- 微信: Libin9iOak
- 公众号: 猫头虎技术团队
版权声明：
本文为原创文章，版权归作者所有。未经许可，禁止转载。更多内容请访问猫头虎的博客首页。

点击✨⬇️下方名片⬇️✨，加入猫头虎领域社群矩阵。一起探索科技的未来，共同成长。🚀

🔗 猫头虎社群 | 🔗 Go语言VIP专栏 | 🔗 GitHub 代码仓库 | 🔗 Go生态洞察专栏

✨ 猫头虎精品博文

猫头虎 🐯

猫头虎是谁？

原创作者 ✍️

专栏链接 🔗

领域矩阵 🌐

加入猫头虎的技术圈，一起探索编程世界的无限可能！ 🚀

文章目录

若依-RuoYi-Vue3-PostgreSQL前后端分离项目部署手册

前端部署教程

环境准备

项目初始化

启动服务

打包发布

前端访问地址

后端部署教程

环境准备

启动后端服务

部署系统

常见问题

联系与版权声明 📩

相关文章：