SpringBoot+Vue3 项目实战，打造企业级在线办公系统

SpringBoot+Vue3是一种常见的后端与前端技术组合，适合用于构建企业级应用程序。下面是一个详细的介绍，如何使用SpringBoot+Vue3来打造一个企业级在线办公系统。

1. 确定需求
首先，我们需要确定企业级在线办公系统的需求，包括用户管理、权限控制、组织架构、日程管理、项目管理、文档管理等功能。这些功能将成为我们开发的目标。

2. 后端开发
使用SpringBoot来开发后端接口服务。SpringBoot是一个轻量级的Java后端框架，提供了丰富的功能，包括自动化配置、快速开发、适配RESTful API等。我们可以使用SpringBoot来实现用户管理、权限控制、组织架构等功能，并且可以结合Spring Security来增强系统的安全性。

3. 前端开发
使用Vue3来开发前端界面。Vue3是一个流行的JavaScript框架，提供了响应式数据绑定、组件化、路由等功能。我们可以使用Vue3来构建用户界面，实现日历、项目管理、文档管理等功能，并且可以结合Vue Router来实现页面跳转和权限控制。

4. 数据交互
使用RESTful API来实现后端与前端的数据交互。通过定义统一的API接口，前端可以和后端进行数据交互，并实现用户操作、数据查询、信息更新等功能。

5. 系统部署
将后端服务部署到服务器上，并且设置相关的域名、端口等信息。同时，将前端界面打包成静态文件，并通过Nginx等工具进行服务器部署。

通过以上步骤，我们可以使用SpringBoot+Vue3来完成一个企业级在线办公系统的开发。这个系统将包括完整的功能模块，适合用于企业内部的办公管理，提高工作效率和管理水平。同时，利用现代化的技术框架，可以提供良好的用户体验和系统稳定性。

课程截图：

第1章 课程介绍（磨刀不费砍柴工） 试看4 节 | 48分钟
了解项目案例业务需求，观看完整的项目演示。掌握学习本课程的方法，获取课程授权码，以及如何利用在线教程学习和答疑。

收起列表

视频：1-1 课程导学 (17:37)试看
视频：1-2 搭建开发环境 (18:11)
视频：1-3 本课程学习方法介绍 (08:11)
视频：1-4 本章总结 (03:05)
第2章 构建后端项目，运行分布式项目（万丈高楼平地起）8 节 | 122分钟
本章学习用SpringBoot搭建前后端分离架构的后端Java项目，整合SpringMVC和MyBatis框架，并且向后端项目添加一些企业级项目的基础功能，最后将5个分布式项目运行起来。

收起列表

视频：2-1 本章介绍 (04:15)
视频：2-2 运行工作流项目 (19:08)
视频：2-3 运行后端SpringBoot项目（上） (25:05)
视频：2-4 运行后端SpringBoot项目（下） (07:24)
视频：2-5 运行移动端和前端项目 (20:19)
视频：2-6 前后端项目分析 (24:25)
视频：2-7 前端页面布局 (18:19)
视频：2-8 本章总结 (02:32)
第3章 基于RBAC，实现用户模块（大鹏一日同风起，扶摇直上九万里）18 节 | 265分钟
本章基于RBAC权限模型与Sa-Token认证与授权框架，实现了用户模块的登陆、退出、新增、修改、删除（非超级管理员）等功能。并且利用AES算法对用户密码加密，JWT对令牌自动续期。

收起列表

视频：3-1 本章介绍 (09:50)
视频：3-2 用户登陆系统的流程说明 (19:52)
视频：3-3 编写用户登陆程序（后端） (20:36)
视频：3-4 编写用户登陆程序（前端） (21:27)
视频：3-5 修改密码和退出登陆（后端） (19:31)
视频：3-6 修改密码和退出登陆（前端）（一） (12:31)
视频：3-7 修改密码和退出登陆（前端）（二） (10:19)
视频：3-8 查询用户分页数据（后端） (26:51)
视频：3-9 查询用户分页数据（前端）（一） (14:30)
视频：3-10 查询用户分页数据（前端）（二） (11:43)
视频：3-11 添加新用户（后端） (16:11)
视频：3-12 添加新用户（前端）（一） (15:44)
视频：3-13 添加新用户（前端）（二） (07:59)
视频：3-14 修改用户信息（后端） (14:20)
视频：3-15 修改用户信息（前端） (08:47)
视频：3-16 删除非管理员帐户（后端） (13:18)
视频：3-17 删除非管理员帐户（前端） (16:35)
视频：3-18 本章总结 (04:39)
第4章 线下会议管理（甘特图、周日历、工作流，等你来挑战）21 节 | 295分钟
所有员工都可以在本系统上面发起会议申请，并且后端项目会创建工作流实例和各种定时器。Web端将以甘特图、周日历的方式展示会议室和会议日程，移动端则支持扫描NFC 标签执行签到。

收起列表

视频：4-1 本章介绍 (08:11)
视频：4-2 线下会议日程表（持久层）（一） (07:40)
视频：4-3 线下会议日程表（持久层）（二） (15:33)
视频：4-4 线下会议日程表（业务层&Web层） (17:38)
视频：4-5 分析线下会议日程表前端设计 (20:56)
视频：4-6 线下会议日程表（前端） (27:02)
视频：4-7 分析会议申请的执行流程 (18:17)
视频：4-8 用异步线程开启线下会议审批流程（一） (13:28)
视频：4-9 用异步线程开启线下会议审批流程（二） (10:33)
视频：4-10 创建线下会议申请（后端）（一） (12:14)
视频：4-11 创建线下会议申请（后端）（二） (12:11)
视频：4-12 创建线下会议申请（前端）（一） (11:20)
视频：4-13 创建线下会议申请（前端）（二） (10:29)
视频：4-14 线下会议周日历（后端）（一） (14:32)
视频：4-15 线下会议周日历（后端）（二） (13:17)
视频：4-16 线下会议周日历（前端）（一） (14:34)
视频：4-17 线下会议周日历（前端）（二） (08:41)
视频：4-18 周日历弹窗浏览会议详情（前端） (16:25)
视频：4-19 删除线下会议申请（后端） (25:59)
视频：4-20 删除线下会议申请（前端） (12:12)
视频：4-21 本章总结 (03:47)
第5章 审批会议申请（百闻不如一见，多角色多任务审批）11 节 | 145分钟
本章以多角色多任务的方式，执行BPMN工作流，审批线上和线下会议申请，并且在Web端展示会议申请的实时审批进度。

收起列表

视频：5-1 本章介绍 (04:02)
视频：5-2 查询会议申请分页数据（后端） (27:26)
视频：5-3 查询会议申请分页数据（前端） (16:20)
视频：5-4 查询审批任务详情信息（后端） (15:37)
视频：5-5 查询审批任务详情信息（前端） (14:00)
视频：5-6 加载 BPMN 实时进度图（一） (14:14)
视频：5-7 加载 BPMN 实时进度图（二） (09:10)
视频：5-8 审批会议申请（后端）（一） (09:42)
视频：5-9 审批会议申请（后端）（二） (12:31)
视频：5-10 审批会议申请（前端） (19:02)
视频：5-11 本章总结 (02:46)
第6章 TRTC在线视频会议（媲美腾讯会议的Web视频会议）13 节 | 215分钟
本章利用TRTC服务，实现可以媲美腾讯会议的Web端视频会议模块。参会人可以推送本地摄像头的视频流，也可以发送本地屏幕广播，视频墙上展示其他远端参会人的实时视频。

收起列表

视频：6-1 本章介绍 (09:41)
视频：6-2 获取用户签名和视频会议室RoomID (19:05)
视频：6-3 查询参会人，生成视频墙（后端） (09:59)
视频：6-4 生成视频会议室视频墙（前端） (25:34)
视频：6-5 如何创建TRTC视频推流 (08:32)
视频：6-6 推送本地视频流，订阅远端视频流 (28:36)
视频：6-7 实现入会签到功能 (19:05)
视频：6-8 实时更新上线参会人列表 (15:08)
视频：6-9 动态显示参会人语音强弱 (14:44)
视频：6-10 挂断TRTC，退出视频会议（新） (15:40)
视频：6-11 大屏显示某个远端视频 (21:46)
视频：6-12 本地屏幕共享，广播推流 (22:07)
视频：6-13 本章总结 (04:38)
第7章 罚款模块（自动生成罚款单，微信缴纳罚款）21 节 | 322分钟
线上或者线下会议结束之后，本系统会自动根据会议缺勤名单生成罚款单，当事人可以用微信缴纳罚款。除了系统自动生成的罚款单之外，罚款模块还支持管理者手动添加罚款单。

收起列表

视频：7-1 本章介绍 (07:37)
视频：7-2 查询罚款分页数据（后端） (27:24)
视频：7-3 查询罚款分页数据（前端） (18:50)
视频：7-4 添加新罚款记录（后端） (12:55)
视频：7-5 添加新罚款记录（前端） (16:48)
视频：7-6 修改罚款单（后端） (13:07)
视频：7-7 修改罚款单（前端） (10:05)
视频：7-8 删除罚款单（后端） (09:09)
视频：7-9 删除罚款单（前端） (15:30)
视频：7-10 了解微信Native支付罚款流程 (23:32)
视频：7-11 设置内网穿透，用于接收付款结果 (08:00)
视频：7-12 创建支付订单（持久层&业务层） (27:50)
视频：7-13 创建支付订单（Web层） (10:53)
视频：7-14 创建支付订单（前端） (13:49)
视频：7-15 接收付款结果（后端） (27:18)
视频：7-16 配置SpringBoot支持WebSocket (24:52)
视频：7-17 推送付款结果 (07:01)
视频：7-18 接收付款结果（前端） (12:55)
视频：7-19 主动查询付款结果（后端） (21:08)
视频：7-20 主动查询付款结果（前端） (08:27)
视频：7-21 本章总结 (04:03)
第8章 请假管理（请假很简单？你太乐观了）20 节 | 282分钟
请假管理不是简单的CRUD操作，基于Activiti的BPMN流程，员工请假先要申请，领导审批通过之后，系统要自动生成PDF请假单，然后签字盖章，由HR把请假单和医院病志归档到云存储中。

收起列表

视频：8-1 本章介绍 (08:10)
视频：8-2 查询请假分页数据（后端） (21:56)
视频：8-3 查询请假分页数据（前端） (18:05)
视频：8-4 用异步线程开启请假审批 (21:22)
视频：8-5 我要请假（后端） (24:36)
视频：8-6 我要请假（前端） (15:58)
视频：8-7 用异步线程关闭请假审批工作流实例 (07:01)
视频：8-8 删除请假申请（后端） (14:21)
视频：8-9 删除请假申请（前端） (07:22)
视频：8-10 审批员工请假 (12:22)
视频：8-11 生成请假单（后端） (11:46)
视频：8-12 生成请假单（前端） (16:36)
视频：8-13 封装腾讯云存储服务（一） (13:50)
视频：8-14 封装腾讯云存储服务（二） (12:52)
视频：8-15 执行请假归档（后端） (15:49)
视频：8-16 上传归档文件（前端）（一） (15:16)
视频：8-17 上传归档文件（前端）（二） (12:35)
视频：8-18 执行请假归档（前端）（一） (14:52)
视频：8-19 执行请假归档（前端）（二） (12:38)
视频：8-20 本章总结 (03:48)
第9章 报销管理（单笔&多笔报销，精准无误）13 节 | 191分钟
报销管理分为普通报销和差旅报销，用户线上填写报销单的可以分为单笔和多笔报销，本系统会自动核算预借款、报销款和实际报销金额，而且本系统还要生成PDF报销单据，作为领导签字和财务存档的依据。

收起列表

视频：9-1 本章介绍 (05:09)
视频：9-2 查询报销分页数据（后端）（一） (12:43)
视频：9-3 查询报销分页数据（后端）（二） (12:34)
视频：9-4 查询报销分页数据（前端） (19:48)
视频：9-5 用异步线程开启请假审批 (15:40)
视频：9-6 创建报销申请（后端） (19:59)
视频：9-7 创建报销申请（前端） (27:09)
视频：9-8 生成PDF报销单（后端） (18:30)
视频：9-9 生成PDF报销单（前端） (19:02)
视频：9-10 审批报销申请 (12:03)
视频：9-11 删除报销申请（后端） (17:35)
视频：9-12 删除报销申请（前端） (07:14)
视频：9-13 本章总结 (02:43)
第10章 发布Emos项目（不鸣则已，一鸣惊人）7 节 | 104分钟
打包前后端项目，利用腾讯云CVM、COS、数据库等服务，部署Emos在线办公系统，然后为后端系统配置域名和数字证书。

收起列表

视频：10-1 本章介绍 (07:09)
视频：10-2 选购云主机 (15:00)
视频：10-3 安装Docker环境 (15:29)
视频：10-4 Docker中安装程序 (25:47)
视频：10-5 在Docker中部署Java项目 (19:58)
视频：10-6 在Docker中部署前端项目 (17:17)
视频：10-7 本章总结 (03:00)
第11章 课程总结（再不舍得大家，也到了说再见的时候了）1 节 | 3分钟
本章通过思维导图梳理本课知识点，帮助大家形成知识体系，建立健全完善的知识图谱，衷心希望为大家后续的学习铺平道路，打通奇经八脉。再不舍，也是时候说再见啦~那么，有缘，江湖再见！祝大家前程似锦！

收起列表

视频：11-1 课程总结 (02:45)
本课程已完结