เชื่อมต่อฐานข้อมูลและเพิ่มข้อมูลลงฐานข้อมูล MySQL โดย Dreamweaver
หน้าแรก Dreamweaver CS5 เชื่อมต่อฐานข้อมูลและเพิ่มข้อมูลลงฐานข้อมูล MySQL โดย Dreamweaver
สำเรื่องการเชื่อมต่อฐานข้อมูล MySQL และการเพิ่มข้อมูลลงไป นั้น เราสามารถใช้ โปรแกรม Dreamweaver ในการทำงาน ใช้งานยังไง เดี่ยว เราลองมาทำกันดู ทีละ ขั้นตอนดีกว่า
1. ในขั้นตอนแรก สุด นั้น เราต้องทำการ Import ฐานข้อมูลซะก่อน ถ้าไม่ Import ก็ไม่สามารถทำขั้นตอนต่อไปได้ โดย เพื่อนๆ สามารถ ดาวน์โหลดไฟล์ได้ที่นี้ คลิกที่นี้
ให้เราสร้างฐานข้อมูล ชื่อว่า basic ก่อน แล้วค่อย import(นำเข้า) ก่อน
2. หลังจากทำการ Import ฐานข้อมูลเรียบร้อยแล้ว เพื่อนๆก็ทำการสร้างไฟล์ book.php หรือสร้างไฟล์ชื่ออะไรก็ได้ตามใจเลยครับ
เมื่อเพื่อนๆ สร้างไฟล์แล้ว ก็ทำการเลือกที่เมนู Insert >Data Objects > Recordset ตามรูปภาพข้างล่าง
3. เมื่อเราคลิกเลือก Recordset แล้วจะปรากฏ ไดอาล๊อกบ๊อก ให้กรอก ค่าต่างๆ มากมาย ใน ช่อง Name ให้ใส่ชื่อ Recordset ไปครับ ต่อจากนั้น ให้คลิก Define... ตามรูปภาพข้างล่าง
โดยหน้าจอนี้ผมจะอธิบายให้ฟังนะครับ
Name คือชื่อ Recordset
Conntection คือการเชื่อมต่อกับฐานข้อมูลอะไร ชื่อผู้ใช้ รหัสผ่าน ชื่อเซฟเวอร์ฐานข้อมูลอะไร ให้เราเลือกตามที่เราเชื่อมต่อในข้อถัดไป แต่ในตัวอย่างผมเลือก basic
Table คือชื่อตารางที่จะเชื่อมต่อ ในตัวอย่างผมเลือกตาราง books นะครับ
Columns คือ ชื่อฟิล์ดต่างๆ ให้เลือก All คือเลือกทั้งหมด หรือ Selected คือเลือกเฉพาะที่จะใช้งาน
ถ้าหากเรากำหนดตรงนี้ครบแล้วให้กด OK ได้เลย
4. เมื่อเราคลิก Define... จากขั้นตอนที่แล้ว ให้เราเลือก New ต่อไปเลย ตามรูปภาพข้างล่าง ครับ
5. ให้เราใส่ชื่อ ตามรูปเลยครับ เดี่ยวผมจะอธิบายให้ ฟัง
Connection name คือ ชื่อการเชื่อมต่อ
MySQL server ชื่อเซอเวอร์ฐานข้อมูล ส่วนมากเป็น localhost
Username คือ ชื่อในการเข้าไปใช้ฐานข้อมูล ของผมเป็น root
Password คือรหัสผ่านในการเข้าใช้ฐานข้อมูล มาจากตอนที่เราติดตั้ง Appserv ให้กรอกรหัสผ่าน นั้นเหละครับ คือรหัสผ่านมาใส่ตรงนี้
Database คือชื่อฐานข้อมูล โดยให้เราคลิก Select... เพื่อเลือกฐานข้อมูลที่เราสร้างขึ้นมาไว้ก่อนหน้านี้ ตามขั้นตอนที่ 1
6. หลังจากนั้น ให้เรากด OK เรื่อยๆ ครับ เมื่อกด หมดแล้ว ให้เรามาที่เมนู Insert > Data Objects > Insert Record > Record Insertion From Wizard ตามรูปภาพข้างล่าง
7. จะปรกกฎหน้าตา ประมาณนี้ ในส่วนนี้ผมจะอธิบายให้ฟังนะครับ
Connection คือชื่อการเชื่อมต่อ ในขั้นตอนที่ 5 ผมใส่ชื่อ basic ครับ
table คือชื่อตาราง ในส่วนนี้ผมได้สร้างตรางไว้แล้ว โดยชื่อตารางนี้มีชื่อว่า books
after inserting, goto หมายถึง หลังจากมีการเพิ่มข้อมูลแล้วจะให้ไป ไฟล์ไหนต่อ เช่น ผมจะให้ไปไฟล์ book.php
Form fields คือ ฟิล์ดข้อมูลของตาราง books นั้นเอง เราสามารถเพิ่ม ลบ ได้ ครับในตัวอย่างนี้ผมลบ id ทิ้งไป
Label คือเมื่อเราคลิก name ชื่อเลเบล ที่จะปรากฎบนดิสเพล์ในฟอร์มของเราเช่น Name :
Display as คือ ประเภทของฟอร์มจะเป็น ? เช่น ช่อง Text field, Text, Password Area, List เป็นต้น
Submit as คือประเภทของฟิลด์เป็น Text, Int อะไรก็ว่าไป
Default Value : คือ ค่าเริ่มต้มของฟอร์มนั้นเอง
เมื่อเราทำการตั้งค่าทุกอย่างเสร็จก็เลือก OK
8. หลังจากขั้นตอนที่ 7 แล้ว หน้าตาฟอร์มรับข้อมูลของเราก็จะประมาณนี้ครับ สวยเปล่า ?
9. เราลองมาทดสอบกันดู นะครับ โดยกรอก ข้อความไป แล้วกด Insert Record
10. แล้วมาดูในฐานข้อมูลกัน เห็นไหมครับว่า ข้อมูลได้ถูกเพิ่มเรียบร้อย
เป็นอันเสร็จสิ้นการเชื่อมต่อฐานข้อมูลและการเพิ่มข้อมูล MySql โดยใช้โปรแกรม Dreamweaver แล้วครับ
เราสามารถลองโหลดซอสโค๊ดตัวนี้กันได้ ที่นี้
ขึ้นไปด้านบน