Pilih antarmuka pengguna web ASP.NET Core

ASP.NET Core adalah kerangka kerja UI lengkap. Pilih fungsionalitas mana yang akan digabungkan yang sesuai dengan kebutuhan UI web aplikasi.

Untuk pengembangan proyek baru, sebaiknya ASP.NET Core Blazor.

ASP.NET Core Blazor

Blazor adalah kerangka kerja antarmuka pengguna web tumpukan penuh dan direkomendasikan untuk sebagian besar skenario antarmuka pengguna web.

Manfaat menggunakan Blazor:

• Model komponen yang dapat digunakan kembali.
• Penyajian komponen berbasis diff yang efisien.
• Render komponen dari server atau klien secara fleksibel melalui WebAssembly.
• Bangun komponen UI web interaktif yang kaya di C#.
• Render komponen secara statis dari server.
• Secara progresif meningkatkan komponen yang dirender server untuk navigasi dan penanganan formulir yang lebih lancar dan untuk mengaktifkan penyajian streaming.
• Bagikan kode untuk logika umum di klien dan server.
• Interop dengan JavaScript.
• Integrasikan komponen dengan aplikasi berbasis MVC, Razor Pages, atau JavaScript yang ada.

Untuk gambaran umum lengkap , Blazorarsitektur dan manfaatnya, lihat model hosting ASP.NET Core Blazor dan ASP.NET CoreBlazor. Untuk mulai menggunakan aplikasi pertama Blazor Anda, lihat Membuat aplikasi pertama Blazor Anda.

Halaman Inti Razor ASP.NET

Razor Halaman adalah model berbasis halaman untuk membuat UI web yang dirender server. Razor UI halaman dirender secara dinamis di server untuk menghasilkan HTML dan CSS halaman sebagai respons terhadap permintaan browser. Halaman tiba di klien siap untuk ditampilkan. Dukungan untuk Razor Pages dibangun di ASP.NET Core MVC.

Razor Manfaat halaman:

• Buat dan perbarui UI dengan cepat. Kode untuk halaman disimpan dengan halaman, sambil memisahkan masalah UI dan logika bisnis.
• Dapat diuji dan diskalakan ke aplikasi besar.
• Atur halaman ASP.NET Core Anda dengan cara yang lebih sederhana daripada ASP.NET MVC:
  • Lihat model logika dan tampilan tertentu dapat disimpan bersama di namespace layanan dan direktori mereka sendiri.
  • Grup halaman terkait dapat disimpan di kumpulan nama XML dan direktorinya sendiri.

Untuk mulai menggunakan aplikasi ASP.NET Core Razor Pages pertama Anda, lihat Tutorial: Mulai menggunakan Razor Pages di ASP.NET Core. Untuk gambaran umum lengkap ASP.NET Core Razor Pages, arsitektur dan manfaatnya, lihat: Pengenalan Razor Halaman di ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC merender UI di server dan menggunakan pola arsitektur Model-View-Controller (MVC). Pola MVC memisahkan aplikasi menjadi tiga grup utama komponen: model, tampilan, dan pengontrol. Permintaan pengguna dirutekan ke pengontrol. Pengontrol bertanggung jawab untuk bekerja dengan model untuk melakukan tindakan pengguna atau mengambil hasil kueri. Pengontrol memilih tampilan untuk ditampilkan kepada pengguna dan menyediakannya dengan data model apa pun yang diperlukannya.

ASP.NET keuntungan Core MVC:

• Berdasarkan model yang dapat diskalakan dan matang untuk membangun aplikasi web besar.
• Pemisahan kekhawatiran yang jelas untuk fleksibilitas maksimum.
• Pemisahan tanggung jawab Model-View-Controller memastikan bahwa model bisnis dapat berkembang tanpa digabungkan erat ke detail implementasi tingkat rendah.

Untuk mulai menggunakan ASP.NET Core MVC, lihat Mulai menggunakan ASP.NET Core MVC. Untuk gambaran umum arsitektur dan manfaat Core MVC ASP.NET, lihat Gambaran Umum ASP.NET Core MVC.

ASP.NET Core Single Page Applications (SPA) dengan kerangka kerja JavaScript frontend

Buat logika sisi klien untuk aplikasi ASP.NET Core menggunakan kerangka kerja JavaScript populer, seperti Angular, React, dan Vue. ASP.NET Core menyediakan templat proyek untuk Angular, React, dan Vue, dan juga dapat digunakan dengan kerangka kerja JavaScript lainnya.

Manfaat ASP.NET Core SPA dengan JavaScript Frameworks, selain manfaat penyajian klien yang sebelumnya tercantum:

• Lingkungan runtime JavaScript sudah disediakan dengan browser.
• Komunitas besar dan ekosistem yang matang.
• Buat logika sisi klien untuk aplikasi ASP.NET Core menggunakan kerangka kerja populer JS , seperti Angular, React, dan Vue.

Kerugian:

• Lebih banyak bahasa pengkodian, kerangka kerja, dan alat yang diperlukan.
• Sulit untuk berbagi kode sehingga beberapa logika mungkin diduplikasi.

Untuk memulai, lihat:

• Buat aplikasi ASP.NET Core dengan Angular
• Buat aplikasi ASP.NET Core dengan React
• Membuat aplikasi ASP.NET Core dengan Vue
• JavaScript dan TypeScript di Visual Studio

Menggabungkan beberapa solusi antarmuka pengguna web: ASP.NET Core MVC atau Razor Pages plus Blazor

MVC, Razor Pages, dan Blazor merupakan bagian dari kerangka kerja ASP.NET Core dan dirancang untuk digunakan bersama-sama. Razor komponen dapat diintegrasikan ke dalam Razor aplikasi Pages dan MVC. Saat tampilan atau halaman dirender, komponen dapat dirender secara bersamaan.

Manfaat untuk MVC atau Razor Pages plus Blazor, selain manfaat MVC atau Razor Pages:

• Pra-penyajian menjalankan Razor komponen di server dan merendernya ke dalam tampilan atau halaman, yang meningkatkan waktu pemuatan aplikasi yang dirasakan.
• Tambahkan interaktivitas ke tampilan atau halaman yang ada dengan Pembantu Tag Komponen.

Untuk mulai menggunakan ASP.NET Core MVC atau Razor Pages plus Blazor, lihat Mengintegrasikan komponen ASP.NET Core Razor ke dalam aplikasi ASP.NET Core.

Langkah berikutnya

Untuk informasi selengkapnya, lihat:

• ASP.NET Core Blazor
• Model hosting Blazor ASP.NET Core
• Mengintegrasikan komponen ASP.NET Core Razor ke dalam aplikasi ASP.NET Core
• Membandingkan layanan gRPC dengan API HTTP