章节索引 :

上个小节我们看过了线下会议模块完整功能的演示,那么多功能咱们先从哪里开始做呢?CRUD应该先从查询开始做。用户进入到线下会议页面,首先看到的是会议日程表。咱们就先从线下会议日程表的查询功能开始做起吧。

图片描述
会议日程表界面展示的是甘特图,每天8:30-18:30这段时间是全公司业务最多的时候,大家都想用会议室讨论业务,所以员工想要使用会议室必须先申请。8:30-18:30之外的时间段,不需要申请就能使用会议室,采用先来先用的原则。

8:30~18:30这个申请会议室的时间段在前端页面可以设置,模型层里面的time数组规定了时间段,你想延长到什么时间,就往里面添加元素即可。

一、为什么要对线下会议记录合并?

如果会议室记录很多的话,会议日程页面也是要使用分页显示的。但是表格上面的时间区间依然还是从08:30~18:30的。

我们编写SQL语句的时候,要特别注意下面的这种写法是有问题的。因为在tb_meeting数据表里面保存的是线上和线下的各种会议。所以就有可能查询出来某个会议室的在某天有多条记录,然而在页面甘特图上面,每个会议室只允许出现一次。遇上这种情况,要么编写前端代码合并在相同会议室召开的会议,把它们的开会时间显示在甘特图上面。要么咱们从后端解决问题,查询数据的时候就把相同会议室的会议合并成一条记录,不同的开会时间写到JSON数组列当中。这里我选择第二个解决方案。

SELECT place,`start`,`end` FROM tb_meeting

图片描述
由于我们要写的分页查询语句非常复杂,所以下面我把这个SQL语句做了分解,咱们先从简单的SQL开始学习,然后演进到复杂的SQL语句。

现在tb_meeting数据表是空的,为了验证后续我们编写的查询语句,所以我们执行INSERT语句暂时插入两条数据,用完之后大家自行删除这两条记录。

INSERT INTO `emos`.`tb_meeting` (`id`, `uuid`, `title`, `creator_id`, `date`, `place`, `start`, `end`, `type`, `members`, `desc`, `instance_id`, `present`, `unpresent`, `status`, `create_time`) VALUES (1, '8fb1adb4f6534c80a96cf8e89346d4bb', '月底绩效考评大会', 71, '2021-07-08', '大会议室A01', '13:00:00', '15:30:00', 2, '[23, 71]', '考评市场部7月业绩', 'c76d1083-dff4-11eb-b51f-0a0027000004', NULL, NULL, 3, '2021-07-27 14:07:53');
INSERT INTO `emos`.`tb_meeting` (`id`, `uuid`, `title`, `creator_id`, `date`, `place`, `start`, `end`, `type`, `members`, `desc`, `instance_id`, `present`, `unpresent`, `status`, `create_time`) VALUES (2, '8fb1adb4f6534c80a96cf8e89346d4b1', '客户沟通洽谈会', 71, '2021-07-08', '大会议室A01', '09:00:00', '11:00:00', 2, '[23, 71]', '探讨客户服务质量提升', 'c76d1083-dff4-11eb-b51f-0a0027000004', NULL, NULL, 3, '2021-07-27 14:07:55');

首先我们把每个线下会议查询出来,返回的字段是会议的地点和会议基本信息(开始和结束时间等等)。因为我们要合并记录的时候,依据是相同会议室的会议合并成一条记录,所以我们要查询place字段。即便会议室相同,但是当天的每个会议的基本信息是不同的,这个怎么合并呢?这个很简单,合并成数组即可。数组每个元素代表一个会议的基本信息,这么看来数据的元素必须是JSON格式的,所以我查询会议基本信息的时候用了JSON相关的函数,JSON_OBJECT()函数可以把数据转换成JSON格式。

SELECT place,
    JSON_OBJECT('start', DATE_FORMAT(start,'%H:%i'),
                'end', DATE_FORMAT(end,'%H:%i'),
                'status', `status`,
                'time', ROUND(timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))/30)
    ) AS meeting
FROM tb_meeting
WHERE type = 2 AND `status` != 2 AND date = "2021-07-08"

上面的查询结果我们看到了,接下来就应该做合并了,这里我用的是`GROUP_CONCAT()`函数。
SELECT place,
    GROUP_CONCAT(
        JSON_OBJECT('start', DATE_FORMAT(start,'%H:%i'),
					          'end', DATE_FORMAT(end,'%H:%i'),
                    'status', `status`,
                    'time', ROUND(timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))/30)
        )
		) AS meeting
FROM tb_meeting
WHERE type = 2 AND `status` != 2 AND date = "2021-07-08"
GROUP BY place

图片描述

二、查询跟某位用户有关的线下会议

在前端页面上有个切换按钮,可以查询全部线下会议,或者跟某个用户有关的线下会议。这个应该如何查询呢?

图片描述tb_meeting数据表里面有members字段,代表会议参会人是谁(理论参会人,非实际参会人)。

因为`members`字段是JSON数组格式的,所以我们用`JSON_CONTAINS()`判断JSON数组是否包含某个元素。
SELECT place,
    GROUP_CONCAT(
        JSON_OBJECT('start', DATE_FORMAT(start,'%H:%i'),
					          'end', DATE_FORMAT(end,'%H:%i'),
                    'status', `status`,
                    'time', ROUND(timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))/30)
        )
		) AS meeting
FROM tb_meeting
WHERE type = 2 AND `status` != 2 AND date = "2021-07-08"
AND JSON_CONTAINS(members, CAST(71 AS CHAR))
GROUP BY place

三、关联会议室数据表

在甘特图上面显示的线下会议有个前提条件,那就是相关的线下会议室为可用状态。如果会议室的状态改为不可用,那么在甘特图上面就不显示该会议室的所有会议。因为tb_meeting数据表没有会议室状态的字段,所以我们要连接tb_meeting_room表。

SELECT mr.name, temp.meeting 
FROM tb_meeting_room mr 
LEFT JOIN  (
    SELECT place,
        GROUP_CONCAT(
            JSON_OBJECT('start', DATE_FORMAT(start,'%H:%i'),
					              'end', DATE_FORMAT(end,'%H:%i'),
                        'status', `status`,
                        'time', ROUND(timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))/30)
            )
		    ) AS meeting
    FROM tb_meeting
    WHERE type = 2 AND `status` != 2 AND date = "2021-07-08"
    AND JSON_CONTAINS(members, CAST(71 AS CHAR))
    GROUP BY place
)temp ON mr.name=temp.place
WHERE mr.`status`=1
LIMIT 0,20

四、编写持久层代码

TbMeetingDao.xml文件中,定义SQL语句。

<select id="searchOfflineMeetingByPage" parameterType="HashMap" resultType="HashMap">
    SELECT mr.name, temp.meeting FROM tb_meeting_room mr LEFT JOIN  (
        SELECT place,
           CONCAT(
                "[",
                GROUP_CONCAT(
                    JSON_OBJECT('start', DATE_FORMAT(start,'%H:%i'),
                                'end', DATE_FORMAT(end,'%H:%i'),
                                'status', `status`,
                                'time', ROUND(timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))/30)
                    )
                ),
                "]") AS meeting
        FROM tb_meeting
        WHERE type = 2 AND `status` != 2 AND date = #{date}
        <if test="mold=='我的会议'">
            AND JSON_CONTAINS(members, CAST(#{userId} AS CHAR))
        </if>
        GROUP BY place) temp ON mr.name=temp.place
    WHERE mr.`status`=1
    LIMIT #{start}, #{length}
</select>

<select id="searchOfflineMeetingCount" parameterType="HashMap" resultType="long">
    SELECT COUNT(*)
    FROM tb_meeting_room
    WHERE status=1
</select>

TbMeetingDao.java接口中,定义Dao方法。

public interface TbMeetingDao {
    ……
    public ArrayList<HashMap> searchOfflineMeetingByPage(HashMap param);
    public long searchOfflineMeetingCount(HashMap param);
}
第一章 搭建开发环境
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 创建分页数据封装类