เรื่อง :: สร้าง web login ด้วย Dreamweaver MX + ASP + Access  ตอนที่ 2 (MX2004)

หลังจากในตอนที่แล้วเราได้กล่าวนำถึงกฏและแนวทางการศึกษากับบทความชุดนี้ไปในเบื้อนต้น ในคราวนี้เป็นตอนที่ 2 ของบทความชุดนี้ ซึ่งจะเป็นตอนที่สำคัญที่สุดของการสร้าง Application ชุดนี้ อยากให้ผู้อ่านตั้งใจและพยายามจับประเด็นสิ่งที่นำเสนอให้ดีกับบทความนะครับ

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

ตอนที่ 2 การสร้าง Form และโปรแกรมสำหรับการ Login

1. ให้เราทำการเปิดไฟล์ที่ชื่อว่า login.asp ที่เราได้สร้างเก็บไว้จากตอนก่อนขึ้นมา
2. สร้าง Connection ขึ้นมาเตรียมไว้สำหรับการสร้างโปรแกรม (หาอ่านได้จากบทความก่อน ๆ เรื่องการสร้าง Dynamic Webpage ด้วย Dreamweaver MX (ASP and Access) )
3 . ที่ไฟล์ login.asp นี้ให้เราทำการสร้าง Form สำหรับการกรอก Username & Password ดังรูป

- ที่ Input Username ให้ใช้ชื่อ Input ว่า Username
- ที่ Input Password ให้ใช้ชื่อ Input ว่า Password

4. เมื่อเราได้ทำการสร้าง Form สำหรับการ Login เสร็จสิ้นแล้ว ให้เราไปที่ Insert Bar เลือกไปที่ Application แล้วเลือกไปที่ Icon ที่ชื่อว่า Log In User ดังรูป

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

ที่หน้าต่าง Log In User นี้เราสามารถกำหนดค่าต่าง ๆ ได้ดังนี้
- Get Input Form form : เลือกไปยังชื่อฟอร์มที่เราสร้างขึ้นไว้
- Username field : เลือก ช่อง Input ที่ป้อนข้อมูล Username จาก Form Login
- Password field : เลือก ช่อง Input ที่ป้อนข้อมูล Password จาก Form Login
- Validation using connection : เลือกชื่อ Connection ที่เราจะใช้ในการตรวจสอบ Username และ Password
- Table : เลือกชื่อตารางที่เราจะใช้ในการตรวจสอบ
- Username column : เลือกชื่อคอลัมน์ของ Table ที่จะใช้ในการเปรียบเทียบค่ากับข้อมูล Username ที่รับมาจาก Form Login
- Password column : เลือกชื่อคอลัมน์ของ Table ที่จะใช้ในการเปรียบเทียบค่ากับข้อมูล Password ที่รับมาจาก Form Login
- If login succeeds, go to : ทำการกำหนดชื่อไฟล์เมื่อมีการ Login สำเร็จให้โปรแกรมไปยังเว็บเพจหน้าที่ต้องการ โดยทำการกรอกชื่อไฟล์หรือจะทำการ Browse.. ไปยังไฟล์นั้นก็ได้ ในที่นี้ให้กำหนดไปที่ไฟล์ success.asp ตามที่เราสร้างไว้เมื่อตอนก่อน
- If login fails, go to : ทำการกำหนดชื่อไฟล์เมื่อมีการ Login ไม่สำเร็จให้โปรแกรมไปยังเว็บเพพจหน้าที่ต้องการ โดยทำการกรอกชื่อไฟล์หรือจะทำการ Browse.. ไปยังไฟล์นั้นก็ได้ ในที่นี้ให้กำหนดไปที่ไฟล์ fail.asp ตามที่เราสร้างไว้เมื่อตอนก่อน

6. เมื่อเราได้ทำการกำหนดค่าที่จำเป็นต่าง ๆ เสร็จสิ้นแล้ว ให้เราทำการ Click ที่ปุ่ม OK จากนั้นทำการ Preview ทดสอบการใช้งานดูผลกับ Web Server

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

ps. ทุก ๆ โปรแกรมที่สร้างจาก Dreamweaver MX ที่มีการติดต่อกับฐานข้อมูล เราจำเป็นต้องสร้าง Connection ขึ้นมาเสียก่อนจึงจะสร้าง Application ใด ๆ ต่อไปได้
ps2. สำหรับ MX2004 การกำหนด Connection String เราควรกำหนดเป็น Path เต็ม ๆ ของ ตำแหน่ง Database นั้น  เช่น "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\dw-asp\admin.mdb" เป็นต้น