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 UI ASP.NET Core, 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 mempelajari cara:
Instruksi Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti instruksi ini di macOS, Linux, atau Windows dan dengan editor kode apa pun. Perubahan kecil mungkin diperlukan jika Anda menggunakan sesuatu selain Visual Studio Code.
Untuk Visual Studio untuk Mac, lihat versi .NET 5 dari tutorial ini.
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).
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.
Refresh browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol MvcMovie di toolbar:
Gambar berikut menunjukkan aplikasi:
Pilih Ctrl+F5 untuk dijalankan tanpa debugger.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya tidak berfungsi di Linux. Lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Refresh browser dengan cepat dan lihat perubahan kode.
Untuk Visual Studio untuk Mac, lihat versi .NET 5 dari tutorial ini.
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 mempelajari cara:
Instruksi Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti instruksi ini di macOS, Linux, atau Windows dan dengan editor kode apa pun. Perubahan kecil mungkin diperlukan jika Anda menggunakan sesuatu selain Visual Studio Code.
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 saat kode disalin.
Pilih Buat.
Dalam dialog Buat aplikasi web ASP.NET Core baru , pilih:
Jika kotak dialog muncul dengan Aset yang diperlukan untuk membangun dan men-debug hilang dari 'MvcMovie'. Tambahkan?, pilih Ya
dotnet new mvc -o MvcMovie: Membuat proyek ASP.NET Core MVC baru di folder MvcMovie .
code -r MvcMovie: Memuat MvcMovie.csproj file proyek dalam Visual Studio Code.
Pilih File>Solusi Baru.
Di Visual Studio untuk Mac yang lebih lama dari versi 8.6, pilih .NET Core>App>Web Application (Model-View-Controller)>Berikutnya. Di versi 8.6 atau yang lebih baru, pilih Aplikasi Web dan Konsol>Aplikasi>Web (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan Aplikasi Web baru Anda :
Konfirmasikan bahwa Autentikasi diatur ke Tanpa Autentikasi.
Jika opsi untuk memilih Kerangka Kerja Target disajikan, pilih versi 5.x terbaru.
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.
Refresh browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol IIS Express
Gambar berikut menunjukkan aplikasi:
Pilih Ctrl+F5 untuk dijalankan tanpa debugger.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya tidak berfungsi di Linux. Lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat tidak dipercaya sebelumnya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Refresh browser dengan cepat dan lihat perubahan kode.
Pilih Jalankan>Mulai Tanpa Penelusuran Kesalahan untuk meluncurkan aplikasi.
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.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Jalankan .
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 mempelajari cara:
Instruksi Visual Studio Code menggunakan .NET Core CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti instruksi ini di platform apa pun (macOS, Linux, atau Windows) dan dengan editor kode apa pun. Perubahan kecil mungkin diperlukan jika Anda menggunakan sesuatu selain Visual Studio Code. Untuk informasi selengkapnya tentang menginstal Visual Studio Code di macOS, lihat Visual Studio Code di macOS.
Ubah direktori (cd) ke folder yang akan berisi proyek.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Kotak dialog muncul dengan Aset yang diperlukan untuk membangun dan men-debug hilang dari 'MvcMovie'. Tambahkan?, pilih Ya.
dotnet new mvc -o MvcMovie: Membuat proyek ASP.NET Core MVC baru di folder MvcMovie .
code -r MvcMovie: Memuat MvcMovie.csproj file proyek dalam Visual Studio Code.
Pilih File>Solusi Baru.
Di Visual Studio untuk Mac yang lebih lama dari versi 8.6, pilih .NET Core>App>Web Application (Model-View-Controller)>Berikutnya. Di versi 8.6 atau yang lebih baru, pilih Aplikasi Web dan Konsol>Aplikasi>Web (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan Aplikasi Web baru Anda :
Konfirmasikan bahwa Autentikasi diatur ke Tidak Ada Autentikasi.
Jika opsi untuk memilih Kerangka Kerja Target disajikan, pilih versi 3.x terbaru.
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.
Refresh browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol IIS Express
Gambar berikut menunjukkan aplikasi:
Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa penelusuran kesalahan.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya tidak berfungsi di Linux. Lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Refresh browser dengan cepat dan lihat perubahan kode.
Pilih Jalankan>Mulai Tanpa Penelusuran Kesalahan untuk meluncurkan aplikasi.
Visual Studio untuk Mac: memulai Kestrel server, meluncurkan browser, dan menavigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak.
Visual Studio untuk Mac menampilkan popup berikut:
Pilih Ya jika Anda mempercayai sertifikat pengembangan.
Dialog berikut ditampilkan:
Masukkan kata sandi Anda dan pilih OK
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan.
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. Saat menjalankan aplikasi, Anda akan melihat nomor port yang berbeda.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Jalankan .
