เว็บฟอร์ม ASP.NET - หน้า HTML
ส่วนนี้จะอธิบายการเขียนเพจ ASP.NET และเปรียบเทียบสั้นๆ กับการเขียนเพจ HTML
หน้า ASP.NET แบบธรรมดาดูเหมือนหน้า HTML ธรรมดา
ก่อนที่จะเริ่มเรียนรู้ ASP.NET เรามาสร้างหน้า HTML ง่ายๆ ที่จะแสดง "Hello w3cschool.cn" ในเบราว์เซอร์ก่อน:
สวัสดี w3cschool.cn! |
รหัสต่อไปนี้จะแสดงอินสแตนซ์เป็นหน้า HTML:
<html><body bgcolor="yellow"><center><h2>สวัสดี w3cschool.cn!</h2></center></body></html>
หากคุณต้องการลองด้วยตัวเอง ให้บันทึกโค้ดด้านบนลงในไฟล์ชื่อ " firstpage.htm " และสร้างลิงก์ไปยังไฟล์: firstpage.htm
วิธีที่ง่ายที่สุดในการแปลงเพจ HTML เป็นเพจ ASP.NET คือการคัดลอกไฟล์ HTML โดยตรง และเปลี่ยนนามสกุลของไฟล์ใหม่เป็น . aspx
รหัสต่อไปนี้จะแสดงอินสแตนซ์เป็นเพจ ASP.NET:
<html><body bgcolor="yellow"><center><h2>สวัสดี w3cschool.cn!</h2></center></body></html>
หากคุณต้องการลองด้วยตัวเอง ให้บันทึกโค้ดด้านบนลงในไฟล์ชื่อ " firstpage.aspx " และสร้างลิงก์ไปยังไฟล์: firstpage.aspx
โดยพื้นฐานแล้ว หน้า ASP.NET จะเหมือนกับ HTML ทุกประการ
ส่วนขยายของหน้า HTML คือ .htm หากเบราว์เซอร์ร้องขอเพจ HTML จากเซิร์ฟเวอร์ เซิร์ฟเวอร์สามารถส่งเพจไปยังเบราว์เซอร์โดยตรงโดยไม่ต้องทำการแก้ไขใดๆ
ส่วนขยายสำหรับเพจ ASP.NET คือ .aspx หากเบราว์เซอร์ร้องขอเพจ ASP.NET จากเซิร์ฟเวอร์ เซิร์ฟเวอร์จำเป็นต้องประมวลผลโค้ดที่ปฏิบัติการได้ในเพจก่อนที่จะส่งผลลัพธ์กลับไปยังเบราว์เซอร์
หน้า ASP.NET ข้างต้นไม่มีโค้ดที่ปฏิบัติการได้ ดังนั้นจึงไม่มีการดำเนินการใดๆ ในตัวอย่างต่อไปนี้ เราจะเพิ่มโค้ดปฏิบัติการลงในเพจเพื่อแสดงความแตกต่างระหว่างเพจ HTML แบบคงที่และเพจ ASP แบบไดนามิก
Active Server Pages (ASP) ได้รับความนิยมมานานหลายปี ด้วย ASP คุณสามารถวางโค้ดปฏิบัติการในหน้า HTML ได้
ASP เวอร์ชันก่อนหน้า (ก่อน ASP.NET) มักเรียกว่า ASP แบบคลาสสิก
ASP.NET เข้ากันไม่ได้กับ ASP แบบคลาสสิกอย่างสมบูรณ์ แต่มีการปรับเปลี่ยนเพียงเล็กน้อยเท่านั้น หน้า ASP แบบคลาสสิกส่วนใหญ่จึงสามารถทำงานได้ดีเช่นเดียวกับหน้า ASP.NET
หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ ASP แบบคลาสสิก โปรดไปที่บทช่วยสอน ASP ของเรา
เพื่อสาธิตวิธีที่ ASP แสดงเพจที่มีเนื้อหาไดนามิก เราจะเพิ่มโค้ดปฏิบัติการบางส่วน (ทำเครื่องหมายด้วยฟอนต์สีแดง) ให้กับตัวอย่างข้างต้น:
<html><body bgcolor="yellow"><center><h2>สวัสดี w3cschool.cn!</h2><p><%Response.Write(now())%></p></center>< /ร่างกาย></html>
รหัสภายในแท็ก <% --%> ถูกดำเนินการบนเซิร์ฟเวอร์
Response.Write คือโค้ด ASP ที่ใช้ในการเขียนไปยังสตรีมเอาต์พุต HTML
Now() เป็นฟังก์ชันที่ส่งคืนวันที่และเวลาปัจจุบันของเซิร์ฟเวอร์
หากคุณต้องการลองด้วยตัวเอง ให้บันทึกโค้ดด้านบนลงในไฟล์ชื่อ " dynpage.asp " และสร้างลิงก์ไปยังไฟล์: dynpage.asp
รหัสต่อไปนี้จะแสดงอินสแตนซ์เป็นเพจ ASP.NET:
<html><body bgcolor="yellow"><center><h2>สวัสดี w3cschool.cn!</h2><p><%Response.Write(now())%></p></center>< /ร่างกาย></html>
หากคุณต้องการลองด้วยตัวเอง ให้บันทึกโค้ดด้านบนลงในไฟล์ชื่อ " dynpage.aspx " และสร้างลิงก์ไปยังไฟล์: dynpage.aspx
ตัวอย่างข้างต้นไม่ได้แสดงให้เห็นถึงความแตกต่างระหว่าง ASP.NET และ ASP แบบคลาสสิก
เช่นเดียวกับในสองตัวอย่างสุดท้าย คุณไม่สามารถบอกความแตกต่างระหว่างเพจ ASP และเพจ ASP.NET ได้
ในบทถัดไป คุณจะเห็นว่าการควบคุมเซิร์ฟเวอร์ทำให้ ASP.NET มีประสิทธิภาพมากกว่า ASP แบบคลาสสิกได้อย่างไร