ตัวอย่างโปรแกรมแรกของ ASP.NET: Hello World

โปรแกรม ASP.NET Hello World พร้อมตัวอย่าง

ลองดูตัวอย่างวิธีที่เราสามารถนำแอปพลิเคชัน “hello world” ธรรมดาๆ ไปใช้ได้อย่างไร สำหรับสิ่งนี้ เราจะต้องดำเนินการตามขั้นตอนที่กล่าวถึงด้านล่าง

ขั้นตอน 1) ขั้นตอนแรกคือการสร้างโปรเจ็กต์ใหม่ใน Visual Studio หลังจากเปิด Visual Studio แล้ว คุณต้องเลือกตัวเลือกเมนู New->Project

โปรแกรม ASP.Net Hello World

ขั้นตอน 2) ขั้นตอนต่อไปคือการเลือกประเภทโครงการเป็นแอปพลิเคชันเว็บ ASP.Net ที่นี่เราต้องพูดถึงชื่อและที่ตั้งของโครงการของเราด้วย

  1. ในกล่องโต้ตอบโครงการ คุณจะเห็นตัวเลือกต่างๆ ในการสร้างโครงการประเภทต่างๆ คลิกตัวเลือกเว็บที่ด้านซ้ายมือ
  2. เมื่อเราคลิกตัวเลือกเว็บในขั้นตอนก่อนหน้า เราจะเห็นตัวเลือกสำหรับ ASP.Net Web Application คลิกตัวเลือกนี้
  3. จากนั้นเราจะตั้งชื่อแอปพลิเคชัน ซึ่งในกรณีของเราคือ DemoApplication เรายังต้องระบุสถานที่สำหรับจัดเก็บแอปพลิเคชันของเราด้วย
  4. ในที่สุดเราคลิกปุ่ม 'ตกลง' เพื่อให้ Visual Studio สร้างโปรเจ็กต์ของเรา

โปรแกรม ASP.Net Hello World

ขั้นตอน 3) ในหน้าจอถัดไป คุณต้องเลือกประเภทของเว็บแอปพลิเคชัน ASP.net ที่ต้องการสร้าง ในกรณีของเรา เราจะสร้างแอปพลิเคชัน Web Form แบบง่ายๆ

  1. ขั้นแรก เลือกประเภทโครงการเป็น 'ว่างเปล่า' เพื่อให้แน่ใจว่าเราจะเริ่มต้นด้วยแอปพลิเคชันพื้นฐานที่เข้าใจง่าย
  2. เราเลือกตัวเลือก "แบบฟอร์มเว็บ" นี่เป็นการเพิ่มโฟลเดอร์พื้นฐาน สิ่งเหล่านี้จำเป็นสำหรับแอปพลิเคชันเว็บฟอร์มพื้นฐาน
  3. ในที่สุดเราคลิกปุ่ม 'ตกลง' เพื่อให้ Visual Studio สามารถสร้างแอปพลิเคชันของเราได้

โปรแกรม ASP.Net Hello World

หากปฏิบัติตามขั้นตอนข้างต้น คุณจะได้ผลลัพธ์ดังต่อไปนี้ใน Visual Studio

ผลลัพธ์:-

โปรแกรม ASP.Net Hello World

ใน Solution Explorer คุณจะสามารถเห็น DemoApplication Solution โซลูชันนี้จะมีไฟล์โครงการ 2 ไฟล์ดังที่แสดงด้านบน ในขณะนี้ หนึ่งในไฟล์สำคัญในโครงการคือ 'Global.asax.cs'- ไฟล์นี้มีข้อมูลเฉพาะแอปพลิเคชัน ในไฟล์นี้ คุณจะต้องเตรียมใช้งานตัวแปรเฉพาะแอปพลิเคชันทั้งหมดให้เป็นค่าเริ่มต้น

ขั้นตอน 4) ตอนนี้ได้เวลาเพิ่มไฟล์เว็บฟอร์มในโครงการแล้ว นี่คือไฟล์ซึ่งจะมีโค้ดเฉพาะเว็บทั้งหมดสำหรับโครงการของเรา

  • คลิกขวาที่โครงการ DemoApplication และ
  • เลือกเพิ่ม -> เว็บฟอร์มจากเมนูบริบท

โปรแกรม ASP.Net Hello World

ขั้นตอน 5) ในหน้าจอถัดไป เราจะได้รับแจ้งให้ระบุชื่อสำหรับเว็บฟอร์ม

  1. ตั้งชื่อเว็บฟอร์ม ในกรณีของเรา เราจะตั้งชื่อมันว่า Demo
  2. คลิกปุ่มตกลง

โปรแกรม ASP.Net Hello World

Visual Studio จะสร้างแบบฟอร์มเว็บสาธิตโดยอัตโนมัติและจะเปิดใน Visual Studio

ขั้นตอน 6) ขั้นตอนต่อไปคือการเพิ่มโค้ดซึ่งจะทำหน้าที่แสดง "Hello World" ซึ่งสามารถทำได้โดยการเพิ่มโค้ดหนึ่งบรรทัดลงในไฟล์ Demo.aspx

โปรแกรม ASP.Net Hello World

<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คุณจะได้รับผลลัพธ์ดังต่อไปนี้

ผลลัพธ์:-

โปรแกรม ASP.Net Hello World

จากผลลัพธ์คุณจะเห็นได้ชัดเจนว่ามีการแสดง 'Hello World' บนเบราว์เซอร์