ใน 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 5,297 times, 116 visits today)

Related posts:

สร้างฟอร์มสมัครสมาชิกแบบง่ายๆ, เพิ่มข้อมูลเข้าดาต้าเบสจากฟอร์ม, insert into
การใช้ Json PHP
SQL:เปลี่ยน password เป็น MD5 ในครั้งเดียว
WEB.4 โปรแกรมเพิ่มข้อมูลเข้าไปใน database โดยไม่ต้องเขียน code, PHP, [devba...
WEB.7 โปรแกรมแก้ไขข้อมูลจาก database อย่างง่ายๆ ด้วย dreamweaver + bootstra...
Free Template 06 Form ยืนยันการสั่งซื้อสินค้า + code ตัวอย่าง
WEB.25 ตะกร้าสินค้า php, Dreamweaver, Bootstrap ตอนที่ 2 Cancel Cart
php หาวันเริ่มต้นและวันสุดท้ายของเดือน, First day of this month PHP
สอน Bootstrap 3 ชม. 1,000 บาท ผ่าน TeamViewer
WEB.27 [ตอน 1-2] ระบบเพิ่มข่าว + เก็บข้อมูล user ที่เพิ่มข่าว + แสดงข่าวที่...