Contoh Program Pertama ASP.NET: Hello World

Oleh: Yakub Lee Yakub Lee
Hours Updated

Program ASP.NET Hello World dengan Contoh

Mari kita lihat contoh bagaimana kita dapat mengimplementasikan aplikasi sederhana “hello world”. Untuk ini, kita perlu menerapkan langkah-langkah yang disebutkan di bawah.

Langkah 1) Langkah pertama melibatkan pembuatan proyek baru di Visual Studio. Setelah meluncurkan Visual Studio, Anda perlu memilih opsi menu New->Project.

Program Halo Dunia ASP.Net

Langkah 2) Langkah selanjutnya adalah memilih jenis proyek sebagai aplikasi Web ASP.Net. Disini kita juga perlu menyebutkan nama dan lokasi proyek kita.

  1. Di kotak dialog proyek, Anda dapat melihat berbagai opsi untuk membuat berbagai jenis proyek. Klik opsi Web di sisi kiri.
  2. Ketika kita mengklik opsi Web pada langkah sebelumnya, kita akan melihat opsi untuk Aplikasi Web ASP.Net. Klik opsi ini.
  3. Kami kemudian memberi nama untuk aplikasi tersebut, yang dalam kasus kami adalah DemoApplication. Kita juga perlu menyediakan lokasi untuk menyimpan aplikasi kita.
  4. Terakhir, kita klik tombol 'OK' untuk membiarkan Visual Studio membuat proyek kita.

Program Halo Dunia ASP.Net

Langkah 3) Di layar berikutnya, Anda harus memilih jenis aplikasi web ASP.net yang perlu dibuat. Dalam kasus kami, kami akan membuat aplikasi Formulir Web sederhana.

  1. Pertama, pilih jenis proyek sebagai 'Kosong'. Ini akan memastikan bahwa kita memulai dengan aplikasi dasar yang mudah dimengerti.
  2. Kami memilih opsi "Formulir web". Ini menambahkan folder dasar. Ini diperlukan untuk Aplikasi Formulir Web dasar.
  3. Terakhir, kita klik tombol 'OK' untuk mengizinkan Visual Studio membuat aplikasi kita.

Program Halo Dunia ASP.Net

Jika langkah-langkah di atas diikuti, Anda akan mendapatkan output di bawah ini di Visual Studio.

Keluaran:-

Program Halo Dunia ASP.Net

Di Solution Explorer, Anda akan dapat melihat DemoApplication Solution. Solusi ini akan berisi 2 file proyek seperti yang ditunjukkan di atas. Saat ini, salah satu file utama dalam proyek ini adalah 'Global.asax.cs'. File ini berisi informasi spesifik aplikasi. Dalam file ini, Anda akan menginisialisasi semua variabel spesifik aplikasi ke nilai defaultnya.

Langkah 4) Sekarang, saatnya menambahkan file Formulir Web ke proyek. Ini adalah file yang akan berisi semua kode khusus web untuk proyek kita.

  • Klik kanan pada proyek DemoApplication dan
  • Pilih Tambah->Formulir Web dari menu konteks.

Program Halo Dunia ASP.Net

Langkah 5) Di layar berikutnya kita akan diminta untuk memberikan nama untuk formulir web.

  1. Beri nama untuk Formulir Web. Dalam kasus kami, kami memberinya nama Demo.
  2. Klik tombol Oke.

Program Halo Dunia ASP.Net

Secara otomatis Visual Studio akan membuat Formulir Web Demo dan akan membukanya di Visual Studio.

Langkah 6) Langkah selanjutnya adalah menambahkan kode, yang akan berfungsi menampilkan “Hello World.” Hal ini dapat dilakukan hanya dengan menambahkan satu baris kode ke file Demo.aspx.

Program Halo Dunia ASP.Net

<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>

Penjelasan Kode: -

  • Objek Respon di ASP.Net digunakan untuk mengirim informasi kembali ke pengguna. Jadi dalam kasus kita, kita menggunakan metode “Write” pada objek Response untuk menulis teks “Hello World.” Penanda <% dan %> digunakan untuk menambahkan kode spesifik ASP.net.

Jika Anda mengikuti semua langkah di atas dan menjalankan program Anda Visual Studio, Anda akan mendapatkan keluaran berikut.

Keluaran:-

Program Halo Dunia ASP.Net

Dari outputnya, Anda dapat melihat dengan jelas bahwa 'Hello World' ditampilkan di browser.

Anda mungkin ingin: