章节索引 :

本课程用到的项目一共有5个,分别是emos-wx-apiemos-wxemos-workflowemos-apiemos-vue,这些项目的具体用途,大家请看下面的表格。

序号 项目名称 备注
1 emos-wx-api 在线办公小程序的后端SpringBoot项目
2 emos-wx 在线办公小程序的移动端uni-app项目
3 emos-workflow 在线办公的工作流项目
4 emos-api 在线办公Web系统的后端SpringBoot项目
5 emos-vue 在线办公Web系统的前端VUE3.0项目

一、注册微信开发者账号

因为本课程案例具有跟微信小程序交互的功能(例如扫码登陆、支付罚款等),而且emos-wx项目是微信小程序项目,所以想要跑起来本课程的各种项目,必须要提供微信小程序的appidsecret。只要我们正常注册微信开发者账号,就能拿到自己的appidsecret了。

1. 注册开发者账号

同学们打开浏览器,访问微信公众平台官网(https://mp.weixin.qq.com/),然后点击右上角的“立即注册”超链接。

图片描述
注册的开发者账号类型选择成“小程序”。

然后填写自己的注册信息,注意账号的用户名是你的Email地址。注册成功之后,腾讯的服务器会向你的邮箱发送激活邮件,所以大家要填写真实有邮箱地址,否则收不到激活邮件。

你收到激活邮件之后,点击邮件中的超链接,浏览器会跳转到实名登记的网页。开发者账号的类型暂且选择成个人,因为企业类型的账号需要你提交真实的企业信息(工商登记、银行开户证明,法人信息等)。你按照网页的提示要求,填写真实的个人信息即可。

2. 获取appid和密钥

微信开发者账号注册成功之后,我们登陆微信公众平台,然后在左侧菜单中找到“开发”-> “开发管理”。跳转页面后,点击“开发设置”选项卡,就能看到你微信小程序的appid密钥了。如果是新用户,你点击旁边的“生成”按钮,就能看到密钥字符串了。大家把你自己的appid密钥保存下来,我们在项目中要用到。

二、开通腾讯云TRTC服务

1. TRTC业务介绍

腾讯实时音视频(TRTC)将腾讯21年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。

图片描述

【多人音视频通话方案】:依靠腾讯云覆盖全球的专线网络,全球均可互通,提供覆盖手机、桌面全平台的客户端 SDK 以及云端 API,终端用户还可以在微信、QQ、企业微信的小程序中使用 TRTC 服务,Web 网页也可轻松使用。

【低延时互动直播方案】:凭借行业领先的网络与音视频技术,结合腾讯云优质的节点资源,帮助开发者搭建卡顿率更低、延时1秒以内的互动直播,让直播走进 CDN 2.0 时代。

2. 为什么不使用阿里云的实时音视频服务,偏要选用腾讯云TRTC服务?

图片描述
因为咱们的在线办公系统,无论是浏览器版本还是小程序版本,都可以进行在线视频会议。其实很多云计算运营商都开放了在线视频会议服务。 虽然阿里也有实时音视频服务,但是并不支持微信小程序,所以我们想要在微信小程序上面做在线视频会议,就必须使用腾讯的TRTC服务。包括浏览器端的在线音视频会议,我们使用腾讯云的TRTC服务也能有不错的效果。

同学们在体验案例的时候,随便填写一个会议房间号,点击进入即可

图片描述

腾讯现在为开发者免费提供10000分钟的流量包,足够我们开发在线会议模块。如果正式上线运营,TRTC音视频流量包也很便宜。

图片描述

3. 开通TRTC服务

登陆腾讯云之后,访问TRTC控制台,选择新建应用。

图片描述

创建应用之后,根据系统提示,领域免费的流量包,下面的内容引用自腾讯云。

图片描述

4. 领取TRTC的AppID和密钥

在TRTC应用管理界面选择快速上手,标题文字旁边的就是AppID,把这个字符串复制下来。

在页面的中部可以获取TRTC的密钥,把密钥复制下来。

三、导入 emos-api 项目

上一个小节,我们在本地把工作流项目运行起来了,接下来咱们要去运行Emos工程的后端SpringBoot项目,这个项目我已经放在Git上面了,在“初始化项目”目录中,你把emos-api.zip文件解压缩,然后导入到IDEA里面。至于说后端项目是怎么从零搭建起来的,同学们可以看手册的附录部分,你只要按照附录的指引,自己也能搭建出后端项目。

1. 导入 Maven 依赖

导入项目之后,首先要找到pom.xml文件,选中文件然后点击鼠标右键,选择“添加为Maven项目”,然后Maven就会帮我们初始化Java项目。

2. 修改数据库连接信息

你打开application.yml文件,把里面的MySQL连接信息改成你本地的。

图片描述
接下来我们还要修改Redis和MongoDB的连接信息,也是改成你本地的连接信息。

最后你要把自己的TRTC的appid密钥,以及微信小程序appid密钥填写到yml文件中。

做好了上述的操作,我们先启动MySQL、Redis、MongoDB和RabbitMQ,包括工作流项目也要运行起来,接下来我们运行EmosApiApplication.java主类。如果控制台没有报错,说明emos-api这个项目已经没有问题了。

四、运行 emos-wx-api 项目

在“项目”目录中存放着emos-wx-api.zip文件,你把这个文件下载到本地,解压缩之后会看到emos-wx-api.jarapplication.yml两个文件。

1. 修改yml文件

修改解压缩出来的application.yml文件内容,里面有很多东西要修改。因为emos-wx-api项目包含了很多功能,配置这些功能的过程非常繁琐,所以这里我们暂且把其中的核心功能配置出来,至于其他的功能后续再说。因为yml文件的内容太多,要修改哪些地方和内容,请大家参考视频的讲解。

2. 运行JAR文件

必须把emos-wx-api.jarapplication.yml文件放在同一个目录之下,然后执行下面的命令运行JAR文件。

java -jar -Dfile.encoding=utf-8 emos-wx-api.jar --spring.config.location=application.yml
第一章 搭建开发环境
1-1 导学 1-2 搭建开发环境 1-3 MacOS环境的程序安装 1-4 本课程学习方法介绍 1-5 本章总结
第二章 运行项目工程
2-1 本章介绍 2-2 运行工作流项目 2-3 运行后端SpringBoot项目 2-4 运行移动端和前端项目 2-5 前后端项目分析 2-6 前端页面布局设计 2-7 本章总结
第三章 用户管理模块
3-1 本章介绍 3-2 用户登陆系统的流程说明 3-3 编写用户登陆程序(后端) 3-4 编写用户登陆程序(前端) 3-5 修改密码和退出登陆(后端) 3-6 修改密码和退出登陆(前端) 3-7 查询用户分页数据(后端) 3-8 查询用户分页数据(前端) 3-9 添加新用户(后端) 3-10 添加新用户(前端) 3-11 修改用户信息(后端) 3-12 修改用户信息(前端) 3-13 删除非管理员帐户(后端) 3-14 删除非管理员帐户(前端) 3-15 本章总结
第四章 角色管理
4-1 本章介绍 4-2 查询角色分页数据(后端) 4-3 查询角色分页数据(前端) 4-4 添加新角色(后端) 4-5 添加新角色(前端) 4-6 修改角色信息(后端) 4-7 修改角色信息(前端) 4-8 删除非内置角色(后端) 4-9 删除非内置角色(前端) 4-10 本章总结
第五章 部门管理
5-1 本章介绍 5-2 查询部门分页数据(后端) 5-3 查询部门分页数据(前端) 5-4 添加新部门(后端) 5-5 添加新部门(前端) 5-6 修改部门信息(后端) 5-7 修改部门信息(前端) 5-8 删除无用户的部门(后端) 5-9 删除无用户的部门(前端) 5-10 本章总结
第六章 会议室管理
6-1 本章介绍 6-2 查询会议室分页数据(后端) 6-3 查询会议室分页数据(前端) 6-4 添加新会议室(后端) 6-5 添加新会议室(前端) 6-6 修改会议室信息(后端) 6-7 修改会议室信息(前端) 6-8 删除空闲的会议室(后端) 6-9 删除空闲会议室(前端) 6-10 本章总结
第七章 线下会议管理
7-1 本章介绍 7-2 线下会议日程表(持久层) 7-3 线下会议日程表(业务层&Web层) 7-4 分析线下会议日程表前端设计 7-5 线下会议日程表(前端) 7-6 分析会议申请的执行流程 7-7 用异步线程开启线下会议审批流程 7-8 创建线下会议申请(后端) 7-9 创建线下会议申请(前端) 7-10 线下会议周日历(后端) 7-11 线下会议周日历(前端) 7-12 周日历弹窗浏览会议详情(前端) 7-13 删除线下会议申请(后端) 7-14 删除线下会议申请(前端) 7-15 本章总结 附-1 查询线上会议分页数据(后端) 附-2 查询线上会议分页数据(前端) 附-3 申请线上会议(前端) 附-4 删除线上会议申请(前端)
第八章 会议审批
8-1 章节介绍 8-2 查询会议申请分页数据(后端) 8-3 查询会议申请分页数据(前端) 8-4 查询审批任务详情信息(后端) 8-5 查询审批任务详情信息(前端) 8-6 加载BPMN实时进度图 8-7 审批会议申请(后端) 8-8 审批会议申请(前端) 8-9 本章总结
第九章 TRTC在线视频会议
9-1 本章介绍 9-2 获取用户签名和视频会议室RoomID 9-3 查询参会人,生成视频墙(后端) 9-4 生成视频会议室视频墙(前端) 9-5 如何创建TRTC视频推流 9-6 推送本地视频流,订阅远端视频流 9-7 实现入会签到功能 9-8 实时更新上线参会人列表 9-9 动态显示参会人语音强弱 9-10 挂断TRTC,退出视频会议 9-11 大屏显示某个远端视频 9-12 本地屏幕共享,广播推流 9-13 本章总结
第十章 罚款管理
10-1 本章介绍 10-2 查询罚款分页数据(后端) 10-3 查询罚款分页数据(前端) 10-4 添加新罚款记录(后端) 10-5 添加新罚款记录(前端) 10-6 修改罚款单(后端) 10-7 修改罚款单(前端) 10-8 删除罚款单(后端) 10-9 删除罚款单(前端) 10-10 了解微信Native支付罚款流程 10-11 设置内网穿透,用于接收付款结果 10-12 创建支付订单(持久层&业务层) 10-13 创建支付订单(Web层) 10-14 创建支付订单(前端) 10-15 接收付款结果(后端) 10-16 配置SpringBoot支持WebSo 10-17 推送付款结果 10-18 接收付款结果(前端) 10-19 主动查询付款结果(后端) 10-20 主动查询付款结果(前端) 10-21 本章总结 附-1 查询图表数据(后端) 附-2 显示图表数据(前端)
第十一章 罚款类型管理
11-1 本章介绍 11-2 查询罚款类别分页数据(后端) 11-3 查询罚款类别分页数据(前端) 11-4 添加新罚款类型(后端) 11-5 添加新罚款类型(前端) 11-6 修改罚款类型信息(后端) 11-7 修改罚款类型信息(前端) 11-8 删除罚款类型记录(后端) 11-9 删除罚款类型记录(前端) 11-10 本章总结
第十二章 请假管理
12-1 本章介绍 12-2 查询请假分页数据(后端) 12-3 查询请假分页数据(前端) 12-4 用异步线程开启请假审批 12-5 我要请假(后端) 12-6 我要请假(前端) 12-7 用异步线程关闭请假审批工作流实例 12-8 删除请假申请(后端) 12-9 删除请假申请(前端) 12-10 审批员工请假 12-11 生成请假单(后端) 12-12 生成请假单(前端) 12-13 封装腾讯云存储服务 12-14 执行请假归档(后端) 12-15 上传归档文件(前端) 12-16 执行请假归档(前端) 12-17 本章总结
第十三章 报销管理
13-1 本章介绍 13-2 查询报销分页数据(后端) 13-3 查询报销分页数据(前端) 13-4 用异步线程开启报销审批 13-5 创建报销申请(后端) 13-6 创建报销申请(前端) 13-7 生成PDF报销单(后端) 13-8 生成PDF报销单(前端) 13-9 审批报销申请 13-10 删除报销申请(后端) 13-11 删除报销申请(前端) 13-12 本章总结
第十四章 部署Emos项目
14-1 本章介绍 14-2 选购云主机 14-3 安装Docker环境 14-4 Docker中安装程序 14-5 在Docker中部署Java项目 14-6 在Docker中部署前端项目 14-7 本章总结 附录1 为云主机配置域名
第十五章 扩展功能
15-1 微信扫码登陆(后端生成二维码图片) 15-2 微信扫码登陆(前端加载二维码) 15-3 微信扫码登陆(微信小程序) 15-4 NFC扫码功能简介 15-5 NFC扫码识别
第十六章 员工离职
16-1 员工离职(一) 16-2 员工离职(二) 16-3 调试员工离职功能
第十七章 工作流
17-1 Activiti简介 17-2 创建工作流项目 17-3 BPMN入门 17-4 任务审批 16-5 会议审批工作流(一) 16-6 会议审批工作流(二) 16-7 审批工作流
附录
附录1 创建SpringBoot项目 附录2 集成常用工具库 附录3 整合权限验证与授权 附录4 允许跨域请求 附录5 封装全局异常 附录6 全局处理异常 附录7 开启Java异步执行 附录8 抵御XSS攻击 附录9 创建分页数据封装类