Cara Membuat Website ASP.NET Dengan Cepat (Panduan Pemula)

ASP.NET adalah bagian dari teknologi .NET yang digunakan untuk menulis aplikasi Internet klien/server yang kuat. Ini memungkinkan Anda untuk membuat halaman HTML dinamis. ASP.NET adalah hasil dari kombinasi teknologi ASP (Active Server Pages) lama dan .NET Framework.

Ini berisi banyak kontrol siap pakai yang dapat Anda gunakan untuk membuat situs web interaktif dengan cepat. Anda juga dapat menggunakan layanan yang disediakan oleh situs web lain.

Sebelumnya, teknologi ASP.NET dibagi menjadi dua bidang: Formulir Web dan Model-View-Controller (MVC). Sekarang pengembang Microsoft telah menghapus banyak fungsi yang berlebihan, meninggalkan satu model pemrograman ASP.NET Core MVC.

Model pembangunan aplikasi MVC terdiri dari tiga komponen: ModelDan Pendapat, Dan mandor.

Mari kita lihat lebih dekat mereka:

• Model Ini adalah komponen aplikasi yang bertanggung jawab untuk berinteraksi dengan sumber data (database, sistem file).
• Pendapat Komponen yang bertanggung jawab untuk menampilkan antarmuka pengguna.
• mandor Ini adalah komponen yang menggambarkan logika aplikasi, dengan kata lain, logika pemrosesan permintaan HTTP ke aplikasi web. Kontroler berinteraksi dengan objek model yang memengaruhi tampilan.

Siklus Hidup Halaman ASP.NET

Sebagai bagian dari artikel ASP.Net ini, kita akan melihat urutan tahapan pemrosesan halaman:

1. A Permintaan halaman terjadi Ketika sebuah halaman diminta, server memeriksa untuk melihat apakah itu diminta pertama kali. Jika demikian, halaman dibuat, respons diproses dan dikirim ke pengguna. Jika halaman tidak diminta untuk pertama kalinya, cache ditentukan. Jika halaman berada dalam cache, respons yang disimpan dikirim ke pengguna.
2. Halaman awal, pada titik ini, sebuah file Objek permintaan dan respons dibuat. Objek permintaan digunakan untuk menyimpan informasi yang dikirim saat halaman diminta. Objek respons digunakan untuk menyimpan informasi yang dikirim kembali ke pengguna.
3. Konfigurasi halaman. Di sinilah semua kontrol pada halaman web dikonfigurasi.
4. pemuatan halaman. Halaman dimuat dengan semua pengaturan default.
5. ratifikasi. Dalam beberapa kasus, beberapa validasi formulir dapat ditentukan, misalnya, mungkin diminta untuk mengonfirmasi bahwa item daftar berisi kumpulan nilai yang ditentukan.
6. Jika kondisi tidak terpenuhi, maka Kesalahan harus ditampilkan saat halaman dimuat.
7. Memproses ulang acara Terjadi jika halaman dimuat kembali. Ini terjadi sebagai respons terhadap peristiwa sebelumnya. Jika pengguna mengklik tombol kirim pada halaman, halaman yang sama akan ditampilkan lagi. Kemudian pengendali acara berulang dipanggil.
8. Halaman ditampilkan sebelum respon dikirim ke pengguna, semua informasi tentang formulir disimpan dan hasilnya dikirim ke pengguna dalam bentuk halaman web yang lengkap.
9. bongkar muatSetelah halaman dikirim ke pengguna, tidak perlu lagi menyimpan objek webform di memori, jadi proses pembongkaran melibatkan penghapusan semua objek yang tidak perlu dari memori.

Struktur internal proyek

Setelah pembuatan, proyek awalnya berisi tiga halaman default: memendekkanDan Tentang, Dan Panggilan.

Setiap halaman terdiri dari tiga file:

• Page.aspx – berisi markup HTML untuk halaman tertentu;
• Page.aspx.cs – Bertanggung jawab atas logika halaman tertentu.
• Page.aspx.designer.cs – Jembatan antara Page.aspx dan Page.aspx.cs.

Kode About.aspx file:

<%@ Page Title="About" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" 
CodeBehind="About.aspx.cs" Inherits="TutWebApplication.About" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<h2><%: Title %>.</h2>
<h3>Your application description page.</h3>
<p>Use this area to provide additional information.</p>
</asp:Content>

About.aspx Berisi hanya sebagian dari halaman akhir. Bagian utama terletak di Site.Master atau Site.Mobile.Master file.

Untuk menguji dan menjalankan proyek, tekan IIS Express atau file tradisional F5 sebuah kunci.

Setelah itu, semua file akan dikumpulkan dan situs akan terbuka di http://localhost:5000 Di browser default (nomor port mungkin berbeda).

Cara Membuat Halaman di Formulir Web ASP.NET

Pertama, pilih direktori tempat Anda akan membuat halaman. Semua file dalam satu direktori dianggap sebagai satu proyek. Mulai lingkungan pengembangan pilihan Anda.

Pilih file lokasi file baru Item menu Sebuah kotak dialog akan muncul di mana menetapkan nama proyek dan memilih bahasa pemrograman C#.

Secara default, proyek dibuat pada sistem file. Secara opsional, Anda dapat membuatnya di server HTTP atau FTP. Anda juga selalu dapat menyalin proyek dari sistem file ke server hanya dengan mengklik tombol “pencari solusi.

Untuk membuat halaman lain, klik kanan pada nama proyek dan pilih Tambah -> Formulir Web dari menu konteks (Anda dapat mengambil nama lain untuk formulir web, dalam hal ini formulir baru yang disebut “Berita”):

Sebuah halaman akan dibuat dengan kode berikut:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="News.aspx.cs" Inherits="WebFormsApp1.News" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
		<title>News</title> // Add the title of the page
	</head>
	<body>
		<form id="news" runat="server"> 
			<div>
				Some information
			</div>
		</form>
	</body>
</html>

Mari kita lihat halaman ini. <%@ Page Language = "C #"%>. NS <% Tag selalu dimaksudkan untuk menginterpretasikan kode ASP. Arahan halaman selalu ada di halaman aspx.

itu Language Atribut menunjukkan bahwa skrip untuk halaman ini akan menggunakan bahasa pemrograman C#. CodeFile Ini adalah nama file kode latar belakang. Inherits adalah kelas yang didefinisikan dalam file ini dari mana kelas halaman diwarisi.

Halaman ini tidak berisi file <asp:Content> tandai, jadi bentuk file Site.Master File tidak akan ditampilkan. Untuk mengubah ini, Anda dapat menyalin kode dari About.aspx.

Cara memasukkan kode HTML ke dalam halaman

Untuk meneruskan string dengan tag ke kode HTML, Anda tidak perlu menggunakan yang biasa string menulis, tapi HtmlString:

HtmlString PageContent = new HtmlString("<p>Something!</p>");

Bagaimana cara menambahkan tautan ke daftar

Daftarnya ada di Site.Master:

<ul class="nav navbar-nav">
	<li><a runat="server" href="https://www.hongkiat.com/blog/create-aspnet-for-beginners/~/">Home</a></li>
	<li><a runat="server" href="~/About">About</a></li>
	<li><a runat="server" href="~/Contact">Contact</a></li>
	<li><a runat="server" href="~/News">News</a></li>
	// adding link to menu
</ul>

kesimpulan

Dalam artikel ini, kami telah membahas: membuat situs ASP.NET, membuat halaman baru, menambahkan tautan ke halaman di menu, dll. Untuk mengetahui informasi lebih lanjut tentang ASP.NET, Anda dapat melihat dokumentasi resmi mereka.