เรื่อง :: สร้าง Web Login ด้วย Dreamweaver MX + ASP + Access  ตอนที่ 1

มีแฟนเว็บขอบทควาเรื่องการสร้างเว็บในแบบ Login เข้ามา ตอนแรกก็ตั้งใจว่ายังไม่อยากเขียนเท่าไหร่ เนื่องจากว่า..บทความแนวนี้เป็นบทความในแนว Advance ของการใช้งานโปรแกรม Dreamweaver MX เกรงว่าผู้ที่ไม่มีพื้นฐานจะไม่เข้าใจและทำไม่ได้ และก็จะไม่เกิดประโยชน์ใด ๆ ในหมู่กว้าง แต่ก็ด้วยเหตุผลบางประการผมจึงลัดคิวบทความนี้จัดทำขึ้นมาให้อ่านกันก่อน ซึ่งแน่นอน...บทความในแนวนี้จะเป็นบทความชุด ความยาวจะอยู่ที่ 3 ตอนจบ ก็ติดตามอ่านกันเป็นตอน ๆ ไปนะครับ อย่าอ่านข้ามตอนเด็ดขาด !

>> ข้อตกลงก่อนการอ่านบทความ <<

- ไม่เหมาะแก่มือใหม่ที่เพิ่มเริ่มจัดทำ Website
- ต้องเคยอ่านบทความ สร้าง Dynamic Webpage ด้วย Dreamweaver MX (ASP and Access) และสามารถปฏิบัติได้
- ผมจะไม่กล่าวถึงเรื่องของการ Set Web Server ที่จะใช้งานร่วมกับ Dreamweaver เนื่องจากเคยเขียนให้อ่านไปในบทความก่อน ๆ แล้ว
- ผมจะไม่กล่าวถึงหลักการของตัวภาษา ASP และหลักการของ Database Design ใด ๆ เนื่องจากเว็บต้องการนำเสนอในแง่มุมของ Dreamweaver เท่านั้น ผู้อ่านควรมีความรู้ทางนี้อยู่บ้างจึงจะสามารถปฏิบัติตามได้

:: โปรแกรมสำหรับการใช้งาน ::

- Dreamweaver MX ตั้งแต่ เวอร์ชั่น 6 ขึ้นไป
- Web Server Program คือ PWS หรือ IIS เนื่องจากบทความนี้เราใช้เทคโนโลยีของ ASP
- MS Access สำหรับการสร้าง Database
- Web Browser สำหรับการทดสอบ

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

:: หลักการ ::

ให้คุณดูแผนภาพต่อไปนี้

Form Login คือ Form สำหรับการกรอก Username & Password เพื่อส่งค่าเข้ามาตรวจสอบว่า Username & Password ถูกต้องหรือไม่
success.asp คือ ไฟล์ที่จะแสดงผลเมื่อผู้ใช้งานทำการ Login ด้วย Username & Password ที่ถูกต้อง
fail.asp คือ ไฟล์ที่จะแสดงผลเมื่อ Username & Password ที่ผิดพลาด และแจ้งกลับให้ผู้ใช้งานทำการ Login ใหม่

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

:: วิธีการทำ ::

สร้างไฟล์สำหรับการใช้งาน

1. ให้เราทำการ New File ขึ้นมา 3 ไฟล์ และให้เราทำการ Save ไฟล์ที่สร้างขึ้นมานี้ โดยให้ชื่อไฟล์ทั้ง 3 ไฟล์ดังนี้
login.asp - success.asp - fail.asp
2. จากนั้นที่ไฟล์ fail.asp ให้คุณทำการพิมพ์ข้อความสำหรับการแจ้งเตือนเมื่อผู้ใช้งานไม่สามาร Login ได้ เช่น พิมพ์คำว่า  " Username or Password ของท่านไม่ถูกต้อง กรุณาตรวจสอบ แล้วทำการ login ใหม่อีกครั้ง...!! "

การออกแบบฐานข้อมูล

เมื่อเราได้ทำการสร้างไฟล์ทั้ง 3 ขึ้นมาเตรียมพร้อมในการสร้างโปรแกรมสำหรับการ Login ขึ้นมาแล้ว ขั้นตอนต่อไปเราจะต้องทำการออกแบบ Database กันขึ้นมา โดย Database ที่เราจะใช้กันในบทความนี้คือ MS Access

1. ให้เราทำการสร้าง Database ขึ้นมาใหม่ 1 DB จากนั้นที่ DB นั้น ให้เราทำการสร้างตารางใหม่ขึ้นมา โดยตารางนี้ให้มีชื่อตารางว่า member และมี Data Type ดังรูปด้านล่างนี้

2. เมื่อทำการสร้างตาราง (Table) ของฐานข้อมูลเสร็จสิ้น ให้เราทำการกรอกข้อมูลลงไปที่ตาราง member สัก 1  Record เพื่อไว้ใช้ในการทดสอบ ดังรูป

3. ให้ทำการเก็บ Database นี้ไว้ใน Directory เดียวกับไฟล์โปรแกรมทั้ง 3 ที่เราสร้างขึ้น

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

เป็นอันเสร็จสิ้นขั้นตอนของการเตรียมการก่อนสร้างโปรแกรม Login จากนั้น..รออ่านตอนต่อไปเร็ว ๆ นี้.