วันพุธที่ 24 พฤศจิกายน พ.ศ. 2553

แสดงสินค้าหน้าร้าน ตอนที่ 3 แสดงรายละเอียดของสินค้า

หลังจากที่ผมได้สอนท่านเขียนCodeแสดงรายการสินค้าทั้งหมดแล้ว เว็บไซต์ E-Commerce หรือร้านค้าออนไลน์ เว็บขายของ ตอนต่อไปนี้ จะสอนท่านเขียนCode PHP แสดงรายละเอียดของสินค้าที่เราเลือกคับ ดู ผลลัพธ์ ของโปรแกรมกันก่อนคับ จะเห็นได้ว่ารายการสินค้าที่เราเอามาแสดงนั้น จะมีข้อมูลแค่ชื่อสินค้ากับราคาสินค้าเท่านั้นดังรูป

ดังนั้นเราจึงต้องดึงข้อมูลที่เหลือ ซึ่งยังไม่ได้แสดงให้ลูกค้าเห็น เช่น หมวดสินค้า , รายละเอียดสินค้า เอาออกมาแสดง ดังรูปคับ

ไฟล์ fp_showpd_detail.php
รูปด้านบนนี้แหละคือ ระบบที่ผมจะสอนในวันนี้คับ ให้ท่านสร้างไฟล์ ชื่อว่า fp_showpd_detail.php และให้ออกแบบตามรูปด้านบน จากนั้นให้ คลิก แท็บ Code พิมพ์ Code PHP , HTML ลงไปตามนี้เลยคับ



ผมได้ใช้ Code CSS กำหนดการแสดงผลให้กับไฟล์ Programe ทั้งหมดที่ผมสอนใน Blogนี้คับ  ให้ท่าน Copy Code CSS ได้จากลิงค์นี้ http://panuwat.orgfree.com/crochet/design.css  แล้วตั้งชื่อไฟล์ว่า design.css คับ
จากนั้นกลับไปยังไฟล์ function.php เราจะเพิ่มเติม Code PHP เข้าไปดังรูปคับ
ไฟล์ function.php

ภายใน Function pagi ไฟล์ function.php ผมได้เพิ่มและแก้ไข Code PHP บางส่วนดังนี้
1.แสดงรูปสัญลักษณ์ของสถานะสินค้า (มาใหม่,แนะนำ,ขายดี)
2.แสดงรูปของสินค้าโดยกำหนดเงื่อนไขว่าหากสินค้าใดๆไม่มีรูปให้แสดงรูปของสินค้าเป็นไฟล์ no-image.jpg แทนดังรูป














3.กำหนด Link ให้กับสินค้า เพื่อเชื่อมโยงไปยังไฟล์ fp_showpd_detail.php โดยส่งParameterเป็น id ของสินค้าไปด้วย
ท่านสามารถ Copy Code PHP ของไฟล์ function.php ทั้งหมดได้จาก Code ข้างล่างนี้คับ

แล้วพบกันในบทความสอนทำเว็บขายของ หรือ ร้านค้าออนไลน์ หรือ E-Commerce Website ด้วย PHP + ฐานข้อมูล MySQL ตอนต่อไปคับ

8 ความคิดเห็น :

  1. สำหรับtableที่ผมใช้สอนในบทความนี้ คือ table tb_product คับ
    ดูได้จากบทความนี้คับ http://pnwtt1987.blogspot.com/2010/10/1_19.html

    ตอบลบ
  2. Code CSS ที่ใช้ในไฟล์ประกอบการสอน ให้Copy Code จากลิงค์นี้ http://panuwat.orgfree.com/crochet/design.css

    ตอบลบ
  3. ไม่ระบุชื่อ6 ตุลาคม 2555 03:05

    ขอโทษนะครับ
    ถ้าเกิดผมมีหน้าแสดงสินค้าหลายๆหน้าอะครับ
    ผมต้องทำ หน้า fp_showpd_detail.php สำหลับทุกหน้าเลยหลอครับ
    เพราะผมเห็นว่ามันมี
    header("Location:fp_index.php");
    if($qs=="") $redir_current="fp_index.php";#หากไม่พบค่า แสดงว่ามาจากหน้า fp_index.php ให้กำหนดลิงค์กลับไปหน้านี้
    else $redir_current="fp_showpd.php?$qs";#

    ซึ่งมันใส่ได้ทีละหน้าหรือหลายๆหน้า
    แล้วจะใส่ยังไงอะครับ
    ขอบคุณครับ

    ตอบลบ
  4. สร้างไฟล์ fp_showpd_detail.php เพือแสดงรายละเอียดสินค้า แค่ไฟล์เดียวเท่านั้นครับ
    มันสามารถแสดงรายละเอียดสินค้าตามค่า id parameter ที่ส่งมาครับ
    ไม่ต้องสร้างหลายๆไฟล์เลยครับ เพราะเราไม่ได้เขียนแบบ html ซึ่งจะต้องสร้างหลายๆไฟล์

    ตอบลบ
  5. ไม่ระบุชื่อ25 มกราคม 2556 20:50

    ขอบคุณน่ะค่ะ หนูกำลังทำโปรเจคเว็บขายสินค้าอยู่เลยค่ะเพิ่งโดนอาจารย์สั่งมาว่างานหนูไม่ผ่าน ช่วยหนูได้เยอะเลยค่ะ ^^

    ตอบลบ
    คำตอบ
    1. ด้วยความยินดีครับ เอาใจช่วยขอให้ผ่านนะครับ

      ลบ
  6. http://panuwat.orgfree.com/crochet/design.css โหลดไม่ได้อ่าครับ

    ตอบลบ