บทความสอนทำ
ร้านค้าออนไลน์ (
เว็บขายของ) (
E-Commerce Website) ด้วย
PHP + MySQL ผมจะสอนท่านทำระบบค้นหาสินค้าในร้านแบบง่ายๆกันคับ โดยเราจะสร้างFilterขึ้นมาแค่ตัวเดียวโดยใช้ Textfiled สำหรับเอาไว้กรอกข้อความหรือ Keyword ที่ต้องการค้นหา และเราจะใช้คำสั่ง LIKE ของ sql เพื่อค้นหาข้อมูลจากColumn
pd_name ว่าพบข้อความตรงกันหรือไม หากพบข้อความในใน Column
pd_name ตรงกับ Keyword ที่เราป้อน ก้อให้มันแสดงออกมาตามจำนวนที่เจอ หากไม่พบก็ให้ข้อความว่า “ไม่พบข้อมูลที่ค้นหา” อย่างนี้เป็นต้น ดู
ผลลัพธ์ของโปรแกรมกันก่อนเลยคับ (กลัวจะหาว่าผมโม้ เลยตัองโชว์ผลลัพธ์ให้ดูกันหน่อยแหล่ะ)
เปิดโปรแกรม Dreamweaver ขึ้นมาคับ สร้างไฟล์ขึ้นมา 2 ไฟล์ ตั้งชื่อว่า
searchpd.php และ searchpd_result.php===ไฟล์ searchpd.php ให้พิมพ์ Design หน้าตาก็จะได้แบบนี้
 |
| ไฟล์ searchpd.php |
หากมาดูในมุมมอง View Code กันบ้าง ก็จะมีคำสั่งตามนี้
| <form id="fsearchpd" name="fsearchpd" method="get" action="searchpd_result.php"> |
| <div align="center"> |
| <input name="keyword" type="text" id="keyword" size="18" value="<?= $_GET["keyword"] ?>" /> |
| <input type="submit" name="bt_search" id="bt_search" value="ค้นหา" /></div> |
| </form> |
เวลาจะใช้ก็ให้ใช้คำสั่ง include หรือ require เพื่อเรียกไฟล์นี้มาแสดงผลในไฟล์ที่ต้องการให้มีการค้นหาสินค้า
===ไฟล์ searchpd_result.php สำหรับรับค่า Parameter จากไฟล์ searchpd.php เข้ามา แล้วส่งค่าที่รับมา เข้าฐานข้อมูล ด้วยคำสั่ง sql แล้วดึงผลลัพธ์ออกมาแสดงผล
หน้าตาหรือผลลัพธ์ของหน้านี้จะได้ตามนี้
 |
| ไฟล์ searchpd_result.php |
หากเมื่อดูในมุมมอง View Code ก็จะมีคำสั่งดังนี้คับ
| <?php |
| require_once("config.php");#เรียกไฟล์เชื่อมต่อกับฐานข้อมูล |
| require_once("function.php");#เรียกไฟล์นี้เข้ามา เพื่อนำfunction pagi มาใช้ |
| if(!isset($_GET["keyword"])) |
| header("Location:fp_index.php"); |
| $keyword=$_GET["keyword"]; |
| $sql_searchpd="SELECT * FROM tb_product WHERE pd_name LIKE '%".$keyword."%' "; |
| ?> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> |
| <link rel="stylesheet" type="text/css" href="design.css"> |
| <title>Crochet ตุ๊กตาถักไหมพรม</title> |
| </head> |
| <body> |
| <div id="container"> |
| <div id="header"> |
| <div id="headtext"> </div> |
| <div id="logo"></div> |
| <div id="bgright"></div> |
| </div> |
| <div id="menuarea"> |
| <div id="menu"> |
| <p id="text" align="center"><a href="fp_index.php">หน้าแีรก</a></p> |
| </div> |
| <div id="menu"> |
| <p id="text" align="center"><a href="fp_showpd.php?all=showall">สินค้า</a></p> |
| </div> |
| <div id="menu"> |
| <p id="text" align="center"><a href="#">วิธีสั่งซื้อ-ชำระเงิน</a></p> |
| </div> |
| <div id="menu"> |
| <p id="text" align="center"><a href="#">ติดต่อเรา</a></p> |
| </div> |
| </div> |
| <div id="leftmenuarea"> |
| <div id="content-left"> |
| <div id="bg-loginbar"> |
| <div id="loginbar" >สำหรับสมาชิก</div> |
| </div> |
| <? include_once('flogin.php'); ?> |
| <div id="bg-loginbar"> |
| <div id="loginbar" >ค้นหาสินค้า</div> |
| </div> |
| <? include_once('searchpd.php'); ?> |
| <br /> |
| </div> |
| <div id="contentX"> |
| <div id="content1"> |
| <div id="bg-pdbar"> |
| <div id="pdbar"> ผลการค้นหา</div> |
| </div> |
| <? pagi(9,3,'0',$sql_searchpd) ; #เรียกfunction pagi ซึ่งเก็บไว้ในไฟล์ function.php?> |
| </div> |
| <div id="content2"></div> |
| </div> |
| </div> |
| <div class="clear"> </div> |
| <div id="footer"> |
| <h1>copyright©2010 http://pnwtt1987.blogspot.com</h1> |
| </div> |
| </div> |
| </body> |
| </html> |
0 ความคิดเห็น:
แสดงความคิดเห็น