การแก้ไขข้อมูล โปรแกรม Dreamweaver

[thatsawan]

การแก้ไขข้อมูล โปรแกรม Dreamweaver
- showdata.php
ในการแก้ไขข้อมูลเราจะทำการสร้าง link (ในหน้าเพจshowdata.php)เพื่อทำการส่งค่าไปยังหน้าเพจที่จะทำการแก้ไข (ในหน้าเพจedit.php)
ขั้นตอนเเรกเราจะทำการสร้าง link ในการส่งค่า เริ่มจากการเพิ่มจำนวนคอลัมน์ในตารางให้ทำการคลิกเมาส์คลุมดำที่ตารางเพื่อทำการกำหนดค่าที่ช่อง Properties ในส่วนของ Cols :กำหนดจำนวนคอลัมน์

2-4-2557 12-43-24.png (85.71 KiB) Viewed 553 times

จากนั้นทำการพิมพ์ข้อความที่จะใช้เป็นลิงค์ในการส่งค่า "edit" จากนั้นทำการคลุมดำที่ข้อความเพื่อทำการเลือก เเละทำการกำหนดค่าที่ Properties > คลิกในส่วนของLink รูปโฟล์เดอร์สีเหลือง

2-4-2557 12-47-20.png (78.89 KiB) Viewed 553 times

จากนั้นจะปรากฏให้กำหนดค่า
File name : เลือกไฟล์เพจที่จะทำการแก้ไขข้อมูล
หลังจากนั้นในส่วนของ URL : ในคลิกที่ Parameter

2-4-2557 12-52-34.png (57.43 KiB) Viewed 553 times

เมื่อทำการคลิกเสร็จให้ทำการกำหนดค่าตัวแปรในช่อง Name (ในตัวอย่างจะกำหนดเป็น X)

2-4-2557 12-50-23.png (25.59 KiB) Viewed 553 times

จากนั้นทางช่อง Value ให้ทำการคลิกที่เครื่องหมายฟ้าผ่า เพื่อทำการเลือกกำหนดว่าจะส่งค่าอะไรไป ทำการดึงข้อมูลที่เราจะทำการแก้ไข จากนั้น กด ok

2-4-2557 12-51-33.png (29.04 KiB) Viewed 553 times

-edit.php
ให้ทำการ new file ขึ้นมาแล้วกำหนดชื่อไฟล์ให้ตรงกับ File name หน้าที่จะทำการแก้ไขข้อมูลในการกำหนดค่าด้านบน(edit.php)
จากนั้นให้ทำการ เลือกที่ Insert Bar > data > ที่ Recodset เพื่อทำการกำหนดว่าเราจะใช้ตารางใด
จากนั้นกำหนดค่า
Name: กำหนดชื่อ Recodset
Connection:ไฟล์เชื่อมต่อฐานข้อมูล
Table :เลือกตารางที่จะทำการแก้ไข
Columns:กำหนดเลือกข้อมูลที่จะนำมาใช้
Filter: การกำหนดเงื่อนไขในการดึงข้อมูลจากตาราง ในที่นี่ เราทำการส่งค่า ID_member
>ในช่องถัดมาให้เลือกเป็น =
>ในช่องถัดมาส่งค่าเป็น URL Parameter
>ในช่องถัดมาให้ใส่ตัวแปร ที่เราได้กำหนดไว้ใน ไฟล์ showdata.php (x) จากนั้น ok

2-4-2557 12-55-38.png (32.33 KiB) Viewed 553 times

จากนั้นคลิกที่เครื่องมือ Record Update Form Wizard เพื่อทำการสร้างฟอร์ม แก้ไข ข้อมูลแบบอัตโนมัติ(ในส่วนของเมนู Insert Update เป็นการเลือก แก้ไขข้อมูล จากฟอร์มที่เราสร้างไว้)

2-4-2557 12-54-36.png (8.45 KiB) Viewed 553 times

ทำการกำหนดค่า
Connection: เลือกไฟล์เชื่อมต่อกับฐานข้อมูล
Table to update : เลือกว่าตารางที่จะทำการดึงข้อมูลเพื่อมาแก้ไข
Select record from : เลือกตารางที่เราจะทำการบันทึกเมื่อทำการแก้ไข
Unique key Columns:เลือกไพมารีคีย์ (ID_member)
After updating,go to:เมื่อทำการเเก้ไขข้อมูลเสร็จเเล้วจะให้แสดงในหน้าเพจใด
Form fields: กำหนดว่าเราจะให้แก้ไขข้อมูลอะไรบ้าง
label: ป้ายชื่อที่ใช้ในการแสดง
Display as : การแสดงผล
Text:การแสดงข้อมูลเดิม จากนั้นทำการคลิกที่ Ok

2-4-2557 12-56-56.png (45.01 KiB) Viewed 553 times

จะได้ฟอร์มการแก้ไขข้อมูลอัตโนมัติ เราสามารถแก้ไขเเละตกเเต่งได้

2-4-2557 12-58-52.png (127.8 KiB) Viewed 553 times

จากนั้นให้เราทำการทดสอบที่ ไฟล์ showdata.php เมื่อทำการคลิกที่ "edit" จะส่งค่าไป แสดงข้อมูลที่ edit.php เพื่อทำการแก้ไข จากนั้นกด Update Record จะถูกแก้ไขเเละกลับมาแสดงใน showdata.php

2-4-2557 14-54-46.png (13.83 KiB) Viewed 553 times