Pengantar

  • 3 menit

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

Contoh Skenario

Misalkan Anda seorang karyawan sebuah 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 permasalahan terkait tampilan dan model data dipisahkan.

Apa yang akan Anda lakukan?

Dalam modul ini, Anda akan:

  • Memahami kapan dan mengapa harus menggunakan Razor Pages untuk aplikasi ASP.NET Core Anda.
  • Tinjau aplikasi ASP.NET Core yang sudah 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 penangan Halaman Razor untuk menangani permintaan HTTP.

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

Alat yang diperlukan

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

Tip

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 Kode , dan buat codespace baru di main cabang. Untuk informasi selengkapnya, lihat Membuat Codespace.

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.

Berbagai alat berikut dibutuhkan:

.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 terdaftar. Jika tidak ada yang tercantum atau perintah tidak ditemukan, instal .NET 8.0 SDK terbaru.

CLI GitHub

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 yang terinstal.