AI WEB STUDIO · SEQUENCE
ราคาใบเสนอราคาต้องมาจากเซิร์ฟเวอร์
977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
อ่านภาพนี้อย่างไร
ข้อมูลรายการสินค้าจาก Browser มีเพียง productId และ quantity; คำขอยังมีชื่อ อีเมล และข้อมูลฟอร์ม Worker โหลดสินค้าและราคาใน D1 คำนวณ totalPrice ฝั่งเซิร์ฟเวอร์ แล้วบันทึก quote-demo โดยไม่มีขั้นชำระเงินจริง
แหล่งข้อมูล: courses/ai-web-studio/examples/store/main.js, src/worker.ts, migrations/0001_initial.sql
สิ่งที่ย่อ: ไม่แสดงรายการสินค้าแต่ละชิ้นและกลไก idempotency
Prompt สำหรับสร้างซ้ำ
สร้าง sequence diagram ภาษาไทย 960×600 มี Browser, Worker API, D1 แสดง POST /api/quotes ส่ง productId + quantity, SELECT products.price จาก D1, คำนวณยอดบน Worker, INSERT quotes + quote_items, ตอบ totalPrice THB และ status quote-demo ใส่หมายเหตุ ไม่มี payment เน้นขั้นอ่านราคา D1 และห้ามแสดงว่าราคา browser เชื่อถือได้ ใช้โปรไฟล์ 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 มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต