亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【學習打卡】第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分钟


https://img3.sycdn.imooc.com/62ec69ab000139d907580158.jpg


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


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


GROUP_CONCAT() 把多条json 进行拼接    


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


https://img4.sycdn.imooc.com/62ec6b9e00012d8106780345.jpg


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

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


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



2. 前端js

https://img3.sycdn.imooc.com/62ec72a20001daf207570230.jpg

let that = this

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

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

通过dayjs 将date转换


https://img2.sycdn.imooc.com/62ec76be0001235c06360320.jpg

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


https://img1.sycdn.imooc.com/62ec771800018c8e06970481.jpg


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



总结下这段时间得学习:

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


點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
27
獲贊與收藏
19

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消