Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

ASP.NET ialah rangka kerja merentas platform percuma Microsoft untuk membina apl dan perkhidmatan web. Platform ASP.NET ialah sambungan kepada .NET, platform pembangun alat, bahasa pengaturcaraan dan perpustakaan yang digunakan untuk membina aplikasi yang berbeza.

Seperti yang mungkin anda duga, ASP.NET ialah rangka kerja hebat yang boleh digunakan oleh pemula untuk membina aplikasi web. Ia menawarkan banyak fleksibiliti dan mudah digunakan. Dalam artikel ini, kami akan membantu anda mencipta aplikasi web pertama anda dalam ASP.NET menggunakan Microsoft Visual Studio.

Apakah ASP.NET?

ASP bermaksud "Halaman Pelayan Aktif"; ASP dan ASP.NET ialah teknologi sebelah pelayan yang digunakan untuk memaparkan halaman web interaktif. ASP.NET menyediakan pembangun banyak fleksibiliti dalam ekosistem yang besar dan serba boleh dengan pelbagai perpustakaan dan alatan. Pembangun juga boleh mencipta perpustakaan tersuai yang mereka boleh kongsi dengan mana-mana aplikasi yang dibuat pada platform .NET.

Berkaitan: Rangka Kerja Web Bernilai Pembelajaran untuk Pembangun

Anda boleh menulis kod back-end untuk aplikasi ASP.NET anda dalam C#, Visual Basic atau F#. Fleksibiliti ini membolehkan pembangun mengodkan logik perniagaan dan lapisan akses data dengan berkesan. Satu lagi kelebihan penting menggunakan ASP.NET ialah membina halaman web dinamik menggunakan C# dengan bantuan alat sintaks templat halaman web yang dikenali sebagai Razor.

Razor juga menyediakan sintaks untuk mencipta halaman web dinamik interaktif yang menggabungkan HTML, CSS, JavaScript dan C#. Kod sisi klien biasanya ditulis dalam JavaScript, dan ASP.NET juga boleh disepadukan dengan rangka kerja web lain seperti Angular atau React.

Berkaitan: Tailwind CSS vs. Bootstrap: Manakah Rangka Kerja yang Lebih Baik?

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

Cara Membuat Aplikasi Web ASP.NET dalam Visual Studio

Sebelum membuat aplikasi web, sebaiknya anda membiasakan diri dengan HTML, CSS, JavaScript dan C#, supaya anda boleh memanfaatkan ASP.NET sepenuhnya. Mari lihat bagaimana anda boleh mencipta aplikasi web dalam ASP.NET dalam Microsoft Visual Studio 2019.

Pastikan anda memasang pakej perisian berikut:

  • Microsoft Visual Studio 2019 atau lebih baik
  • ASP.NET dan beban kerja pembangunan web daripada Pemasang Visual Studio

Memahami Komponen Projek Aplikasi Web ASP.NET

Sebelum anda boleh mula membangunkan apl web anda, adalah penting untuk memahami komponen penting ASP.NET dan cara anda boleh menggunakannya dalam aplikasi web anda.

Dalam tutorial ini, kami akan menggunakan borang web ASP.NET untuk mencipta halaman web individu seperti Halaman Utama, Hubungi Kami dll. 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 anda menggunakan teg asp dan bukannya teg HTML, kerana teg asp mengambil data daripada pelayan dan menghantar data input ke pelayan. Ini adalah ciri fungsi yang diperlukan dalam aplikasi web dinamik.

Fail .aspx.cs mengandungi kod C# halaman web anda dan ini mengawal perkara yang berlaku apabila peristiwa tertentu seperti halaman web dimuatkan, butang diklik dan banyak lagi. Anda boleh membuat fungsi berasingan untuk setiap fungsi dan memautkannya ke teg asp yang berkaitan dalam fail .aspx yang sepadan.

Halaman Induk bermanfaat untuk pembangun dan menambah komponen penting seperti bar navigasi dan pengaki pada setiap halaman web. Daripada menambah kod yang sama berulang kali, pembangun boleh menambah semua kod yang diperlukan templat dalam satu halaman induk dan kemudian memautkan setiap halaman web ke halaman induk. Kami akan menunjukkan kepada anda cara melakukannya dalam bahagian berikut.

Cipta Projek Apl Web ASP.NET Baharu

Langkah pertama dalam mencipta aplikasi web dalam ASP.NET ialah memilih templat projek dan mencipta aplikasi web baharu:

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

  1. Lancarkan Microsoft Visual Studio dan klik pada Cipta projek baharu
  2. Taipkan ASP.NET dalam kotak carian templat, pilih Aplikasi Web ASP.NET ( Rangka Kerja .NET ) dan klik Seterusnya . Anda tidak akan mendapat templat ini jika anda tidak mempunyai pemasangan yang diperlukan yang dinyatakan dalam bahagian sebelumnya.
  3. Dalam skrin seterusnya, konfigurasikan nama dan direktori projek anda dan klik pada Seterusnya .
  4. Visual Studio kini akan mencipta templat projek anda dan anda sepatutnya boleh menjalankan aplikasi templat dengan mengklik butang main hijau di bahagian atas skrin.

Cipta Borang Web ASP.NET Baharu

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

Untuk membantu anda memahami ASP.NET dengan lebih baik, kami akan membuat halaman produk ringkas untuk kedai permainan. Langkah pertama ialah membuat borang web baharu. Dalam projek yang anda buat sebelum ini, navigasi ke Fail > Baharu > Fail dan pilih Borang Web . Setelah anda menyediakannya, anda sepatutnya dapat melihat fail .aspx kosong dengan hanya kod pengepala.

Untuk mula membangunkan rupa keseluruhan halaman web anda, anda boleh menggunakan sama ada kod dalam HTML/CSS sendiri atau menggunakan templat daripada Tailblocks .

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

Kami menyediakan reka letak halaman produk di atas menggunakan templat. Ia memaparkan imej produk, butiran produk dan bar navigasi. Kami menambah HTML dan CSS bar navigasi menggunakan halaman induk.

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

Dalam kod di atas (Fail .aspx.cs), kami telah menubuhkan loadpage fungsi untuk butiran produk set dalam ruang letak kami. Anda boleh mencipta fungsi yang serupa untuk log masuk, pendaftaran, tambah ke troli, dsb.

Contoh tag asp untuk menunjukkan penerangan produk adalah seperti berikut:

Nilai penerangan daripada kod C# akan dipaparkan dalam ruang letak ini. Anda juga boleh menggunakan Kotak Alat Visual Studio untuk menambah elemen paparan seperti imej, 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 ialah platform yang berkuasa untuk mencipta aplikasi dan perkhidmatan web. Anda mesti selesa dengan JavaScript, HTML, CSS dan C# sebelum membangunkan aplikasi web dalam ASP.NET.


Cara Mengira Nilai nCr

Cara Mengira Nilai nCr

Gabungan ialah konsep matematik. Ia merujuk kepada susunan beberapa objek yang susunannya tidak relevan. Formula asas menerangkan bilangan gabungan yang sah.

Cara Menulis & Menyusun Kod Soliditi Pertama Anda

Cara Menulis & Menyusun Kod Soliditi Pertama Anda

Solidity ialah bahasa pengaturcaraan yang digunakan oleh kontrak pintar pada blockchain Ethereum. Ia adalah bahasa pengaturcaraan berorientasikan objek yang ditaip secara statik.

SQL vs. NoSQL: Apakah Pangkalan Data Terbaik untuk Projek Anda Seterusnya?

SQL vs. NoSQL: Apakah Pangkalan Data Terbaik untuk Projek Anda Seterusnya?

SQL vs. NoSQL: Apakah Pangkalan Data Terbaik untuk Projek Anda Seterusnya?

Cara Mencari Kiub dan Petak Sempurna N-Digit Menggunakan Python, C++ dan JavaScript

Cara Mencari Kiub dan Petak Sempurna N-Digit Menggunakan Python, C++ dan JavaScript

Ramai pengaturcara suka menyelesaikan masalah matematik rumit menggunakan kod. Ia membantu menajamkan minda dan meningkatkan kemahiran menyelesaikan masalah. Dalam artikel ini, anda akan belajar cara mencari petak dan kiub sempurna n-digit terkecil dan terbesar menggunakan Python, C++ dan JavaScript. Setiap contoh juga mengandungi output sampel untuk beberapa nilai yang berbeza.

Cara Menggunakan Python sebagai Kalkulator Baris Perintah

Cara Menggunakan Python sebagai Kalkulator Baris Perintah

Walaupun anda boleh menggunakan kalkulator grafik pada komputer anda, penterjemah bahasa pengaturcaraan Python boleh berfungsi sebagai kalkulator meja. Ia adalah jenaka yang popular dalam komuniti Python yang disebut dalam tutorial rasmi. Inilah cara anda boleh menggunakan Python sebagai kalkulator.

Bermula Dengan Buku Nota Jupyter: Satu Tutorial

Bermula Dengan Buku Nota Jupyter: Satu Tutorial

Jika anda seorang saintis data yang bercita-cita tinggi yang bekerja dengan Python atau R, anda perlu tahu cara menggunakan Jupyter Notebook. Ia adalah IDE sumber terbuka dan berasaskan pelayan untuk memanipulasi data, berkongsi kod langsung, serta mengurus aliran kerja sains data.

Pengekodan Bukan untuk Semua Orang: 9 Pekerjaan Teknologi yang Anda Boleh Dapatkan Tanpanya

Pengekodan Bukan untuk Semua Orang: 9 Pekerjaan Teknologi yang Anda Boleh Dapatkan Tanpanya

Teknologi, tidak dinafikan, adalah industri masa depan. Jika anda salah seorang daripada berjuta-juta dewasa muda yang akan terjun ke peringkat pertama kerjaya anda, anda mungkin tertanya-tanya apa yang perlu dilakukan jika anda tidak suka pengekodan.

7 Perintah Penting untuk Bermula Dengan Python untuk Pemula

7 Perintah Penting untuk Bermula Dengan Python untuk Pemula

Mempelajari bahasa pengaturcaraan baharu seperti Python menjadi mudah jika anda mempunyai peta jalan yang komprehensif yang memperincikan konsep yang perlu dipelajari sebagai pemula dan cara untuk maju lebih jauh untuk mencapai pencapaian seterusnya. Malah pengaturcara perantaraan harus kerap meneliti asas mereka untuk membina asas yang kukuh untuk diri mereka sendiri.

9 Alternatif Docker Terbaik untuk Pengurusan Kontena

9 Alternatif Docker Terbaik untuk Pengurusan Kontena

Bekas sangat bermanfaat untuk pembangunan perisian, penggunaan dan pengurusan dalam persekitaran maya. Docker berguna dalam proses kontena, tetapi ia bukan satu-satunya platform yang ada. Jika anda sedang mencari beberapa alternatif kepada Docker, jangan cari lagi. Senarai ini mempamerkan beberapa alternatif Docker yang kaya dengan ciri dan cekap untuk digunakan dalam projek anda yang seterusnya.

Adakah ARCore atau ARKit Lebih Baik Untuk Mencipta Pengalaman Realiti Diperkukuh?

Adakah ARCore atau ARKit Lebih Baik Untuk Mencipta Pengalaman Realiti Diperkukuh?

Beberapa aplikasi dan pengalaman mudah alih yang paling banyak diperkatakan hari ini menggunakan teknologi realiti tambahan. Walaupun sesetengah pengalaman ini boleh berfungsi pada hampir mana-mana peranti mudah alih, yang lain hanya berfungsi pada model yang lebih baharu dan lebih mahal. Membangunkan dan menggunakan pengalaman yang lebih mantap ini memerlukan ARCore dan ARKit.

Cara Membuat Cawangan Baharu dalam Git

Cara Membuat Cawangan Baharu dalam Git

Cawangan adalah teras kepada konsep kawalan versi dalam pengaturcaraan, dan Git khususnya. Artikel permulaan ini memberitahu anda apa itu cawangan dan cara menciptanya menggunakan beberapa alatan yang berbeza.

Cara Menggunakan Python if Statement

Cara Menggunakan Python if Statement

Pernyataan if adalah penggerak pengaturcaraan logik. Akibatnya, pemahaman yang lebih baik tentang Pythons adalah tambahan penting kepada kemahiran pengaturcaraan Python anda.

5 Lencana Teratas Yang Akan Mengecas Repositori GitHub Anda

5 Lencana Teratas Yang Akan Mengecas Repositori GitHub Anda

Lencana GitHub boleh meningkatkan kebolehbacaan repositori dengan menyediakan pengguna dengan cara yang pantas untuk menangkap metrik repositori. Lencana boleh dibenamkan dalam README.md anda untuk menjelaskan kepentingan dan keperluan projek anda kepada pembangun lain. Akibatnya, pembaca mendapat idea yang sangat pantas tentang repositori dengan menyemak lencana yang dilampirkan.

Bermula Dengan Redis dan PHP untuk Penyimpanan Data Pantas

Bermula Dengan Redis dan PHP untuk Penyimpanan Data Pantas

Enjin storan Redis yang popular ialah alat yang sangat baik dan mesti ada dalam mana-mana senjata pembangun perisian. Enjin storan dalam memori membolehkan penyimpanan dan mendapatkan semula data yang sangat pantas, sehingga 32 juta pertanyaan sesaat yang mengagumkan, menjadikannya pelengkap utama kepada mana-mana enjin pangkalan data utama.

Apakah WYSIWYG?

Apakah WYSIWYG?

Sebahagian daripada keajaiban pembangunan perisian berlaku apabila baris kod berubah menjadi lebih daripada jumlah bahagiannya. Anda akan mendapati anda memerlukan sedikit visualisasi kreatif apabila cuba membina secara abstrak dengan cara ini. Ini boleh berlaku untuk pemprosesan perkataan atau reka bentuk web, sama seperti yang boleh dilakukan untuk pengaturcaraan.

Cara Memasang .NET Framework Versi 3.5 pada Windows 10

Cara Memasang .NET Framework Versi 3.5 pada Windows 10

Sebagai pengguna Windows, anda mungkin sekurang-kurangnya sekali menjumpai perkataan .NET Framework. Ia merupakan rangka kerja perisian yang dibangunkan oleh Microsoft yang membolehkan anda membina dan menjalankan program C#, C++, F# dan Visual Basic. Versi .NET terkini ialah 4.8, tetapi komputer anda mungkin memerlukan versi .NET yang lebih lama (seperti .NET 3.5) untuk menjalankan beberapa apl.

WordPress vs. Wix: Perbezaan Utama

WordPress vs. Wix: Perbezaan Utama

Anda sering menghadapi dilema klasik semasa membina tapak web untuk diri sendiri atau perniagaan anda. WordPress vs. Wix—yang mana satu untuk dipilih dan apakah pilihan terbaik untuk anda?

10 Distro Linux Terbaik untuk Pembangun

10 Distro Linux Terbaik untuk Pembangun

Walaupun Linux mungkin bukan sistem pengendalian yang digemari untuk pengguna biasa, ia adalah pilihan utama untuk kebanyakan pembangun dan pengaturcara. Linux ialah OS yang lebih praktikal yang direka secara eksplisit dengan mengambil kira pengaturcaraan dan pembangun.

Cara Menyasarkan Bahagian Halaman Web Menggunakan Pemilih CSS

Cara Menyasarkan Bahagian Halaman Web Menggunakan Pemilih CSS

Cascading Style Sheets (CSS) membolehkan anda mengubah rupa halaman web anda. Daripada fon dan warna kepada jarak dan susun atur keseluruhan, semua jenis alatan reka bentuk berada di hujung jari anda. Walaupun CSS adalah bahasa yang rumit secara keseluruhannya, hanya terdapat dua konsep asas yang perlu anda fahami untuk bermula.

Cara Mengira Nilai nCr

Cara Mengira Nilai nCr

Gabungan ialah konsep matematik. Ia merujuk kepada susunan beberapa objek yang susunannya tidak relevan. Formula asas menerangkan bilangan gabungan yang sah.

Cara Menulis & Menyusun Kod Soliditi Pertama Anda

Cara Menulis & Menyusun Kod Soliditi Pertama Anda

Solidity ialah bahasa pengaturcaraan yang digunakan oleh kontrak pintar pada blockchain Ethereum. Ia adalah bahasa pengaturcaraan berorientasikan objek yang ditaip secara statik.

SQL vs. NoSQL: Apakah Pangkalan Data Terbaik untuk Projek Anda Seterusnya?

SQL vs. NoSQL: Apakah Pangkalan Data Terbaik untuk Projek Anda Seterusnya?

SQL vs. NoSQL: Apakah Pangkalan Data Terbaik untuk Projek Anda Seterusnya?

Cara Mencari Kiub dan Petak Sempurna N-Digit Menggunakan Python, C++ dan JavaScript

Cara Mencari Kiub dan Petak Sempurna N-Digit Menggunakan Python, C++ dan JavaScript

Ramai pengaturcara suka menyelesaikan masalah matematik rumit menggunakan kod. Ia membantu menajamkan minda dan meningkatkan kemahiran menyelesaikan masalah. Dalam artikel ini, anda akan belajar cara mencari petak dan kiub sempurna n-digit terkecil dan terbesar menggunakan Python, C++ dan JavaScript. Setiap contoh juga mengandungi output sampel untuk beberapa nilai yang berbeza.

Cara Menggunakan Python sebagai Kalkulator Baris Perintah

Cara Menggunakan Python sebagai Kalkulator Baris Perintah

Walaupun anda boleh menggunakan kalkulator grafik pada komputer anda, penterjemah bahasa pengaturcaraan Python boleh berfungsi sebagai kalkulator meja. Ia adalah jenaka yang popular dalam komuniti Python yang disebut dalam tutorial rasmi. Inilah cara anda boleh menggunakan Python sebagai kalkulator.

Cara Membenamkan Tweet dalam Siaran WordPress Anda

Cara Membenamkan Tweet dalam Siaran WordPress Anda

Membenamkan perkhidmatan pihak ketiga pada siaran WordPress anda ialah cara yang menarik untuk memikat minat pelawat. Kandungan terbenam juga menyediakan isyarat visual yang memudahkan pengimbasan. WordPress telah memudahkan penambahan jenis kandungan ini.

Bermula Dengan Buku Nota Jupyter: Satu Tutorial

Bermula Dengan Buku Nota Jupyter: Satu Tutorial

Jika anda seorang saintis data yang bercita-cita tinggi yang bekerja dengan Python atau R, anda perlu tahu cara menggunakan Jupyter Notebook. Ia adalah IDE sumber terbuka dan berasaskan pelayan untuk memanipulasi data, berkongsi kod langsung, serta mengurus aliran kerja sains data.

Pengekodan Bukan untuk Semua Orang: 9 Pekerjaan Teknologi yang Anda Boleh Dapatkan Tanpanya

Pengekodan Bukan untuk Semua Orang: 9 Pekerjaan Teknologi yang Anda Boleh Dapatkan Tanpanya

Teknologi, tidak dinafikan, adalah industri masa depan. Jika anda salah seorang daripada berjuta-juta dewasa muda yang akan terjun ke peringkat pertama kerjaya anda, anda mungkin tertanya-tanya apa yang perlu dilakukan jika anda tidak suka pengekodan.

7 Perintah Penting untuk Bermula Dengan Python untuk Pemula

7 Perintah Penting untuk Bermula Dengan Python untuk Pemula

Mempelajari bahasa pengaturcaraan baharu seperti Python menjadi mudah jika anda mempunyai peta jalan yang komprehensif yang memperincikan konsep yang perlu dipelajari sebagai pemula dan cara untuk maju lebih jauh untuk mencapai pencapaian seterusnya. Malah pengaturcara perantaraan harus kerap meneliti asas mereka untuk membina asas yang kukuh untuk diri mereka sendiri.

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

Aplikasi Web ASP.NET Pertama Anda: Cara Bermula

ASP.NET ialah rangka kerja merentas platform percuma Microsoft untuk membina apl dan perkhidmatan web. Platform ASP.NET ialah sambungan kepada .NET, platform pembangun alat, bahasa pengaturcaraan dan perpustakaan yang digunakan untuk membina aplikasi yang berbeza.