Aplikasi Web ASP.NET Pertama Anda: Cara Memulai

ASP.NET adalah kerangka kerja lintas platform gratis Microsoft untuk membangun aplikasi dan layanan web. Platform ASP.NET adalah ekstensi ke .NET, platform pengembang alat, bahasa pemrograman, dan perpustakaan yang digunakan untuk membangun aplikasi yang berbeda.

Seperti yang mungkin sudah Anda duga, ASP.NET adalah kerangka kerja fantastis yang dapat digunakan pemula untuk membangun aplikasi web. Ini menawarkan banyak fleksibilitas dan mudah digunakan. Pada artikel ini, kami akan membantu Anda membuat aplikasi web pertama Anda di ASP.NET menggunakan Microsoft Visual Studio.

Apa itu ASP.NET?

ASP adalah singkatan dari "Halaman Server Aktif"; ASP dan ASP.NET adalah teknologi sisi server yang digunakan untuk menampilkan halaman web interaktif. ASP.NET memberi pengembang banyak fleksibilitas dalam ekosistem yang cukup besar dan serbaguna dengan berbagai perpustakaan dan alat. Pengembang juga dapat membuat pustaka khusus yang dapat mereka bagikan dengan aplikasi apa pun yang dibuat di platform .NET.

Terkait: Kerangka Web Layak Dipelajari untuk Pengembang

Anda dapat menulis kode back-end untuk aplikasi ASP.NET Anda di C#, Visual Basic, atau bahkan F#. Fleksibilitas ini memungkinkan pengembang untuk membuat kode logika bisnis dan lapisan akses data secara efektif. Keuntungan signifikan lainnya menggunakan ASP.NET adalah membangun halaman web dinamis menggunakan C# dengan bantuan alat sintaks templating halaman web yang dikenal sebagai Razor.

Razor juga menyediakan sintaks untuk membuat halaman web dinamis interaktif yang menggabungkan HTML, CSS, JavaScript, dan C#. Kode sisi klien biasanya ditulis dalam JavaScript, dan ASP.NET bahkan dapat diintegrasikan dengan kerangka kerja web lain seperti Angular atau React.

Terkait: CSS Tailwind vs. Bootstrap: Kerangka Mana yang Lebih Baik?

ASP.NET juga menyediakan pengembang dengan sistem otentikasi yang mencakup database, perpustakaan, template untuk mengelola login, otentikasi eksternal ke Google, Facebook, dll, dan banyak lagi. Pengembang dapat menggunakan ASP.NET di semua platform utama, termasuk Windows, Linux, macOS, dan bahkan Docker.

Cara Membuat Aplikasi Web ASP.NET di Visual Studio

Sebelum membuat aplikasi web, sebaiknya Anda membiasakan diri dengan HTML, CSS, JavaScript, dan C#, sehingga Anda dapat memaksimalkan ASP.NET. Mari kita lihat bagaimana Anda dapat membuat aplikasi web di ASP.NET di Microsoft Visual Studio 2019.

Pastikan Anda telah menginstal paket perangkat lunak berikut:

• Microsoft Visual Studio 2019 atau lebih baik
• ASP.NET dan beban kerja pengembangan web dari Penginstal Visual Studio

Memahami Komponen Proyek Aplikasi Web ASP.NET

Sebelum Anda dapat mulai mengembangkan aplikasi web Anda, sangat penting untuk memahami komponen penting dari ASP.NET dan bagaimana Anda dapat menggunakannya dalam aplikasi web Anda.

Dalam tutorial ini, kita akan menggunakan formulir web ASP.NET untuk membuat halaman web individual seperti Beranda, Hubungi Kami, dll. Setiap formulir web memiliki tiga komponen utama, file .aspx untuk HTML/CSS, file kode .aspx.cs, dan file .aspx.designer.cs. Kami sebagian besar akan bekerja di file .aspx dan .aspx.cs untuk tutorial ini.

File .aspx akan berisi semua kode HTML dan CSS halaman web Anda. Pastikan Anda menggunakan tag asp daripada tag HTML, karena tag asp mengambil data dari server dan mengirim data input ke server. Ini adalah karakteristik fungsionalitas yang diperlukan dalam aplikasi web dinamis.

File .aspx.cs berisi kode C# halaman web Anda, dan ini mengontrol apa yang terjadi ketika peristiwa tertentu seperti halaman web dimuat, tombol diklik, dan banyak lagi. Anda dapat membuat fungsi terpisah untuk setiap fungsi dan menautkannya ke tag asp yang relevan di file .aspx yang sesuai.

Halaman Master bermanfaat bagi pengembang dan menambahkan komponen penting seperti bilah navigasi dan footer ke setiap halaman web. Alih-alih menambahkan kode yang sama berulang kali, pengembang dapat menambahkan semua kode yang diperlukan template dalam satu halaman master dan kemudian menautkan setiap halaman web ke halaman master. Kami akan menunjukkan cara melakukannya di bagian berikut.

Buat Proyek Aplikasi Web ASP.NET Baru

Langkah pertama dalam membuat aplikasi web di ASP.NET adalah memilih template proyek dan membuat aplikasi web baru:

1. Luncurkan Microsoft Visual Studio dan klik Buat proyek baru
2. Ketik ASP.NET di kotak pencarian template, pilih Aplikasi Web ASP.NET (.NET Framework) dan klik Berikutnya. Anda tidak akan mendapatkan template ini jika Anda tidak memiliki instalasi yang diperlukan yang disebutkan di bagian sebelumnya.
3. Di layar berikutnya, konfigurasikan nama dan direktori proyek Anda dan klik Berikutnya.
4. Visual Studio sekarang akan membuat templat proyek Anda, dan Anda seharusnya dapat menjalankan aplikasi templat dengan mengklik tombol putar hijau di bagian atas layar.

Buat Formulir Web ASP.NET Baru

Untuk membantu Anda lebih memahami ASP.NET, kami akan membuat halaman produk sederhana untuk toko game. Langkah pertama adalah membuat webform baru. Dalam proyek yang Anda buat sebelumnya, navigasikan ke File > Baru > File dan pilih Formulir Web. Setelah Anda mengaturnya, Anda seharusnya dapat melihat file .aspx kosong hanya dengan kode header.

Untuk mulai mengembangkan tampilan keseluruhan halaman web Anda, Anda dapat menggunakan sendiri salah satu kode di HTML/CSS atau menggunakan template dari Penghalang ekor.

Kami mengatur tata letak halaman produk di atas menggunakan template. Ini menampilkan gambar produk, detail produk, dan bilah navigasi. Kami menambahkan HTML dan CSS bilah navigasi menggunakan halaman master.

Pada kode di atas (file .aspx.cs), kami telah menyiapkan: halaman muat berfungsi untuk mengatur detail produk di placeholder kami. Anda dapat membuat fungsi serupa untuk login, mendaftar, menambahkan ke troli, dll.

Contoh tag asp untuk menunjukkan deskripsi produk adalah sebagai berikut:

Nilai deskripsi dari kode C# akan ditampilkan di placeholder ini. Anda juga dapat menggunakan Toolbox Visual Studio untuk menambahkan elemen tampilan seperti gambar, tombol, tombol radio, dan banyak lagi. Ada beberapa sumber yang tersedia online di mana Anda dapat mempelajari sintaks ASP.NET.

Aplikasi Web ASP.NET Untuk Pemula

ASP.NET adalah platform yang kuat untuk membuat aplikasi dan layanan web. Anda harus terbiasa dengan JavaScript, HTML, CSS, dan C# sebelum mengembangkan aplikasi web di ASP.NET.

Lembar Cheat JavaScript Ultimate

Dapatkan penyegaran cepat pada elemen JavaScript dengan lembar contekan ini.

Baca Selanjutnya

Tentang Penulis