ASP.NET MVC - Tampilan

Untuk belajar ASP.NET MVC, kita akan membangun aplikasi Internet.

Bagian 5:Tambahkan tampilan untuk menampilkan aplikasi.

Folder Views

Views Folder menyimpan file yang berhubungan dengan tampilan aplikasi (antarmuka pengguna) (file HTML). Menurut bahasa yang berbeda, ekstensi file ini mungkin html, asp, aspx, cshtml, dan vbhtml.

Folder Views mengandung folder yang masing-masing berhubungan dengan setiap kontroler.

Visual Web Developer telah membuat sebuah folder Account, sebuah folder Home, dan sebuah folder Shared (dalam folder Views).

Folder Account mengandung halaman untuk mendaftarkan dan masuk ke akun pengguna.

Folder Home digunakan untuk menyimpan halaman aplikasi seperti halaman beranda dan tentang.

Folder Shared digunakan untuk menyimpan tampilan yang dibagikan antar kontroler (halaman template dan layout).

Jenis Berkas ASP.NET

Berkas HTML berikut dapat ditemukan di folder Views:

Jenis Berkas Ekstensi
HTML Asli .htm atau .html
ASP Klasik .asp
ASP.NET Klasik .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Berkas Index

Berkas Index.cshtml mewakili halaman beranda aplikasi. Ini adalah berkas default aplikasi (berkas beranda).

Tulis konten berikut ke dalam berkas:

@{ViewBag.Title = "Halaman Beranda";}
<h1>Selamat Datang di CodeW3C.com</h1>
<p>Tempatkan konten Halaman Beranda disini</p>

Berkas About

Berkas About.cshtml mewakili halaman 'Tentang' aplikasi.

Tulis konten berikut ke dalam berkas:

@{ViewBag.Title = "Tentang Kita";}
<h1>Tentang Kita</h1>
<p>Tempatkan konten 'Tentang Kita' disini</p>

Jalankan Aplikasi

Pilih Debug, mulai debug dari menu Debug (atau tekan F5).

Aplikasi Anda akan seperti ini:

Klik 'Beranda' dan 'Tentang', lihat bagaimana cara kerjanya berjalan.

Selamat!

Selamat! Anda sudah membuat aplikasi MVC pertama Anda.

Keterangan:Tab 'Film' tetap tidak dapat di klik. Kita akan menambahkan kode untuk tab 'Film' di bab yang akan datang di tutorial ini.