Bagikan melalui


Mulai menggunakan ASP.NET Core MVC

Catatan

Ini bukan versi terbaru dari artikel ini. Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.

Peringatan

Versi ASP.NET Core ini tidak lagi didukung. Untuk informasi selengkapnya, lihat Kebijakan Dukungan .NET dan .NET Core. Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.

Penting

Informasi ini berkaitan dengan produk pra-rilis yang mungkin dimodifikasi secara substansial sebelum dirilis secara komersial. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.

Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.

Oleh Rick Anderson

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola, memvalidasi, dan menampilkan data film. Anda akan mempelajari cara untuk:

  • Membuat aplikasi web.
  • Tambahkan dan perancah model.
  • Bekerja dengan database.
  • Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

  • Pratinjau Visual Studio 2022 dengan beban kerja pengembangan ASP.NET dan web.

    Beban kerja alat penginstal VS22

Membuat aplikasi web

  • Mulai Visual Studio dan pilih Buat proyek baru.
  • Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
  • Dalam dialog Konfigurasikan proyek baru Anda:
    • Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
    • Lokasi untuk proyek dapat diatur ke mana saja.
  • Pilih Selanjutnya.
  • Dalam dialog Informasi tambahan:
    • Pilih .NET 9.0 (Pratinjau).
    • Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
  • Pilih Buat.

Dialog info tambahan

Untuk informasi selengkapnya, termasuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

  • Adalah aplikasi yang berfungsi.
  • Adalah proyek pemula dasar.

Menjalankan aplikasi

  • Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

    Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

    Proyek ini dikonfigurasi untuk menggunakan SSL. Untuk menghindari peringatan SSL di browser, Anda dapat memilih untuk mempercayai sertifikat yang ditandatangani sendiri yang telah dihasilkan IIS Express. Apakah Anda ingin mempercayai sertifikat IIS Express SSL?

    Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

    Dialog berikut ditampilkan:

    Dialog peringatan keamanan

    Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

    Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:

  • Buat perubahan kode.
  • Simpan file.
  • Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu Mulai Debug dan Mulai Tanpa Penelusuran Kesalahan

Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:

Tombol debug MvcMovie

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

  • Tutup jendela browser. Visual Studio akan menghentikan aplikasi.

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

  • Membuat aplikasi web.
  • Tambahkan dan perancah model.
  • Bekerja dengan database.
  • Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Membuat aplikasi web

  • Mulai Visual Studio dan pilih Buat proyek baru.
  • Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
  • Dalam dialog Konfigurasikan proyek baru Anda:
    • Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
    • Lokasi untuk proyek dapat diatur ke mana saja.
  • Pilih Selanjutnya.
  • Dalam dialog Informasi tambahan:
    • Pilih .NET 8.0 (Dukungan Jangka Panjang).
    • Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
  • Pilih Buat.

Dialog info tambahan

Untuk informasi selengkapnya, termasuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

  • Adalah aplikasi yang berfungsi.
  • Adalah proyek pemula dasar.

Menjalankan aplikasi

  • Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

    Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

    Proyek ini dikonfigurasi untuk menggunakan SSL. Untuk menghindari peringatan SSL di browser, Anda dapat memilih untuk mempercayai sertifikat yang ditandatangani sendiri yang telah dihasilkan IIS Express. Apakah Anda ingin mempercayai sertifikat IIS Express SSL?

    Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

    Dialog berikut ditampilkan:

    Dialog peringatan keamanan

    Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

    Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:

  • Buat perubahan kode.
  • Simpan file.
  • Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu Mulai Debug dan Mulai Tanpa Penelusuran Kesalahan

Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:

Tombol debug MvcMovie

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

  • Tutup jendela browser. Visual Studio akan menghentikan aplikasi.

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

  • Membuat aplikasi web.
  • Tambahkan dan perancah model.
  • Bekerja dengan database.
  • Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Membuat aplikasi web

  • Mulai Visual Studio dan pilih Buat proyek baru.
  • Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
  • Dalam dialog Konfigurasikan proyek baru Anda:
    • Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
    • Lokasi untuk proyek dapat diatur ke mana saja.
  • Pilih Selanjutnya.
  • Dalam dialog Informasi tambahan:
    • Pilih .NET 7.0.
    • Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
  • Pilih Buat.

Dialog info tambahan

Untuk informasi selengkapnya, termasuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

  • Adalah aplikasi yang berfungsi.
  • Adalah proyek pemula dasar.

Menjalankan aplikasi

  • Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger. Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:Proyek ini dikonfigurasi untuk menggunakan SSL. Untuk menghindari peringatan SSL di browser, Anda dapat memilih untuk mempercayai sertifikat yang ditandatangani sendiri yang telah dihasilkan IIS Express. Apakah Anda ingin mempercayai sertifikat IIS Express SSL?Pilih Ya jika Anda mempercayai sertifikat SSL Ekspres IIS. Dialog berikut ditampilkan:Dialog peringatan keamananPilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan. Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:

  • Buat perubahan kode.
  • Simpan file.
  • Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:

Tombol debug MvcMovie

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

  • Tutup jendela browser. Visual Studio akan menghentikan aplikasi.

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

  • Membuat aplikasi web.
  • Tambahkan dan perancah model.
  • Bekerja dengan database.
  • Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Membuat aplikasi web

  • Mulai Visual Studio dan pilih Buat proyek baru.
  • Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
  • Dalam dialog Konfigurasikan proyek baru Anda, masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
  • Pilih Selanjutnya.
  • Dalam dialog Informasi tambahan, pilih .NET 6.0 (Dukungan jangka panjang).
  • Pilih Buat.

Dialog info tambahan

Untuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

  • Adalah aplikasi yang berfungsi.
  • Adalah proyek pemula dasar.

Menjalankan aplikasi

  • Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

    Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

    Proyek ini dikonfigurasi untuk menggunakan SSL. Untuk menghindari peringatan SSL di browser, Anda dapat memilih untuk mempercayai sertifikat yang ditandatangani sendiri yang telah dihasilkan IIS Express. Apakah Anda ingin mempercayai sertifikat IIS Express SSL?

    Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

    Dialog berikut ditampilkan:

    Dialog peringatan keamanan

    Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

    Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:

  • Buat perubahan kode.
  • Simpan file.
  • Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol MvcMovie di toolbar:

Tombol debug MvcMovie

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

  • Membuat aplikasi web.
  • Tambahkan dan perancah model.
  • Bekerja dengan database.
  • Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Membuat aplikasi web

  • Mulai Visual Studio dan pilih Buat proyek baru.
  • Dalam dialog Buat proyek baru, pilih ASP.NET Core Web Application>Next.
  • Dalam dialog Konfigurasikan proyek baru Anda, masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan setiap namespace kecocokan ketika kode disalin.
  • Pilih Buat.
  • Dalam dialog Buat aplikasi web ASP.NET Core baru, pilih:
    • .NET Core dan ASP.NET Core 5.0 di menu dropdown.
    • ASP.NET Core Web App (Model-View-Controller).
    • Buat.

Membuat Aplikasi web ASP.NET Core baru

Untuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

  • Adalah aplikasi yang berfungsi.
  • Adalah proyek pemula dasar.

Menjalankan aplikasi

  • Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

    Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

    Proyek ini dikonfigurasi untuk menggunakan SSL. Untuk menghindari peringatan SSL di browser, Anda dapat memilih untuk mempercayai sertifikat yang ditandatangani sendiri yang telah dihasilkan IIS Express. Apakah Anda ingin mempercayai sertifikat IIS Express SSL?

    Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

    Dialog berikut ditampilkan:

    Dialog peringatan keamanan

    Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

    Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

    Visual Studio:

    Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:

  • Buat perubahan kode.
  • Simpan file.
  • Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol IIS Express

IIS Express

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Di bagian berikutnya dari tutorial ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

  • Membuat aplikasi web.
  • Tambahkan dan perancah model.
  • Bekerja dengan database.
  • Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Membuat aplikasi web

  • Dari Visual Studio, pilih Buat proyek baru.

  • Pilih ASP.NET Core Web Application>Berikutnya.

    Membuat proyek ASP.NET Core Web Application baru

  • Beri nama proyek MvcMovie dan pilih Buat. Penting untuk memberi nama proyek MvcMovie sehingga ketika Anda menyalin kode, namespace akan cocok.

    Mengonfigurasi proyek baru Anda

  • Pilih Aplikasi Web (Model-View-Controller). Dari kotak dropdown, pilih .NET Core dan ASP.NET Core 3.1, lalu pilih Buat.

    Dialog proyek baru, .NET Core di panel kiri, web ASP.NET Core

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

  • Adalah aplikasi yang berfungsi.
  • Adalah proyek pemula dasar.

Menjalankan aplikasi

  • Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa penelusuran kesalahan.

    Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

    Proyek ini dikonfigurasi untuk menggunakan SSL. Untuk menghindari peringatan SSL di browser, Anda dapat memilih untuk mempercayai sertifikat yang ditandatangani sendiri yang telah dihasilkan IIS Express. Apakah Anda ingin mempercayai sertifikat IIS Express SSL?

    Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

    Dialog berikut ditampilkan:

    Dialog peringatan keamanan

    Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

    Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

    Visual Studio:

    Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:

  • Buat perubahan kode.
  • Simpan file.
  • Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol IIS Express

IIS Express

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Di bagian berikutnya dari tutorial ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.