เรื่อง :: สร้าง Dynamic Webpage ด้วย Dreamweaver

ในสมัยก่อนการสร้าง Dynamic Webนั้นเราจำเป็นต้องทำการเขียน CODE ของโปรแกรมขึ้นมาใช้งานเอง แต่มาในยุคนี้ในยุค MX เราสามารถสร้าง Dynamic Web ขึ้นมาใช้งานโดยการ คลิ๊ก แล้วก็ Click เท่านั้นเอง คุณอาจจะไม่ต้องมีความรู้เรื่องของการเขียนโปรแกรมเลย คุณก็อาจจะสามารถสร้างงานโปรแกรมต่าง ๆ ขึ้นมาใช้งานได้ แต่ก่อนที่คุณจะเข้าไปอ่านเนื้อหากัน เรามาทำข้อตกลงเล็ก ๆ น้อย ๆ เกี่ยวกับเนื้อหาในบทความชุดนี้สักหน่อย ดังนี้

1. ผมจะไม่กล่าวถึงวิธีการสร้างและการใช้งานโปรแกรมประเภท DataBase ทั้งหลายในบทความ
2. ผมจะไม่ขอกล่าวถึงวิธีการสร้าง ODBC
3. ผมจะไม่อธิบายในส่วนต่าง ๆ ที่เกี่ยวกับ Source Code Program
4. ผมจะไม่ขอกล่าวถึงวิธีการใช้งานโปรแกรม web server
5 . ผมจะเขียนและอธิบายเฉพาะในส่วนของการใช้งานโปรแกรม Dreamweaver ติดต่อกับฐานข้อมูลนี้เท่านั้น
ฉะนั้น...บทความชุดนี้ จึงไม่เหมาะกับมือใหม่ที่เพิ่มเริ่มต้นเรียนรู้เรื่องของการสร้าง website ครับ แต่ถ้าคุณสนใจและมีความพยายาม ผมเชื่อว่า... แม้จะมือใหม่ แต่ก็สามารถใช้งานได้เช่นเดียวกัน...

Set Connection

เตรียมการ ..... โดยให้คุณทำการสร้าง DataBase โดยใช้โปรแกรม MS Access สร้างฐานข้มูลขึ้นมา แล้วนำมา Save เก็บไว้ใน Folder ที่คุณทำการตั้ง Site ของ website ไว้ จากนั้นให้คุณทำการสร้าง DNS (Data Source Name) ขึ้นมา เพราะบทความนี้จะทำการแนะนำการเชื่อมฐานข้อมูลผ่านทาง ODBC ครับ

เริ่มต้น ....เปิดโปรแกรม Dreamweaver MX ขึ้นมา พร้อม ๆ กับเปิด Web Server รอไว้ด้วย เพราะที่เราจะสร้างต่อไปนี้คือ Dynamic Webpage ซึ่งต้องทำการรันตัวโปรแกรมผ่านทาง Web Server จากนั้นทำการเปิดหน้าต่าง Database ขึ้นมา ( Menu Bar ->Window ->Databases) ดังในรูป Pic.1

Pic.1

ที่หน้าต่าง Databases ให้เรา Click ที่ Link ตรงคำว่า document type เพื่อเลือกภาษาโปรแกรมในการใช้งาน ในที่นี้ให้เราเลือก ASP VBScript เหมือนใน Pic.2 ครับ

 

 

 

 

 

Pic.2

จากนั้นให้กลับมาที่หน้าต่าง Databases ครับ เพื่อ Click ที่ link ที่ข้อที่ 3 testing server ถ้าของท่านทำการ Set ค่าไว้แล้วก็จะปรากฏเครื่องหมายถูกที่หน้าข้อที่ 3 นี้ครับ แต่ถ้ายังให้ท่านกำหนดค่าใน Site Definition ก่อนนะครับ สำหรับวิธีการกำหนดให้หาอ่านได้จากบทความเรื่อง การ set ให้ Dreamweaver MX ติดต่อกับ MySql Server ที่หน้า Tricks นะครับ

เมื่อเรากำหนดค่าต่าง ๆ ที่เกี่ยวกับ Server เสร็จสิ้นแล้ว ให้เรากลับมาที่หน้าต่าง Databases อีกครั้ง เพื่อทำการกำหนดการ Connection ครับ วิธีการกำหนดก็โดยให้ท่าน Click ไปที่เครื่องหมายบวก (+) ที่มุมด้านซ้ายมือของหน้าต่างครับ เมื่อ Click แล้วจะมี POP UP เล็ก ๆ ยื่นออกมาให้เราเลือก 2 ข้อความ คือ
1. Costom Connection String
2. Data Source Name (DNS)
ให้ท่านเลือกที่หัวข้อที่ 2 นะครับ คือ เลือกไปที่ DataSource Name (DSN) เพราะเราจะติดต่อกับ Database ผ่านทาง ODBC ครับ

เมื่อเลือกไปแล้วจะปรากฏหน้าต่างใหม่ขึ้นมา ดังรูป Pic.3 ครับ

Pic.3

ในหน้าต่าง Data Source Name (DNS) ที่ปรากฏขึ้นมา ให้เราทำการกำหนดค่าต่าง ๆ ดังนี้
- Connection Name :: กำหนดชื่อที่ใช้ในการติดต่อกับ Database (ตั้งเป็นชื่ออะไรก็ได้ที่เราเข้าใจ)
- Data Source Name (DSN) :: Click ไปที่ Define... เพื่อเลือก DSN ที่เราสร้างไว้แล้ว
- User Name :: User ที่ใช้กับ DNS นั้น
- Password :: Password ที่ใช้กับ DNS นั้น
- Dreamweaver Should Connect :: เลือกไปที่ Using Local DSN

จากนั้นให้เรา Click ไปที่ปุ่ม Test เพื่อทดสอบว่าโปรแกรมสามารถติดต่อกับ DNS ได้ไหมครับ ถ้าการติดต่อเป็นไปอย่างราบรื่นไม่มีปัญหา ก็จะปรากฏมี POP UP Massage ปรากฏขึ้นมาดังภาพ Pic.4 ครับ แล้วเมื่อเรากลับไปดูที่หน้าต่าง Databases ก็จะปรากฎชื่อ Connection Name ที่เราตั้งขึ้นมาครับ เมื่อเรา Click ลงไปดูในรายละเอียดของ Connection Name นั้นดู เราจะพบรายชื่อ Tables ใน Database เราครับ ดังภาพ Pic.5 ครับ ถ้าติดต่อไม่ได้โปรแกรมก็จะแจ้งเตือนเราออกมา ให้เรากลับไปดูว่า เราได้กำหนดสิ่งใดผิดหรือไม่ เช่น เรากำหนด DNS ที่ไม่มีอยู่จริงลงไปหรือไม่ เป็นต้น

Pic.4

Pic.5

ก็เป็นอันเสร็จสิ้นการติดต่อกับฐานข้อมูลผ่านทาง DNS ครับ

เมื่อเราทำการ Set Connection กับ DataBase ของเราได้แล้ว ต่อไปก็ติดตามอ่านวิธีการนำเอา Connection ที่เราสร้างขึ้นมานี้ นำไปใช้งานกับ Web Application ที่เราจะสร้างขึ้นมานะครับ ......