ตัวอย่างโปรแกรมแรกของ ASP.NET: Hello World
โปรแกรม ASP.NET Hello World พร้อมตัวอย่าง
ลองดูตัวอย่างวิธีที่เราสามารถนำแอปพลิเคชัน “hello world” ธรรมดาๆ ไปใช้ได้อย่างไร สำหรับสิ่งนี้ เราจะต้องดำเนินการตามขั้นตอนที่กล่าวถึงด้านล่าง
ขั้นตอน 1) ขั้นตอนแรกคือการสร้างโปรเจ็กต์ใหม่ใน Visual Studio หลังจากเปิด Visual Studio แล้ว คุณต้องเลือกตัวเลือกเมนู New->Project
ขั้นตอน 2) ขั้นตอนต่อไปคือการเลือกประเภทโครงการเป็นแอปพลิเคชันเว็บ ASP.Net ที่นี่เราต้องพูดถึงชื่อและที่ตั้งของโครงการของเราด้วย
- ในกล่องโต้ตอบโครงการ คุณจะเห็นตัวเลือกต่างๆ ในการสร้างโครงการประเภทต่างๆ คลิกตัวเลือกเว็บที่ด้านซ้ายมือ
- เมื่อเราคลิกตัวเลือกเว็บในขั้นตอนก่อนหน้า เราจะเห็นตัวเลือกสำหรับ ASP.Net Web Application คลิกตัวเลือกนี้
- จากนั้นเราจะตั้งชื่อแอปพลิเคชัน ซึ่งในกรณีของเราคือ DemoApplication เรายังต้องระบุสถานที่สำหรับจัดเก็บแอปพลิเคชันของเราด้วย
- ในที่สุดเราคลิกปุ่ม 'ตกลง' เพื่อให้ Visual Studio สร้างโปรเจ็กต์ของเรา
ขั้นตอน 3) ในหน้าจอถัดไป คุณต้องเลือกประเภทของเว็บแอปพลิเคชัน ASP.net ที่ต้องการสร้าง ในกรณีของเรา เราจะสร้างแอปพลิเคชัน Web Form แบบง่ายๆ
- ขั้นแรก เลือกประเภทโครงการเป็น 'ว่างเปล่า' เพื่อให้แน่ใจว่าเราจะเริ่มต้นด้วยแอปพลิเคชันพื้นฐานที่เข้าใจง่าย
- เราเลือกตัวเลือก "แบบฟอร์มเว็บ" นี่เป็นการเพิ่มโฟลเดอร์พื้นฐาน สิ่งเหล่านี้จำเป็นสำหรับแอปพลิเคชันเว็บฟอร์มพื้นฐาน
- ในที่สุดเราคลิกปุ่ม 'ตกลง' เพื่อให้ Visual Studio สามารถสร้างแอปพลิเคชันของเราได้
หากปฏิบัติตามขั้นตอนข้างต้น คุณจะได้ผลลัพธ์ดังต่อไปนี้ใน Visual Studio
ผลลัพธ์:-
ใน Solution Explorer คุณจะสามารถเห็น DemoApplication Solution โซลูชันนี้จะมีไฟล์โครงการ 2 ไฟล์ดังที่แสดงด้านบน ในขณะนี้ หนึ่งในไฟล์สำคัญในโครงการคือ 'Global.asax.cs'- ไฟล์นี้มีข้อมูลเฉพาะแอปพลิเคชัน ในไฟล์นี้ คุณจะต้องเตรียมใช้งานตัวแปรเฉพาะแอปพลิเคชันทั้งหมดให้เป็นค่าเริ่มต้น
ขั้นตอน 4) ตอนนี้ได้เวลาเพิ่มไฟล์เว็บฟอร์มในโครงการแล้ว นี่คือไฟล์ซึ่งจะมีโค้ดเฉพาะเว็บทั้งหมดสำหรับโครงการของเรา
- คลิกขวาที่โครงการ DemoApplication และ
- เลือกเพิ่ม -> เว็บฟอร์มจากเมนูบริบท
ขั้นตอน 5) ในหน้าจอถัดไป เราจะได้รับแจ้งให้ระบุชื่อสำหรับเว็บฟอร์ม
- ตั้งชื่อเว็บฟอร์ม ในกรณีของเรา เราจะตั้งชื่อมันว่า Demo
- คลิกปุ่มตกลง
Visual Studio จะสร้างแบบฟอร์มเว็บสาธิตโดยอัตโนมัติและจะเปิดใน Visual Studio
ขั้นตอน 6) ขั้นตอนต่อไปคือการเพิ่มโค้ดซึ่งจะทำหน้าที่แสดง "Hello World" ซึ่งสามารถทำได้โดยการเพิ่มโค้ดหนึ่งบรรทัดลงในไฟล์ Demo.aspx
<html xmlns="www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <%Response. Write( "HeIIo World"); %> </div> </form> </body> </html>
คำอธิบายรหัส:-
- วัตถุตอบสนองใน ASP.Net ใช้เพื่อส่งข้อมูลกลับไปยังผู้ใช้ ดังนั้นในกรณีของเรา เรากำลังใช้วิธีการ “เขียน” ของวัตถุการตอบกลับเพื่อเขียนข้อความ “Hello World” เครื่องหมาย <% และ %> ใช้เพื่อเพิ่มโค้ดเฉพาะของ ASP.net
หากคุณทำตามขั้นตอนข้างต้นทั้งหมดแล้วรันโปรแกรมของคุณ Visual Studioคุณจะได้รับผลลัพธ์ดังต่อไปนี้
ผลลัพธ์:-
จากผลลัพธ์คุณจะเห็นได้ชัดเจนว่ามีการแสดง 'Hello World' บนเบราว์เซอร์