Mulai menggunakan ASP.NET MVC 5
oleh Rick Anderson
Catatan
Versi terbaru dari tutorial ini tersedia di sini menggunakan versi terbaru Visual Studio. Tutorial baru menggunakan ASP.NET Core MVC, yang memberikan banyak peningkatan atas tutorial ini.
Tutorial ini mengajarkan ASP.NET Core MVC dengan pengontrol dan tampilan. Razor Pages adalah alternatif baru dalam ASP.NET Core, model pemrograman berbasis halaman yang membuat membangun UI web lebih mudah dan lebih produktif. Kami sarankan Anda mencoba tutorial Razor Pages sebelum versi MVC. Tutorial Halaman Razor:
- Lebih mudah diikuti.
- Mencakup lebih banyak fitur.
- Adalah pendekatan yang disukai untuk pengembangan aplikasi baru.
Tutorial ini mengajarkan dasar-dasar membangun aplikasi web MVC 5 ASP.NET menggunakan Visual Studio 2017. Kode sumber akhir untuk tutorial terletak di GitHub.
Tutorial ini ditulis oleh Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ), dan Rick Anderson ( @RickAndMSFT )
Anda memerlukan akun Azure untuk menyebarkan aplikasi ini ke Azure:
- Anda dapat membuka akun Azure secara gratis - Anda mendapatkan kredit yang dapat Anda gunakan untuk mencoba layanan Azure berbayar, dan bahkan setelah habis, Anda dapat menyimpan akun dan menggunakan layanan Azure gratis.
- Anda dapat mengaktifkan manfaat pelanggan MSDN - Langganan MSDN Anda memberi Anda kredit setiap bulan yang dapat Anda gunakan untuk layanan Azure berbayar.
Mulai
Mulailah dengan menginstal Visual Studio 2017. Kemudian, buka Visual Studio.
Visual Studio adalah IDE, atau lingkungan pengembangan terintegrasi. Sama seperti Anda menggunakan Microsoft Word untuk menulis dokumen, Anda akan menggunakan IDE untuk membuat aplikasi. Di Visual Studio, ada daftar di sepanjang bagian bawah yang menampilkan berbagai opsi yang tersedia untuk Anda. Ada juga menu yang menyediakan cara lain untuk melakukan tugas di IDE. Misalnya, alih-alih memilih Proyek Baru di halaman Mulai, Anda dapat menggunakan bilah menu dan memilih File>Proyek Baru.
Buat aplikasi pertama Anda
Pada halaman Mulai, pilih Proyek Baru. Dalam kotak dialog Proyek baru, pilih kategori Visual C# di sebelah kiri, lalu Web, lalu pilih templat proyek ASP.NET Web Application (.NET Framework). Beri nama proyek Anda "MvcMovie" lalu pilih OK.
Dalam dialog Aplikasi Web ASP.NET Baru , pilih MVC lalu pilih OK.
Visual Studio menggunakan templat default untuk proyek MVC ASP.NET yang baru saja Anda buat, sehingga Anda memiliki aplikasi yang berfungsi sekarang tanpa melakukan apa pun! Ini adalah proyek "Halo Dunia!" sederhana, dan ini adalah tempat yang baik untuk memulai aplikasi Anda.
Tekan F5 untuk mulai menelusuri kesalahan. Saat Anda menekan F5, Visual Studio memulai IIS Express dan menjalankan aplikasi web Anda. Visual Studio kemudian meluncurkan browser dan membuka halaman beranda aplikasi. Perhatikan bahwa bilah alamat browser mengatakan localhost:port# dan bukan sesuatu seperti example.com. Itu karena localhost selalu menunjuk ke komputer lokal Anda sendiri, yang dalam hal ini menjalankan aplikasi yang baru saja Anda bangun. Saat Visual Studio menjalankan proyek web, port acak digunakan untuk server web. Pada gambar di bawah ini, nomor port adalah 1234. Saat menjalankan aplikasi, Anda akan melihat nomor port yang berbeda.
Langsung dari kotak templat default ini memberi Anda Homehalaman , , Contactdan About . Gambar di bawah ini tidak menampilkan tautan Beranda, Tentang, dan Kontak . Bergantung pada ukuran jendela browser Anda, Anda mungkin perlu mengklik ikon navigasi untuk melihat tautan ini.
Aplikasi ini juga menyediakan dukungan untuk mendaftar dan masuk. Langkah selanjutnya adalah mengubah cara kerja aplikasi ini dan belajar sedikit tentang ASP.NET MVC. Tutup aplikasi MVC ASP.NET dan mari kita ubah beberapa kode.
Untuk daftar tutorial saat ini, lihat artikel yang direkomendasikan MVC.