AI WEB STUDIO · SEQUENCE
ลำดับการส่งแบบฟอร์มติดต่อ
977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
อ่านภาพนี้อย่างไร
หน้าเว็บส่ง JSON พร้อม Idempotency-Key; Worker ตรวจ same-origin, รูปแบบข้อมูล, consent, honeypot, Turnstile เมื่อเปิดใช้ และบันทึกใน D1 ก่อนตอบรหัสอ้างอิง
แหล่งข้อมูล: courses/ai-web-studio/examples/company/main.js, src/worker.ts, migrations/0001_initial.sql
สิ่งที่ย่อ: รวมขั้น validation, abuse control และ optional Turnstile เป็นข้อความเดียว
Prompt สำหรับสร้างซ้ำ
สร้าง sequence diagram ภาษาไทย 960×600 มี 4 actors: ผู้ใช้, หน้าเว็บ, Worker API, D1 แสดงข้อความ กรอกและส่ง, POST /api/contact, ตรวจ + INSERT, บันทึกสำเร็จ, ส่งรหัสอ้างอิงกลับ ใช้เส้น return แบบประ เน้น Worker API เป็นจุด focal ไม่มีเงา ใช้โปรไฟล์ 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 มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต