แจกฟรี ระบบ Catalog สินค้าและระบบจัดการหลังบ้าน สร้างด้วย Next.js App Router, JavaScript, MySQL, Prisma ORM และ Bootstrap 5 สำหรับศึกษาและพัฒนาต่อยอด


โปรโมชั่นพิเศษ ลดสูงสุด 80%!
ขาย Source Code พร้อมใช้งาน นำไปต่อยอดได้ทันที
ดูสินค้าทั้งหมด ได้ที่ : https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้ตลอด
สนใจติดต่อ inbox ที่แฟนเพจ
☎️ โทร: 094-861-6709
Line OA : https://lin.ee/v8VwivgC


  • รวมคลิปสอน PHP PDO MySQL (ฟรีคอร์ส)  เข้าเรียน คลิก
  • รวมคลิปสอน Laravel v.12 (ฟรีคอร์ส) เข้าเรียน คลิก
  • รวมคลิปสอน Next.js (ฟรีคอร์ส) เข้าเรียน คลิก

ขอบเขตระบบ

ฝั่งหน้าร้าน (ลูกค้าทั่วไป ไม่ต้องล็อกอิน)

  1. แสดงรายการสินค้าทั้งหมด พร้อมรูป ชื่อ ราคา และหมวดหมู่
  2. ค้นหาสินค้าจากชื่อและรายละเอียด
  3. กรองสินค้าตามหมวดหมู่
  4. แบ่งหน้าแสดงผลครั้งละ 8 รายการ
  5. ดูหน้ารายละเอียดสินค้ารายชิ้น
  6. นับยอดผู้เข้าชมเว็บไซต์อัตโนมัติทุกครั้งที่เปิดหน้าแรก

ฝั่งผู้ดูแลระบบ (ต้องเข้าสู่ระบบ)

  1. เข้าสู่ระบบด้วย username หรือ email และออกจากระบบ
  2. หน้า Dashboard แสดงจำนวนสินค้า หมวดหมู่ ผู้ดูแล และยอดเข้าชมวันนี้/ทั้งหมด
  3. กราฟแนวโน้มผู้เข้าชมย้อนหลัง 36 เดือน และสรุปยอด 7 วันล่าสุด
  4. สรุปจำนวนสินค้าแยกตามหมวดหมู่ และรายการสินค้าล่าสุด 5 รายการ
  5. จัดการสินค้า — เพิ่ม แก้ไข ลบ และแบ่งหน้าครั้งละ 5 รายการ
  6. จัดการหมวดหมู่ — เพิ่ม แก้ไข ลบ ป้องกันชื่อซ้ำ และห้ามลบหมวดที่ยังมีสินค้าอยู่
  7. จัดการผู้ดูแลระบบ — เพิ่ม แก้ไข ลบ และรีเซ็ตรหัสผ่าน โดยลบบัญชีตัวเองไม่ได้
  8. หน้าคู่มือโครงสร้างไฟล์สำหรับผู้เรียน

ข้อมูลและความปลอดภัย

  1. เก็บข้อมูล 4 ตาราง: ผู้ใช้ หมวดหมู่ สินค้า และสถิติการเข้าชมรายวัน
  2. เข้ารหัสรหัสผ่านด้วย bcrypt และเก็บเซสชันเป็นคุกกี้ HttpOnly ที่เซ็นลายเซ็นกำกับ อายุ 8 ชั่วโมง
  3. ตรวจสอบสิทธิ์ผู้ดูแลซ้ำทุกครั้งที่มีการบันทึกข้อมูล ไม่ได้ป้องกันแค่ที่หน้าเว็บ

ข้อจำกัด (อยู่นอกขอบเขตระบบ)

  1. ไม่มีตะกร้าสินค้า การสั่งซื้อ การชำระเงิน และการตัดสต็อก
  2. ไม่มีระบบสมาชิกสำหรับลูกค้า มีเพียงบัญชีผู้ดูแล
  3. ไม่มีการอัปโหลดรูปภาพ ใช้การอ้าง URL รูปจากภายนอก
  4. ไม่มีการแบ่งระดับสิทธิ์ ผู้ที่ล็อกอินได้มีสิทธิ์เต็มทุกคน
  5. ไม่มีอีเมลแจ้งเตือน รายงานยอดขาย และ API สำหรับแอปภายนอก

ภาพบางส่วนของระบบ

คลิปแสดงการทำงาน

 

สามารถเอาไปต่อยอดด้วย AI ได้ เช่น Cluade – Cowork , GTP – Codex 

โปรโมชั่นพิเศษ ลดสูงสุด 80%!
ขาย Source Code พร้อมใช้งาน นำไปต่อยอดได้ทันที
ดูสินค้าทั้งหมด ได้ที่ : https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้ตลอด
สนใจติดต่อ inbox ที่แฟนเพจ
☎️ โทร: 094-861-6709
Line OA : https://lin.ee/v8VwivgC


ปล.ให้สอนติดตั้งบน Pc , Notebook ด้วยโปรแกรม XAMPP, Node.js & Next.js  คิด 599 บาท   (ไม่อยากเสียเงินลองทำเองดูก่อนนะครับ)

inbox มาที่แฟนเพจ https://www.facebook.com/sornwebsites/

Code: Download !!

ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่

ธนาคารกรุงไทย
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
————————————————————————————
ธนาคารกสิกร
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 048-1-17571-2

fanpage : https://www.facebook.com/sornwebsites/

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save