PHP & MySQLระบบจั�ดการสินค้ าโดย อ. น�ฐพงศ์� สิ�งเน�ยม

http://www.siam2dev.com

xnattapong@hotmail.com

ระบบจั�ดการสินค้ า

• เพ�มสินค้ า• ลบสินค้ า• แก ไขสินค้ า• ค้ นหาสินค้ า

เป็"นสิ�วนที่�� admin หร%อ พน�กงานจัะที่&าการจั�ดการก�บข อม'ลสินค้ าซึ่)�งได แก�

ตารางสินค้ า• TbProduct

– ProID (PK) รห�สิสินค้ า– ProName ชื่%�อสินค้ า– ProVersion ร, �น– ProPrice ราค้า– ProColor สิ�สินค้ า– ProImg ร'ป็ภาพต�วอย�าง– ProType ป็ระเภที่สินค้ า

MobileDB

• TbMember

• TbProduct

สิร าง database และ table ด�งน�.1 .เป็/ด IE ข).นมา2. เร�ยก Localhost

3. ค้ลกที่�� PHPMyAdmin

ป็0อน User Name และ Password

• UserName : root• Password : 121 , 123 ,1234

สิร างฐานข อม'ลชื่%�อ MobileDB

1 .พมพ�ชื่%�อฐานข อม'ล MobileDB2 .แล วกด สร้�างสร้�าง

สิร างตารางใหม�ชื่%�อ TbProduct

กด ลงม%อ

7 7 ฟิ�ลด์ฟิ�ลด์

ฟิ/ลด� ProID

• Type : VarChar(4)

• Exp. P001 , N001 , N002 , S001 , S001

• ก&าหนด ขนาด 4• ก&าหนด เป็"น PK

ฟิ/ลด� ProName

• Type : VarChar

• Size : 100

ก&าหนด ฟิ/ลด�ต�างๆ ให ค้รบด�งน�.

แล วกดป็,4มบ�นที่)ก

ป็0อนข อม'ล รายการที่�� 1

ป็0อนข อม'ล รายการที่�� 2

กดเป็/ดด'

สิร างไฟิล�ข).นมาใหม�ใน DreamweaverMX

• ในหน�าต่�าง site

• คล�กเมาสขวา เล�อก new file

• ต่��งชื่��อไฟิล เป็ น Admin_Mng_Product.php

CC::\AppServ\www\Mobile_50_2\\AppServ\www\Mobile_50_2\

httphttp://://localhostlocalhost//Mobile_50_2Mobile_50_2//

ไป็ต�.ง encoding ที่��เมน' Modify

ต�.งเป็"น thai(windows)

กด Ctrl + U เพ%�อเป็ล��ยนขนาดต�วอ�กษร

กล�บมาที่��หน าจัอ Design แล ว แที่รกตาราง

2 แถว1 ค้อล�มน�80%

พมพ�ข อค้วามในแถวบนด�งน�.

แที่รกตารางในแถวที่�� 2 ด�งร'ป็

ค้ลกเล%อกตารางย�อยแล วไป็ที่��หน าต�าง code

แที่รกค้&าสิ��งหน า tag table ด�งน�.

โค้ ดสิ&าหร�บเชื่%�อมต�อ server

เข�ยนค้&าสิ��งเพ�มเตม

แที่รกค้&าสิ��ง PHP ก�อนค้&าสิ��ง TR ที่�� 2

ป็/ดค้&าสิ��ง for

ใสิ�ค้&าสิ��งแสิดงแต�ละฟิ/ลด�ออกมา

Save แล ว Run ด'ผลล�พธ์�

ค้&าสิ��ง แที่รกร'ป็ของ HTML

• <img src=“p001.jpg”>

• <img src=“images/p001.jpg”>

ค้&าสิ��ง แที่รกร'ป็

ร�นด'ผลล�พธ์�

สิร าง Link

สิร างไฟิล�ใหม�ชื่%�อ

Admin_Del_Product.php

เข�ยนค้&าสิ��งด�งน�. (1)

เข�ยนค้&าสิ��งด�งน�. (1)

การแก ไขข อม'ลค้&าสิ��ง SQL ที่��จั&าเป็"น• SELECT

• DELETE

• INSERT INTO

• UPDATEUPDATE

ค้&าสิ��ง 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 ;

สิร างฐานข อม'ลชื่%�อ Mobile_DB

• สิร างตาราง TbProduct

PKPK

ให เพ�มข อม'ล ไป็ 2 เรค้ค้อร�ด

กด ที่��น��เพ%�อแก ไข หาก พมพ�ไม�ถ'กต อง

ที่&า Links ไป็หน า Admin_Edit_Product.php

สิร างไฟิล�ชื่%�อ Admin_Edit_Product.php

1. Click เมาสิ�ขวาในหน าต�าง site2 .แล วเล%อก New File3 .แล วต�.งชื่%�อไฟิล�เป็"น Admin_Edit_Product.php

เป็/ดไฟิล� Admin_Edit_Product.php ข).นมา

ที่&าการ Encoding ให เร�ยบร อย

ออกแบบหน าจัอโดยใสิ� ตาราง เข าไป็ด�งร'ป็

•2 แถว •1 ค้อล�มน�•50%

จัากน�.นพมพ�ข อค้วามด�งร'ป็

จั�ดตารางให อย'�ตรงกลางหน าจัอ

แที่รกฟิอร�มเข าไป็ในแถวที่�� 2 ด�งร'ป็

แที่รกฟิอร�มเข าไป็

ก&าหนด Action ของฟิอร�มไป็ที่��ไฟิล�Admin_Update_Product.php

แที่รกตารางในฟิอร�มข างล�างด�งน�.

•8 8 แถวแถว•2 2 คอล�มนคอล�มน•100 %100 %

แที่รกข อค้วามค้อล�มน� ด านซึ่ ายม%อ

แทร้ก แทร้ก Object Object ต่�างๆ ด์�านขวาม�อต่�างๆ ด์�านขวาม�อ

ก&าหนดชื่%�อTxtProIDTxtProID

TxtProNameTxtProName

TxtProVersionTxtProVersion

TxtProPriceTxtProPrice

TxtProColorTxtProColor

TxtProImgTxtProImgsTypesType

BtnUpdateBtnUpdate

BtnCancelBtnCancel

ใสิ�ป็ระเภที่

เข าไป็เข�ยนค้&าสิ��งในหน า Code ก�อนบรรที่�ดค้&าสิ��งฟิอร�ม

เข�ยนค้&าสิ��งตดต�อฐานข อม'ล

ใสิ�ค้&าสิ��งหล�ง </Form>

ร�นด'ผลล�พธ์�

ที่&าแบบน�.ก�บที่,กๆ ฟิ/ลด�

Type ตอนที่�� 1

Type ตอนที่�� 2

Type ตอนที่�� 3

ค้&าสิ��งตอนที่ ายหล�งป็/ด </Form>

สิร างไฟิล�ใหม�ชื่%�อ Admin_Update_Product.php

เข�ยนโค้ ดด�งน�.

ลองแก ไข ข อม'ลด'

กรณี�ม� Error