ใน workshop นี้จะพาทำหน้าแสดงรายละเอียดของสินค้า และมีการใช้ bootstrap ในการช่วยออกแบบโครงของหน้าเว็บ (Layout) อย่างง่ายๆ  โดยจะแสดงสินค้าจากฐานข้อมูลของเรา และรองรับการใช้งานบนหลายๆ อุปกรณ์  (Responsive) และมีการเก็บจำนวนการเข้าชมสินค้าแต่ละตัวด้วย

มาดูโค๊ดตัวอย่างเทมเพลต ต่อจาก WEB 23

 

ตอนที่ 1

YouTube Preview Image

 

ตอนที่ 2

YouTube Preview Image

 

code นับจำนวนการเข้าชมสินค้า

ให้สร้างฟิลด์เพิ่มในตารางสินค้าของเรา ชื่อฟิลด์คือ   p_view  เพื่อใช้สำหรับเก็บสถิติการเข้าชมสินค้าแต่ละตัว  ให้สังเกต $row_showproduct คำว่า “showproduct” คือชื่อของ Recordset ที่ได้สร้างไว้   

 

ตอนที่ 3

YouTube Preview Image

 

code ตกแต่งหน้ารายละเอียดสินค้าเพิ่มเติม

ผลการทำงาน

screen-shot-2559-11-04-at-17-39-47

 

รอคลิปนะครับ

มีความสนใจเทคโนโลยีที่ใช้พัฒนาเว็บไซต์ และอยากแบ่งปันความรู้ด้านการพัฒนาเว็บไซต์และอื่นๆอีกมากมาย…

(Visited 7,620 times, 82 visits today)