1 / 72

PHP & MySQL ระบบจัดการสินค้า

PHP & MySQL ระบบจัดการสินค้า. โดย อ. นัฐพงศ์ ส่งเนียม http://www.siam2dev.com xnattapong@hotmail.com. ระบบจัดการสินค้า. เป็นส่วนที่ admin หรือ พนักงานจะทำการจัดการกับข้อมูลสินค้าซึ่งได้แก่. เพิ่มสินค้า ลบสินค้า แก้ไขสินค้า ค้นหาสินค้า. ตารางสินค้า. TbProduct

otis
Download Presentation

PHP & MySQL ระบบจัดการสินค้า

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. PHP & MySQLระบบจัดการสินค้า โดย อ. นัฐพงศ์ ส่งเนียม http://www.siam2dev.com xnattapong@hotmail.com

  2. ระบบจัดการสินค้า เป็นส่วนที่ admin หรือ พนักงานจะทำการจัดการกับข้อมูลสินค้าซึ่งได้แก่ • เพิ่มสินค้า • ลบสินค้า • แก้ไขสินค้า • ค้นหาสินค้า

  3. ตารางสินค้า • TbProduct • ProID (PK) รหัสสินค้า • ProName ชื่อสินค้า • ProVersion รุ่น • ProPrice ราคา • ProColor สีสินค้า • ProImg รูปภาพตัวอย่าง • ProType ประเภทสินค้า

  4. MobileDB • TbMember • TbProduct

  5. สร้าง database และ table ดังนี้ • เปิด IE ขึ้นมา • เรียก Localhost • คลิกที่ PHPMyAdmin

  6. ป้อน User Name และ Password • UserName : root • Password : 121 , 123 ,1234

  7. สร้างฐานข้อมูลชื่อ MobileDB • พิมพ์ชื่อฐานข้อมูล MobileDB • แล้วกด สร้าง

  8. สร้างตารางใหม่ชื่อ TbProduct 7 ฟิลด์ กด ลงมือ

  9. ฟิลด์ ProID • Type : VarChar(4) • Exp. P001 , N001 , N002 , S001 , S001 • กำหนด ขนาด 4 • กำหนด เป็น PK

  10. ฟิลด์ ProName • Type : VarChar • Size : 100

  11. กำหนด ฟิลด์ต่างๆ ให้ครบดังนี้

  12. แล้วกดปุ่มบันทึก

  13. ป้อนข้อมูล รายการที่ 1

  14. ป้อนข้อมูล รายการที่ 2

  15. กดเปิดดู

  16. สร้างไฟล์ขึ้นมาใหม่ใน DreamweaverMX • ในหน้าต่าง site • คลิกเมาส์ขวา เลือก new file • ตั้งชื่อไฟล์ เป็น Admin_Mng_Product.php C:\AppServ\www\Mobile_50_2\ http://localhost/Mobile_50_2/

  17. ไปตั้ง encoding ที่เมนู Modify

  18. ตั้งเป็น thai(windows)

  19. กด Ctrl + U เพื่อเปลี่ยนขนาดตัวอักษร

  20. กลับมาที่หน้าจอ Design แล้ว แทรกตาราง 2 แถว 1 คอลัมน์ 80%

  21. พิมพ์ข้อความในแถวบนดังนี้พิมพ์ข้อความในแถวบนดังนี้

  22. แทรกตารางในแถวที่ 2 ดังรูป

  23. คลิกเลือกตารางย่อยแล้วไปที่หน้าต่าง code

  24. แทรกคำสั่งหน้า tag table ดังนี้

  25. โค้ดสำหรับเชื่อมต่อ server

  26. เขียนคำสั่งเพิ่มเติม

  27. แทรกคำสั่ง PHP ก่อนคำสั่ง TR ที่ 2

  28. ปิดคำสั่ง for

  29. ใส่คำสั่งแสดงแต่ละฟิลด์ออกมาใส่คำสั่งแสดงแต่ละฟิลด์ออกมา

  30. Save แล้ว Run ดูผลลัพธ์

  31. คำสั่ง แทรกรูปของ HTML • <img src=“p001.jpg”> • <img src=“images/p001.jpg”>

  32. คำสั่ง แทรกรูป

  33. รันดูผลลัพธ์

  34. สร้าง Link

  35. สร้างไฟล์ใหม่ชื่อ Admin_Del_Product.php

  36. เขียนคำสั่งดังนี้ (1)

  37. เขียนคำสั่งดังนี้ (1)

  38. การแก้ไขข้อมูล คำสั่ง SQL ที่จำเป็น • SELECT • DELETE • INSERT INTO • UPDATE

  39. คำสั่ง SQL • UPDATE `mobile_db`.`tbproduct` SET `ProName` = 'nokia',`ProVersion` = 'asdf',`ProPrice` = '444',`ProColor` = 'blakc',`ProImg` = 'p003.jpg' WHERE CONVERT( `tbproduct`.`ProID` USING utf8 ) = 'P003' LIMIT 1 ;

  40. สร้างฐานข้อมูลชื่อ Mobile_DB PK • สร้างตาราง TbProduct

  41. ให้เพิ่มข้อมูล ไป 2 เรคคอร์ด กด ที่นี่เพื่อแก้ไข หาก พิมพ์ไม่ถูกต้อง

  42. ทำ Links ไปหน้า Admin_Edit_Product.php

  43. สร้างไฟล์ชื่อ Admin_Edit_Product.php • Click เมาส์ขวาในหน้าต่าง site • แล้วเลือก New File • แล้วตั้งชื่อไฟล์เป็น • Admin_Edit_Product.php

  44. เปิดไฟล์ Admin_Edit_Product.php ขึ้นมา ทำการ Encoding ให้เรียบร้อย

  45. ออกแบบหน้าจอโดยใส่ ตาราง เข้าไปดังรูป • 2 แถว • 1 คอลัมน์ • 50%

  46. จากนั้นพิมพ์ข้อความดังรูปจากนั้นพิมพ์ข้อความดังรูป จัดตารางให้อยู่ตรงกลางหน้าจอ

  47. แทรกฟอร์มเข้าไปในแถวที่ 2 ดังรูป แทรกฟอร์มเข้าไป

  48. กำหนด Action ของฟอร์มไปที่ไฟล์Admin_Update_Product.php

  49. แทรกตารางในฟอร์มข้างล่างดังนี้แทรกตารางในฟอร์มข้างล่างดังนี้ • 8 แถว • 2 คอลัมน์ • 100 %

More Related