AI WEB STUDIO · FLOWCHART
การเช็กคิวกับการจองจริง
977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
อ่านภาพนี้อย่างไร
GET availability ช่วยให้ผู้ใช้ตัดสินใจ แต่ผลนั้นอาจเปลี่ยนได้ การจองจริงจึงอ่านราคาและเขียน rentals กับ rental_days ใน D1 batch; trigger เป็นด่านสุดท้ายแบบ atomic
แหล่งข้อมูล: courses/ai-web-studio/examples/rental/main.js, src/worker.ts, migrations/0001_initial.sql, migrations/0002_demo_retention.sql
สิ่งที่ย่อ: รวมการสร้าง idempotency claim และ rate limit ไว้ใน Worker validation
Prompt สำหรับสร้างซ้ำ
สร้าง flowchart ภาษาไทย 960×600 อธิบายระบบเช่า: เลือกสินค้าและวัน → GET availability (เป็นคำแนะนำ) → ส่ง POST /api/rentals → Worker อ่านราคาและจำนวนคงเหลือจาก D1 → D1 batch เขียน rentals + rental_days → capacity trigger ตัดสิน ผ่านเป็น reserved-demo ไม่ผ่านตอบ conflict เน้น capacity trigger เพียงจุดเดียว ใช้ลูกศรมุมฉาก ไม่มีเงา ไม่เกิน 8 โหนด ใช้โปรไฟล์ Rawinnipa แบบ dark canvas: พื้น #0A0A0A, ข้อความ #F7F7F7, เส้นรอง #9CA3AF และ Rawin Green #3EDC81 เฉพาะโหนดหรือแถบ focal หนึ่งจุดเท่านั้น; เส้นเชื่อมใช้สี neutral #D1D5DB ใช้ Inter คู่กับ Noto Sans Thai ไม่มีเงา งานนี้อยู่ในคอร์ส AI Web Studio ซึ่งเป็นส่วนหนึ่งของ 977-121 Module: Website Design and Development มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต