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

基于企业真实应用场景,还原业务流程,能写进简历的大型项目

 

未来,在线协同办公将成为企业常态化的工作方式。本课程选用市面上少有的,界面美观,功能模块齐全的大型在线办公系统。项目采用了当下最流行的前后端分离架构及技术( java、SSM、Vue3.0 ),课程作为全面提升前后端技术水平的不二选择,也很适合作为简历的加分项。

 

适合人群
1-3年的Java工程师
缺乏项目经历的IT工作者
想从面试脱颖而出的
应届毕业生或者求职者
技术储备
Java体系基础知识,SSM框架
理解Spring的思想和理念
前端基础,SQL语法
Web项目经验
环境参数
SpringBoot 2.4.1
SpringMVC 5.3.1
MyBatis 3.5.7
VUE 3.0.3
Elementui plus 1.0.2

\第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)
  • 第12章 以下为课程更新内容持续更新

    因众多学员建议,现增加工作流、技术更新等内容,增加学员学习技术的广度与深度,更有利于完全吃透项目以及应对工作中相似问题,更是面试最佳利器。

  • 第13章 掌握Activiti工作流引擎8 节 | 59分钟

    本章学习使用BPMN设计器定义工作流程,掌握服务节点、人工节点和各种网关,最终部署并且执行工作流程。

    收起列表

    • 视频:13-1 本章介绍 (01:14)
    • 视频:13-2 WorkFlow工作流简介 (03:16)
    • 视频:13-3 SpringBoot项目整合Activiti7.0 (08:31)
    • 视频:13-4 BPMN2.0语法入门(一) (10:18)
    • 视频:13-5 BPMN2.0语法入门(二) (09:20)
    • 视频:13-6 BPMN2.0语法入门(三) (13:48)
    • 视频:13-7 人工审批用户任务 (10:07)
    • 视频:13-8 本章总结 (02:07)
  • 第14章 实现会议工作流模块16 节 | 95分钟

    本章使用设计器定义会议审批工作流程BPMN,发布到Activiti引擎。实现会议审批功能,编写定时器完成会议状态变更和生成未出席会议罚款单。

    收起列表

    • 视频:14-1 本章介绍 (01:32)
    • 视频:14-2 创建会议申请流程BPMN (06:32)
    • 视频:14-3 创建QuartzUtil工具类 (05:59)
    • 视频:14-4 创建检查会议审批过期的Timer定时任务 (08:17)
    • 视频:14-5 实现启动会议审批工作流RESTful接口 (10:33)
    • 视频:14-6 实现查询审批任务的RESTful接口 (09:39)
    • 视频:14-7 实现查询审批任务详情的RESTful接口 (09:43)
    • 视频:14-8 实现加载BPMN图片的RESTful接口 (06:43)
    • 视频:14-9 实现审批工作流任务RESTful接口 (03:56)
    • 视频:14-10 会议申请通过后销毁状态检查定时器 (07:58)
    • 视频:14-11 创建会议开始QuartZ定时器 (03:00)
    • 视频:14-12 创建会议结束QuartZ定时器 (10:39)
    • 视频:14-13 删除审批过期的工作流实例 (03:39)
    • 视频:14-14 重构线上会议室RoomId策略 (00:51)
    • 视频:14-15 实现删除工作流实例RESTful接口 (03:21)
    • 视频:14-16 本章总结 (02:13)
  • 第15章 实现请假工作流模块7 节 | 28分钟

    本章使用设计器定义请假工作流程BPMN,发布到Activiti引擎。实现请假审批功能和归档功能。

    收起列表

    • 视频:15-1 本章介绍 (00:42)
    • 视频:15-2 绘制请假工作流BPMN (04:13)
    • 视频:15-3 实现启动请假工作流RESTful接口 (02:38)
    • 视频:15-4 实现审批加载请假详情信息 (04:01)
    • 视频:15-5 根据审批结果发送邮件通知 (09:09)
    • 视频:15-6 实现请假归档RESTful接口 (05:32)
    • 视频:15-7 本章总结 (01:37)
  • 第16章 实现报销工作流模块6 节 | 21分钟

    本章使用设计器定义报销工作流程BPMN,发布到Activiti引擎。实现报销审批功能和归档功能。

    收起列表

    • 视频:16-1 本章介绍 (00:50)
    • 视频:16-2 绘制报销工作流BPMN (03:58)
    • 视频:16-3 实现启动报销工作流RESTful接口 (03:06)
    • 视频:16-4 实现审批加载报销详情信息 (03:14)
    • 视频:16-5 根据审批结果发送邮件通知 (07:46)
    • 视频:16-6 本章总结 (01:31)
本课程已完结