前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >2024最新版若依-RuoYi-Vue3-PostgreSQL前后端分离项目部署手册教程

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

作者头像
猫头虎
发布于 2025-06-01 06:25:48
发布于 2025-06-01 06:25:48
22000
代码可运行
举报
运行总次数:0
代码可运行

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

猫头虎 🐯

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

猫头虎是谁?

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

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

原创作者 ✍️

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

专栏链接 🔗

领域矩阵 🌐

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

项目简介

项目名称: RuoYi-Vue3-PostgreSQL

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

项目特点:

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

使用场景:

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

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

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

  1. 先从仓库拉取代码
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
git clone https://github.com/MaoTouHU/RuoYi-Vue3-PostgreSQL.git

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
https://github.com/MaoTouHU/RuoYi-Vue3-PostgreSQL.git

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

创建若依库

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

启动之前 记得启动一个 redis 安装包放在了目录

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

前端部署教程
环境准备

安装 Node.js:

下载并安装 Node.js 最新稳定版 (>=20.0)。可从 Node.js 官网 下载。

验证安装:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
node -v

如果安装成功,该命令会输出 Node 的版本号。

安装 Yarn:

使用 npm 安装 Yarn:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install --global yarn

验证安装:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn --version

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn -v

如果安装成功,该命令会输出 Yarn 的版本号。

项目初始化

进入项目目录:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
cd vue3-backend-ui-plus

安装项目依赖:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn --registry=https://registry.npmmirror.com
启动服务

IDE 开发环境:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn dev
打包发布

构建测试环境:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn build:stage

构建生产环境:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn build:prod
前端访问地址

访问地址:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
http://localhost:80
后端部署教程
环境准备

创建数据库并导入数据:

  • 创建数据库 ry 并导入数据脚本 ry_2021xxxx.sqlquartz.sql

配置数据库连接:

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: 数据库地址
                username: 数据库账号
                password: 数据库密码

修改服务器配置:

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# 开发环境配置
server:
  # 服务器的HTTP端口,默认为80
  port: 端口
  servlet:
    # 应用的访问路径
    context-path: /应用路径
启动后端服务

运行项目:

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(♥◠‿◠)ノ゙  若依启动成功   (´ڡ`ლ)゙  
.-------.       ____     __        
|  _ _   \      \   \   /  /    
| ( ' )  |       \  _. /  '       
|(_ o _) /        _( )_ .'         
| (_,_).' __  ___(_ o _)'          
|  |\ \  |  ||   |(_,_)'         
|  | \ `'   /|   `-'  /           
|  |  \    /  \      /           
''-'   `'-'    `-..-'    

打开浏览器并访问:

  • 输入 http://localhost:80(默认账户/密码 admin/admin123),如果能正确展示登录页面并成功登录,说明环境搭建成功。
部署系统

打包工程文件:

  • ruoyi 项目的 bin 目录下执行 package.bat 打包 Web 工程,生成 war/jar 包文件。多模块版本会生成在 ruoyi/ruoyi-admin 模块下的 target 文件夹。

部署工程文件:

jar 部署方式: 使用命令行执行:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
java –jar ruoyi.jar

或者执行脚本:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ruoyi/bin/run.bat

war 部署方式: 修改 ruoyi/pom.xml 中的 packagingwar,然后将 war 文件放入 Tomcat 服务器的 webapps 目录:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<packaging>war</packaging>

去除内嵌 Tomcat:

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!-- 多模块排除内置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>
常见问题
  1. 如果使用 Mac 需要修改 application.yml 文件路径 profile
  2. 如果使用 Linux 提示表不存在,设置大小写敏感配置,在 /etc/my.cnf 添加 lower_case_table_names=1,重启 MySQL 服务。
  3. 如果提示当前权限不足,无法写入文件,请检查 application.yml 中的 profile 路径或 logback.xml 中的 log.path 路径是否有可读可写操作权限。

特别感谢

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

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

👉 更多信息:有任何疑问或者需要进一步探讨的内容,欢迎点击下方文末名片获取更多信息。我是猫头虎博主,期待与您的交流! 🦉💬

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

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

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

✨ 猫头虎精品博文

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 猫头虎 🐯
    • 猫头虎是谁?
    • 原创作者 ✍️
    • 专栏链接 🔗
    • 领域矩阵 🌐
    • 加入猫头虎的技术圈,一起探索编程世界的无限可能! 🚀
    • 若依-RuoYi-Vue3-PostgreSQL前后端分离项目部署手册
      • 前端部署教程
      • 环境准备
      • 项目初始化
      • 启动服务
      • 打包发布
      • 前端访问地址
      • 后端部署教程
      • 环境准备
      • 启动后端服务
      • 部署系统
      • 常见问题
      • 联系与版权声明 📩
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档