Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

ASP.NET adalah kerangka lintas platform percuma Microsoft untuk membina aplikasi dan perkhidmatan web. Platform ASP.NET adalah peluasan kepada .NET, platform pengembang alat, bahasa pengaturcaraan, dan perpustakaan yang digunakan untuk membina aplikasi yang berbeza.





Seperti yang mungkin anda sangka, ASP.NET adalah kerangka hebat yang boleh digunakan pemula untuk membina aplikasi web. Ia menawarkan banyak kelenturan dan mudah digunakan. Dalam artikel ini, kami akan membantu anda membuat aplikasi web pertama anda di ASP.NET menggunakan Microsoft Visual Studio.



Apa itu ASP.NET?

ASP bermaksud 'Active Server Pages'; ASP dan ASP.NET adalah teknologi sisi pelayan yang digunakan untuk memaparkan halaman web interaktif. ASP.NET memberikan banyak fleksibiliti kepada para pembangun dalam ekosistem serba boleh yang cukup besar dengan pelbagai perpustakaan dan alat. Pembangun juga boleh membuat perpustakaan tersuai yang dapat mereka kongsi dengan aplikasi yang dibuat di platform .NET.





Berkaitan: Rangka Kerja Web yang Perlu Dipelajari untuk Pembangun

Anda boleh menulis kod belakang untuk aplikasi ASP.NET anda dalam C #, Visual Basic, atau bahkan F #. Fleksibiliti ini membolehkan pemaju membuat kod logik perniagaan dan lapisan akses data dengan berkesan. Kelebihan penting lain menggunakan ASP.NET ialah membina laman web dinamik menggunakan C # dengan bantuan alat sintaks templat laman web yang dikenali sebagai Razor.



bagaimana saya memadam akaun aplikasi tunai saya

Razor juga menyediakan sintaks untuk membuat laman web dinamik interaktif yang menggabungkan HTML, CSS, JavaScript, dan C #. Kod sisi pelanggan biasanya ditulis dalam JavaScript, dan ASP.NET bahkan dapat disatukan dengan kerangka web lain seperti Angular atau React.

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



ASP.NET juga menyediakan pembangun dengan sistem pengesahan yang merangkumi pangkalan data, perpustakaan, templat untuk mengurus log masuk, pengesahan luaran ke Google, Facebook, dll, dan banyak lagi. Pembangun boleh menggunakan ASP.NET di semua platform utama, termasuk Windows, Linux, macOS, dan juga Docker.

Cara Membuat Aplikasi Web ASP.NET di Visual Studio

Sebelum membuat aplikasi web, lebih baik anda membiasakan diri dengan HTML, CSS, JavaScript, dan C #, sehingga anda dapat memanfaatkan ASP.NET secara maksimal. Mari lihat bagaimana anda boleh membuat aplikasi web di ASP.NET di Microsoft Visual Studio 2019.



Pastikan anda memasang pakej perisian berikut:

bagaimana untuk kelihatan tidak kelihatan di facebook
  • Microsoft Visual Studio 2019 atau lebih baik
  • Beban kerja ASP.NET dan pembangunan web dari Visual Studio Installer

Memahami Komponen Projek Aplikasi Web ASP.NET

Sebelum anda dapat mula mengembangkan aplikasi web anda, sangat penting untuk memahami komponen penting ASP.NET dan bagaimana anda dapat menggunakannya dalam aplikasi web anda.

Dalam tutorial ini, kita akan menggunakan borang web ASP.NET untuk membuat laman web individu seperti Halaman Utama, Hubungi Kami dan lain-lain. Setiap borang web mempunyai tiga komponen utama, fail .aspx untuk HTML / CSS, dan .aspx fail kod .cs dan fail .aspx.designer.cs. Kami kebanyakannya akan bekerja dalam fail .aspx dan .aspx.cs untuk tutorial ini.

Fail .aspx akan mengandungi semua kod HTML dan CSS halaman web anda. Pastikan bahawa anda menggunakan tag asp daripada tag HTML, kerana tag asp mengambil data dari pelayan dan mengirim data input ke pelayan. Inilah ciri fungsi yang diperlukan dalam aplikasi web yang dinamik.

Fail .aspx.cs mengandungi kod C # halaman web anda, dan ini mengawal apa yang berlaku apabila peristiwa tertentu seperti halaman web dimuat, butang diklik, dan banyak lagi. Anda boleh membuat fungsi yang berasingan untuk setiap fungsi dan menghubungkannya ke tag asp yang berkaitan dalam fail .aspx yang sesuai.

Master Pages bermanfaat untuk pembangun dan menambah komponen penting seperti bar navigasi dan footer ke setiap halaman web. Daripada menambahkan kod yang sama berulang kali, pembangun dapat menambahkan semua kod yang diperlukan templat dalam satu halaman induk dan kemudian menghubungkan setiap halaman web ke halaman induk. Kami akan menunjukkan kepada anda cara melakukannya di bahagian berikut.

Buat Projek Aplikasi Web ASP.NET Baru

Langkah pertama dalam membuat aplikasi web di ASP.NET adalah memilih templat projek dan membuat aplikasi web baru:

  1. Lancarkan Microsoft Visual Studio dan klik Buat projek baru
  2. Ketik ASP.NET di kotak carian templat, pilih Aplikasi Web ASP.NET ( Rangka Kerja BERSIH ) dan klik Seterusnya . Anda tidak akan mendapat templat ini jika anda tidak mempunyai pemasangan yang diperlukan yang disebutkan di bahagian sebelumnya.
  3. Pada skrin seterusnya, konfigurasikan nama dan direktori projek anda dan klik Seterusnya .
  4. Visual Studio kini akan membuat templat projek anda, dan anda seharusnya dapat menjalankan aplikasi templat dengan mengklik butang main hijau di bahagian atas layar.

Buat Borang Web ASP.NET Baru

Untuk membantu anda memahami ASP.NET dengan lebih baik, kami akan membuat halaman produk mudah untuk kedai permainan. Langkah pertama adalah membuat borang web baru. Dalam projek yang anda buat sebelumnya, arahkan ke Fail> Baru> Fail dan pilih Borang Web . Setelah anda menyediakannya, anda seharusnya dapat melihat fail .aspx kosong hanya dengan kod pengepala.

Untuk mula mengembangkan keseluruhan penampilan laman web anda, anda boleh menggunakan kod dalam HTML / CSS sendiri atau menggunakan templat dari Sekatan Ekor .

Kami menyediakan susun atur halaman produk di atas menggunakan templat. Ia memaparkan gambar produk, perincian produk, dan bar navigasi. Kami menambahkan HTML dan CSS bar navigasi menggunakan halaman induk.

apa maksud sim tidak diperuntukkan mm # 2

Dalam kod di atas (fail .aspx.cs), kami telah menyediakan muatan berfungsi untuk menetapkan butiran produk di tempat letak kami. Anda boleh membuat fungsi serupa untuk log masuk, pendaftaran, tambahkan ke troli, dll.

Contoh tag asp untuk menunjukkan keterangan produk adalah seperti berikut:

Nilai keterangan dari kod C # akan dipaparkan di tempat letak ini. Anda juga dapat menggunakan Kotak Alat Visual Studio untuk menambahkan elemen paparan seperti gambar, butang, butang radio, dan banyak lagi. Terdapat beberapa sumber yang tersedia dalam talian di mana anda boleh mempelajari sintaks ASP.NET.

Aplikasi Web ASP.NET Untuk Pemula

ASP.NET adalah platform yang kuat untuk membuat aplikasi dan perkhidmatan web. Anda mesti selesa dengan JavaScript, HTML, CSS, dan C # sebelum mengembangkan aplikasi web di ASP.NET.

Berkongsi Berkongsi Tweet E-mel Lembaran Menipu JavaScript Terunggul

Dapatkan penyegaran ringkas mengenai elemen JavaScript dengan helaian cheat ini.

Baca Seterusnya Topik-topik yang berkaitan
  • Pengaturcaraan
  • ASP.NET
  • Pengaturcaraan
Mengenai Pengarang M. Fahad Judge(45 Artikel Diterbitkan)

Fahad adalah penulis di MakeUseOf dan kini mengambil jurusan Sains Komputer. Sebagai penulis teknologi yang gemar, dia memastikan dia sentiasa dikemas kini dengan teknologi terkini. Dia mendapati dirinya sangat berminat dengan bola sepak dan teknologi.

Lebih Banyak Dari M. Fahad Judge

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan