Perkenalan

  • 3 menit

Dalam modul ini, Anda akan membuat aplikasi web lintas platform ASP.NET Core Razor Pages dengan .NET dan C#.

Contoh Skenario

Misalkan Anda seorang karyawan perusahaan pizza bernama Contoso Pizza. Manajer Anda telah meminta Anda untuk mengembangkan halaman manajemen inventaris pizza sebagai prasyarat untuk situs web admin internal perusahaan. Aplikasi harus dibangun sedemikian rupa sehingga aspek tampilan dan model data terpisah.

Apa yang akan Anda lakukan?

Dalam modul ini, Anda akan:

  • Pahami kapan dan mengapa menggunakan Halaman Razor untuk aplikasi ASP.NET Core Anda.
  • Tinjau aplikasi ASP.NET Core yang telah ada yang menggunakan Halaman Razor.
  • Buat Halaman Razor baru yang mendukung persyaratan manajemen data produk aplikasi.
  • Gunakan pembantu tag untuk mengurangi peralihan konteks antara HTML dan C#.
  • Gunakan handler halaman Razor untuk menangani permintaan HTTP.

Di akhir modul ini, ada tautan ke konten yang menyediakan penyelaman yang lebih dalam untuk setiap area fitur yang diperkenalkan.

Alat yang diperlukan

Modul ini menggunakan .NET CLI dan Visual Studio Code (Windows, Linux, dan macOS) untuk menunjukkan pengembangan ASP.NET Core Razor Pages. Setelah menyelesaikan modul ini, Anda dapat menerapkan konsepnya menggunakan lingkungan pengembangan seperti Visual Studio (Windows), Visual Studio untuk Mac (macOS), atau Visual Studio Code.

Tips

Anda dapat melewati penginstalan alat di bawah ini dengan menggunakan GitHub Codespaces sebagai IDE Anda. Di tab browser lain, navigasikan ke repositori GitHub yang berisi aplikasi pemula untuk modul ini, pilih tombol Code, dan buat codespace baru di cabang main. Untuk informasi selengkapnya, lihat Membuat Ruang Kode.

Atau Anda dapat menggunakan ekstensi Dev Containers untuk Visual Studio Code. ``` Dengan ekstensi terinstal, tekan F1 untuk membuka pallette perintah, lalu cari dan pilih Dev Containers: Clone Repository di Container Volume dan berikan URL https://github.com/MicrosoftDocs/mslearn-create-razor-pages-aspnet-core. Ini akan mengkloning repositori dan membukanya dalam kontainer dengan semua alat yang diperlukan diinstal.

Alat berikut diperlukan:

.NET SDK

Modul ini menggunakan .NET 8.0 SDK. Pastikan Anda telah menginstal .NET 8.0 dengan menjalankan perintah berikut di terminal perintah pilihan Anda:

dotnet --list-sdks

Output yang mirip dengan contoh berikut muncul:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

Pastikan bahwa versi yang dimulai dengan 8 tercantum. Jika tidak ada yang tercantum atau perintah tidak ditemukan, menginstal .NET 8.0 SDK terbaru.

GitHub CLI

Untuk mengkloning aplikasi sampel dari GitHub, Anda memerlukan GitHub CLI.

Visual Studio Code

Pastikan Anda memiliki versi terbaru Visual Studio Code dan C# Dev Kit terinstal.