【学习打卡】第3天 在线办公系统

课程名称：SpringBoot+Vue3 项目实战，打造企业级在线办公系统

课程章节：第四章

主讲老师：神思者

课程内容：

    1.sql 语法

    2. 会议室 前端js

课程收获：

     1.sql 语法

'start', DATE_FORMAT(start,'%H:%i')

    DATE_FORMAT(date, format) 函数根据format字符串格式化date值

CONCAT(date," ",start)

    将 日期 和 时间 进行拼接

timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))

timestampdiff(单位,开始时间，结束时间) 

ROUND(timestampdiff(MINUTE,CONCAT(date," ",start),CONCAT(date," ",end))/30)

round  四舍五入 计算有多少个 30分钟

time 字段 代表 会议得开始至结束 一共有多少个 30 分钟

JSON_OBJECT()函数可以把数据转换成JSON格式

GROUP_CONCAT() 把多条json 进行拼接    

group by place  当place相同得时候 进行 group_concat 拼接

因为空闲得会议室也需要显示 所以用左连接 left join

判断条件是 会议室得名称相等

limit 起始页码，每页展示多少条

2. 前端js

let that = this

this 会随着上下文环境而变换它的指向，在当前作用域中设置一个变量用来存储 this 可以防止在其他地方找不到 this 的错误。

dayjs(new Date()).format('YYYY-MM-DD');

通过dayjs 将date转换

通过for循环 判断meeting 得状态 并 用拼接得方式 给meeting 赋值

html 再通过 v-bind 得方式 进行双向绑定 和 展示

总结下这段时间得学习：

    日常工作中 总是重复得工作  可能就会导致 知识得脱节，再mk上看老师得视频，可以学习到一些大厂得解决方法，虽然工作中用土办法也能解决 ，项目经验也有积累，但在运行速度啊， 代码冗余方面还是有所欠缺，希望坚持下去 多学习，争取打卡14天 领张卷 再接再厉