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

项目简介: 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技能！
- — 从web/安卓到鸿蒙大师！
- 《100天精通golang（基础入门篇）》 — 踏入go语言世界的第一步！
- 《100天精通go语言（精品vip版）》 — 踏入go语言世界的第二步！

领域矩阵 🌐

猫头虎技术领域矩阵：

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

文章目录

猫头虎 🐯

项目简介

项目名称: 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.druiddatasource
        driverclassname: com.mysql.cj.jdbc.driver
        druid:
            # 主库数据源
            master:
                url: 数据库地址
                username: 数据库账号
                password: 数据库密码

修改服务器配置:

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

# 开发环境配置
server:
  # 服务器的http端口，默认为80
  port: 端口
  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-vue3-postgresql

联系方式

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

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

联系与版权声明 📩

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

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

| 🔗 go语言vip专栏 | 🔗 github 代码仓库 | 🔗 go生态洞察专栏

✨ 猫头虎精品博文

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

2024年08月01日 • Vue.js •我要评论

猫头虎 🐯

猫头虎是谁？

原创作者 ✍️

专栏链接 🔗

领域矩阵 🌐

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

文章目录

若依-ruoyi-vue3-postgresql前后端分离项目部署手册

前端部署教程

环境准备

项目初始化

启动服务

打包发布

前端访问地址

后端部署教程

环境准备

启动后端服务

部署系统

常见问题

联系与版权声明 📩

相关文章:

【UE5】【插件】【WebUI】内置浏览器插件WebUI简易使用笔记

Vue3中使用tinymce全功能演示，包括开源功能

如何将github上的Vue项目在本地运行起来？

vue + koa + 阿里云部署 + 宝塔—阿里云宝塔配置使用说明

发表评论


验证码：