Dynamic Web Page คืออะไร?

Posted June 11th, 2005 by nattster
in

ผมได้เริ่มสอนการเขียนเว็บด้วยภาษา ASP ให้กับน้องๆ ม.1-3 ที่โรงเรียนของผมช่วงเย็น ผมก็ขอเอาเนื้อหาที่ใช้เรียนมา เผยแพร่ผ่าน SiamDev แห่งนี้ เพื่อให้เพื่อนๆ คนอื่นบนอินเตอร์เน็ตที่สนใจ ได้อ่าน ได้เรียนรู้ด้วยละกันครับ

ASP คืออะไร?

ASP นั้นย่อมาจาก Active Server Page ซึ่งมีความสามารถในการใช้พัฒนาเว็บไซต์ ที่มีเนื้อหาแบบ Dynamic ได้ ก่อนอื่น ผมขออธิบาย เกี่ยวกับ Dynamic Web Page ก่อนนะครับ

Static Web Page และ Dynamic Web Page

  • Static Web Page คือ เว็บเพจทั่วไป ซึ่งสร้างขึ้นจากภาษา HTML หรือเป็นเว็บเพจที่คุณสร้างอยู่เป็นประจำ เนื้อหาของเว็บเพจเหล่านี้ จะไม่มีการเปลี่ยนแปลงใดๆ จนกว่าจะมีผู้มาทำการแก้ไข หน้าเว็บที่เครื่อง Server
  • ข้อจำกัด
    สมมติว่าคุณอยากให้ผู้เข้าชมเว็บไซต์ของคุณ ได้ทราบถึงเวลาของ Server ในขณะที่ผู้ใช้กำลังเยี่ยมชม คุณจะไม่สามารถแสดงเวลาได้สำเร็จด้วยภาษา HTML ธรรมดา หรือถ้าคุณจะพยายาม คุณก็จำเป็นต้องอัพโหลดหน้าเว็บไซต์ ทุกนาที หรือทุกวินาที เพื่อให้ เวลาในหน้าเว็บดังกล่าว เดินไปเรื่อยๆ หรือให้เวลาดังกล่าว ตรงกับเวลาของเครื่อง Server
  • Dynamic Web Page จะตรงกันข้ามกับ Static Web Page คือคุณสามารถ ทำให้เนื้อหาของเว็บไซต์เปลี่ยนไป ได้เรื่อยๆ เปลี่ยนไปตามเวลา เปลี่ยนไปตามวัน หรือ อาจจะมีเนื้อหาเปลี่ยนไปตามที่ผู้ใช้ร้องขอ เป็นต้น สำหรับการเขียนเว็บเพจแบบนี้ จะมีความยุ่งยากมากกว่าการเขียนเว็บเพจ แบบ Static Web Page บ้าง แต่การพัฒนาหน้าเว็บแบบ Dynamic นี้ จะช่วยลดงานของคุณในการอัพเดทเว็บ หรือกล่าวอีกนัยหนึ่งคือ คุณไม่จำเป็นต้องทำการอัพเดทเว็บไซต์บ่อยๆ แต่คุณเพียงแค่เตรียมเนื้อหาที่จะแสดงในอนาคตไว้ แล้วคุณก็เขียนโปรแกรมให้หน้าเว็บ นำเนื้อหาเหล่านั้นมาแสดงในเวลาที่กำหนด หรือตามคำร้องขอของผู้ใช้ เป็นต้น

ประเภทของ Dynamic Web Page

แบ่งได้คร่าวๆ เป็น 3 ประเภท

  • Client-Side Script คือ หน้าเว็บแบบ Dynamic ที่มีคำสั่ง ซึ่งทำงานบนเครื่อง Client
    เมื่อผู้ใช้เข้าไปยังเว็บเพจนั้นๆ Server จะส่งเนื้อหาทั้งหมด รวมทั้ง Code ของเราไปยังเครื่อง Client ที่เรียกดูหน้าเว็บดังกล่าว แล้ว Code ทั้งหลายจะถูกประมวลผลที่เครื่อง Client
  • Server-Side Script คือ หน้าเว็บแบบ Dynamic ที่มีคำสั่ง ซึ่งทำงานบนเครื่อง Server เมื่อผู้ใช้เข้าไปยังเว็บเพจแบบนี้ Server จะทำอ่าน ไฟล์ดังกล่าวก่อน แล้วทำการแปล Code ที่เราได้เขียนไว้ในหน้าเว็บนั้นทั้งหมด เพื่อให้ได้ผลลัพธ์ออกมา หลังจากนั้น จึงส่งผลลัพธ์ซึ่งเป็น HTML เพียงอย่างเดียว (ปราศจาก ASP Code) ไปให้เครื่องผู้ใช้
  • 3. เป็นทั้ง Server-Side และ Client-Side Script>
    มีลักษณะเหมือนกับข้อที่ 1 และข้อที่ 2 รวมกัน คือมีโค้ดบางส่วนถูกแปลคำสั่งที่เครื่อง Server ก่อน และเหลือบางส่วนที่จะต้องถูกแปลโดยเครื่อง Client

ตัวอย่าง

ตัวอย่างไฟล์ 2005-6-10.asp

<HTML><BODY>
<!-- เริ่มต้น Server-side script-->
ขณะนี้เวลาที่ Server คือ <%=Time%>
 
<!-- สิ้นสุด Server-side script-->
 
 
<!-- เริ่มต้น Client-side script-->
และเวลาที่ Client คือ
<script language="VBScript">
Document.Write Time
</script>
<!-- สิ้นสุด Client-side script-->
 
 
</BODY></HTML>

ตัวอย่างนี้เป็นตัวอย่างของหน้าเว็บเพจแบบ Dynamic ซึ่งมีการเขียนโค้ดทั้งแบบ Client-Side และ Server-Side อยู่ในหน้าเดียวกัน ผมอยากให้คุณผู้อ่านได้ลองเรียกไฟล์ นี้จาก Browser แล้วดู ผลลัพธ์ที่เกิดขึ้นจะพบว่า ผลลัพธ์นั้น จะแตกต่างกับไฟล์บนเครื่อง Server เนื่องจากหน้าเว็บผลลัพธ์นั้นจะถูกประมวลผลโดย Server เรียบร้อยแล้ว ดังนั้นสิ่งที่ส่งไปยัง เครื่อง Client นั่นก็คือ ผลลัพธ์ที่ปราศจาก Code โดยสิ้นเชิงแล้วครับ แต่คุณผู้อ่านจะพบว่า คำสั่งในส่วนของ Client-Side จะมีลักษณะเหมือนกับต้นฉบับทุกประการ เนื่องจากยังไม่ถูกประมวลผลโดย เครื่อง Server แต่จะถูกประมวลผลที่เครื่อง Client

สรุป

สุดท้ายนี้ ผมหวังเป็นอย่างยิ่งว่าคุณผู้อ่านจะทราบถึงความแตกต่างระหว่าง Server-side Script กับ Client-side Script และเข้าใจหลักการทำงานของ Dynamic Web Page ด้วยนะครับ
โปรดติดตามตอนต่อไป หากคุณผู้อ่านท่านใดมีข้อสงสัยเกี่ยวกับบทความหรือเนื้อหา สามารถโพสต์ได้ในเว็บบอร์ด ASP ของเว็บไซต์แห่งนี้ได้เลยครับ

On November 12th, 2007 Anonymous says:

ช่วยยกตัวอย่างเวบมาให้ศึกษาหน่อยได้มั้ยคะ อยากจะศึกษาจากเวบที่มีอยู่ว่าเปนรุปแบบยังงัยค่ะ ขอบคุณมากค่ะ

On December 31st, 2007 BabyHack says:

อยากได้มาศึกษาต่อคับ พอจะมีเว็บหรือลิ้งค์ให้ไปศึกษามั้ยคับ

Post new comment

คำนวณผลบวกด้านบนแล้วกรอกผลลัพธ์ลงในช่อง เช่น 2 ลบ 1 ให้พิมพ์ 1