เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 5

หลังจากที่ตอนก่อน (ตอนที่4) เราได้ทำการสร้างโปรแกรมสำหรับการแสดงข้อมูลจาก MySQL ไปแล้ว ต่อไปเราคงต้องมาสร้างโปรแกรมสำหรับการแก้ไขข้อมูลกัน ซึ่งในภาษา SQL เราจะเรียกการกระทำนี้ว่าการ Update เราจะสามารถสร้างโปรแกรมลักษณะนี้ได้อย่างไรกับ Dreamweaver MX ก็ขอให้ลองทำตามบทความนี้ดูนะครับ

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

ตอนที่ 5:: การสร้างโปรแกรมแก้ไขข้อมูล

5.1 การสร้าง Link เพื่อส่งค่าให้กับโปรแกรม update ข้อมูล

1. ให้ทำการเปิดไฟล์ view.php จากขั้นตอนก่อนขึ้นมาจากนั้นให้ทำารเพิ่ม Column ของตารางขึ้นมา 1 คอลัมน์ โดยที่ชื่อคอลัมล์นี้ให้พิมพ์ว่า Update (ดูรูปที่ 3 ประกอบ)
2. จากนั้นให้นำ Cursor ไปวางภายใน Culumn นั้น แล้วทำการ Click เลือกที่ไมนู Dynamic Text ที่ Panel Server Behaviors ดังรูป

3. เมื่อ CLick แล้วโปรแรกมจะทำการเปิดหน้าต่างใหม่ขึ้นมาให้เรากำหนดค่า ดังนี้

ที่หน้าต่าง Dymanic Text ให้กำหนดค่า ดังนี้
- Field : เลือกไปที่ ID
- Format : เลือกที่ None ไว้
- Code : ให้ทำการพิมพ์โค้ดใหม่เข้าไปดังนี้

<?php echo "<a href=update.php?id=".$row_view['ID'].">Click</a>"; ?>

4. เมื่อทำขั้นตอนที่ 3 เสร็จสิ้น Click ที่ OK เป็นอันว่าเราได้ทำการสร้าง Link สำหรับการส่งค่าไปให้ไฟล์ update.php ซึ่งเรากำลังจะสร้างต่อไป เสร็จสิ้นแล้ว เราทำการ Preview ดูผลกับ Web Server นะครับ

5.2 การโปรแกรม update ข้อมูล

1. ให้ทำการ New File ขึ้นมา แล้วให้ทำการ Save เก็บไว้ใน Directory เดียวกับไฟล์โปรแกรมทั้งหมดที่เราสร้างขึ้นจากบทความชุดนี้ โดยไฟล์นี้ให้เราทำการตั้งชื่อว่า update.php (ระวังเรื่องชื่อและนาสกุลของไฟล์)
2. ให้เราทำการสร้าง Record Set ขึ้นมา โดยการ Click ไปที่เครื่องหมายบวก (+) ของ Panel Bindings แล้วทำการเลือกที่เมนู Recordset (Query) ดังรูป

3. เมื่อเราทำการ Clik ไปที่เมนูดังกล่าว โปรแกรมจะทำการเปิดหน้าต่างใหม่ขึ้นมาให้เรากำหนดค่า ดังนี้

ที่หน้าต่าง Recordset ให้เราทำการกำหนดค่าดังนี้
- Name : ทำการตั้งชื่อของ Recordset เพื่อไว้ใช้อ้างอิงในโปรแกรม Dreamweaver
- Connection : เลือก Connection ที่เราสร้างไว้
- Table : เลือกตารางที่เราจะทำการแก้ไขข้อมูล
- Columns : เลือกที่ All
- Filter : กำหนดดังรูป ตรง URL Parameter เพื่อเป้นการกำหนดว่าเราจะทำการรับค่าที่ส่งมาในแบบ Get ซึ่งเป็นค่าที่จะสัมพัธ์กันกับสิ่งที่เราสร้างขึ้นในข้อ 5.1 ด้านบน
- Sort : None

4. เมื่อเรากำหนดค่าจากข้อ 3 เสร็จสิ้นให้เราทำการ Clikc ที่ OK จากนั้นให้เราทำการ Click ไปที่ Icon ที่ชื่อว่า Record Update Form Wizard ดังรูป เพื่อทำการสร้าง Form สำหรับการกรอกค่าที่จะแก้ไข

5. เมือเราเลือกไปที่ Icon ดังกล่าวโปรแกรมจะทำการเปิดหน้าต่างที่ชื่อว่า Record Update Form ขึ้นมาให้เราได้ทำการกำหนดค่า ดังรูป

6. ให้เราทำการกำหนดค่าดังรูป โดยที่ในหัวข้อ After update, go to : ให้เราทำการ Browse..ไปยังไฟล์ที่ชื่อว่า view.php
7. เมื่อทำการกำหนดค่าเสร็จสิ้นแล้วก็ทำการ OK เราก็จะได้ Form และโปรแกรมสำหรับแก้ไขข้อมูล ดังรูป

8. วิธีการทดสอบให้เราทำการ Preview ไฟล์ที่ชื่อว่า view.php จากนั้นทำการ Click ไปที่ link คอลัมน์ Update จากนั้นให้ทดสอบกรอกข้อมูลที่ต้องการแก้ไขใน Form ที่แสดง แล้วดูค่าใหม่ที่หน้า view.php ตามที่เราได้ทำการแก้ไขไป
9. เป็นอันเสร็จสิ้นการสร้างโปรแกรม Update ข้อมูล

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

ps. อย่าลืมเปิด Service ของ Web Server และ MySQL Server ก่อนการสร้างโปรแกรมทุกครั้ง.