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