บทความ

กำลังแสดงโพสต์จาก ธันวาคม, 2010

ระบบตะกร้าสินค้า(Shopping Cart) ตอนที่ 1 หยิบสินค้าใส่ตะกร้า(Add To Cart) , แก้ไขจำนวน , ลบรายการสินค้าในตะกร้า

รูปภาพ
   ได้เวลาที่ต้องอัปเดตบทความกันซะหน่อยแล้วคับ เดือนนี้มีบทความให้ท่านได้อ่าน เพียงแค่บทความเดียวเท่านั้นเอง เหตุผลที่หายไปไม่ใช่ว่าผมติดธุระ งานยุ่งอะไรหรอกคับ เป็นเพราะความขี้เกียจมากกว่า สำหรับเนื้อหาการทำระบบ E-Commerce ด้วย PHP + MySQL ในวันนี้ ผมจะสอนท่านทำตะกร้าสินค้า( Shopping Cart ) โดยตอนนี้จะสอน Add To Cart กับ Update จำนวนสินค้า ลบสินค้าในตะกร้ากันก่อนคับ  มาดู ผลลัพธ์ กันก่อนเลยคับ ให้ท่านคลิกที่Iconรูปตะกร้า     สำหรับแนวคิดของการทำระบบนี้ของผม คือ การสร้าง ตัวแปรแบบ Session ขึ้นมา เพื่อเก็บค่าข้อมูลของสินค้าที่ลูกค้าคลิกสั่งซื้อ ดังรูป แสดงการคลิกสั่งซื้อสินค้า

ค้นหาสินค้า (Product Search)

รูปภาพ
บทความสอนทำ ร้านค้าออนไลน์ ( เว็บขายของ ) ( E-Commerce Website ) ด้วย PHP + MySQL ผมจะสอนท่านทำระบบค้นหาสินค้าในร้านแบบง่ายๆกันคับ โดยเราจะสร้างFilterขึ้นมาแค่ตัวเดียวโดยใช้ Textfiled สำหรับเอาไว้กรอกข้อความหรือ Keyword ที่ต้องการค้นหา และเราจะใช้คำสั่ง LIKE ของ sql เพื่อค้นหาข้อมูลจากColumn   pd_name ว่าพบข้อความตรงกันหรือไม  หากพบข้อความในใน Column pd_name ตรงกับ Keyword ที่เราป้อน ก้อให้มันแสดงออกมาตามจำนวนที่เจอ หากไม่พบก็ให้ข้อความว่า “ไม่พบข้อมูลที่ค้นหา” อย่างนี้เป็นต้น  ดู ผลลัพธ์ ของโปรแกรมกันก่อนเลยคับ (กลัวจะหาว่าผมโม้ เลยตัองโชว์ผลลัพธ์ให้ดูกันหน่อยแหล่ะ) เปิดโปรแกรม Dreamweaver ขึ้นมาคับ สร้างไฟล์ขึ้นมา 2 ไฟล์ ตั้งชื่อว่า searchpd.php และ searchpd_result.php

แสดงสินค้าหน้าร้าน ตอนที่ 4 ซูมรูปสินค้าด้วย TopUp (Jquery)

รูปภาพ
ดู ผลลัพธ์ ของโปรแกรมก่อนเลยคับ โดยให้คลิกที่รูปเพื่อขยาย Blog สอนสร้าง Web E-Commerce ด้วย PHP + MySQL ในวันนี้ผมจะสอนเขียน Code เพื่อ ขยายรูป(Zoom Images)สินค้าโดยใช้ Pugin ของ Jquery ตัวนึง ชื่อว่า TopUp ให้ท่าน Download จากตรงนี้เลยคับ ซึ่งผมได้แก้ไข Code บางส่วนให้สามารถใช้งานร่วมกับระบบ E-Commerce นี้คับ หลังจากที่ท่านได้Download ไฟล์ที่ผมแจกให้เรียบร้อยแล้ว ให้ทำการแตกไฟล์ จะได้ Folder ที่ชื่อว่า zoomimg ให้Copy ทั้ง Folder ไปไว้ใน Folder jquery ประมาณนี้คับ กำหนดPathเก็บFolder zoomimg จากนั้นให้เปิดไฟล์ fp_showpd_detail.php ขึ้นมา  ในส่วนของแท็ก head ให้พิมพ์ Code ลงไปตามนี้คับ