การเปิด Database เพื่อดูข้อมูลในระบบ

Database Viewer (Prisma Studio) ตัวนี้ใช้สำหรับดูตัวอย่างข้อมูลที่ถูกบันทึกในระบบ หรือ จัดการข้อมูลอย่างรวดเร็วโดยไม่ต้องสร้างหน้า UI ขึ้นมาเอง

เราสามารถดูข้อมูลใน Database ระหว่างการพัฒนาได้ผ่านการเปิด Port 51212 หรือพิมคำสั่ง npm run dev หลังจาก Stop Project ไปแล้ว

การใช้งาน Database Viewer

เมื่อเปิดใช้งาน Database Viewer จะมีเมนูหลัก ๆ 2 อย่างคือ

Visualizer เครื่องมือขั้นสูงในการจำลองโครงสร้าง Database ทั้งหมด
Tables ตารางข้อมูลที่ใช้ในระบบ

การเปลี่ยน Role ให้ User แต่ละคน

ในระบบของ VibeKit ได้มีการสร้างระบบ Authentication ให้แล้ว และหากเรามีสิทธิเป็น Admin ก็สามารถเปลี่ยน Role ให้คนอื่นได้ แต่กรณีที่ต้องการความรวดเร็วเราสามารถเปลี่ยน Role ให้ User ได้ผ่าน Database Viewer

ดู Roles ทั้งหมดที่มีในระบบที่ Table roles

เข้าไปที่ Table roles
เวลาจะเปลี่ยน Role ให้ใครให้ก็อปปี้ roles id ที่ต้องการไปใส่

ดู Users ทั้งหมดที่มีในระบบที่ Table users

เข้าไปที่ Table users
เวลาจะเปลี่ยน Role ให้ใครให้หา users id ที่ต้องการเพื่อแก้ไข roles

แก้ไข Role ของ User ที่ Table user_roles

เข้าไปที่ Table user_roles
มองหา user_id ที่ตรงกับที่เราต้องการ
แก้ไข role_id แล้วกดบันทึกให้เรียบร้อย

ดูข้อมูลของ id นั้น ๆ ผ่าน Database Viewer

เนื่องจากข้อมูลทุกอย่าง ถูกบันทึกในรูปแบบรหัส id ทำให้ยากแต่การแก้ไขว่าต้องเพิ่มข้อมูลที่ไหน แต่เราสามารถกดลูกศรที่ Field นั้น ๆ เพื่อกระโดดไปดูข้อมูลข้างในได้

การจัดการข้อมูลในระบบเบื้องต้น

ใน Database Viewer เราสามารถจัดการข้อมูลอย่างง่ายได้ ผ่านการ

ปุ่ม Insert row
ปุ่ม Delete ต้องเลือกข้อมูลที่ต้องการ
ปุ่ม Filter สามารถ Filter และ Group ได้
ปุ่ม Sort ตาม Column