EP.5 สร้างเมนู AppBar และ Logout (FrontEnd) ในการพัฒนา Web App ด้วย Vue.js Python PostgresSQL

Описание: สร้างเมนู AppBar และ Logout (FrontEnd)

⭐️ รายละเอียดเนื้อหา ⭐️
🎥(0:00:00) แนะนำสร้างเมนู AppBar และ Logout
🎥(0:01:53) สร้างเมนู AppBar
🎥(0:03:47) แสดงเมนู AppBar บนหน้า Home
🎥(0:06:40) ปรับแต่ง Style เมนู AppBar บนหน้า Home
🎥(0:13:24) ปรับแต่ง Style เมนู List ของ AppBar บนหน้า Home
🎥(0:29:26) สร้างปุ่ม Logout ออกจากระบบ เมนู List ของ AppBar บนหน้า Home
🎥(0:33:51) ลบค่า body ออกจาก AppBar บนหน้า Home
🎥(0:35:06) ปรับแต่ง Style เมนู AppFooter บนหน้า Home
🎥(0:40:10) เก็บค่า access_token และ expiresAt ลง localStorage
🎥(0:44:43) ฟังก์ชั่น Logout (ออกจากระบบ) ลบค่า access_token และ expiresAt ออกจาก localStorage
🎥(0:50:55) ฟังก์ชั่นตรวจเซ็ต Logout (ออกจากระบบ) ใน index.js ลบค่า access_token และ expiresAt ออกจาก localStorage
🎥(0:59:58) ทดสอบการทำงาน

⭐️ ลิงค์ที่เกี่ยวข้อง ⭐️

Icon Vue.js: https://mdisearch.com/
vuetify(คู่มือ): https://vuetifyjs.com/en/