ASP.NET MVC - Görünüm

ASP.NET MVC öğrenmek için bir İnternet uygulaması inşa edeceğiz.

Bölüm 5:Uygulamanın görüntülenmesini sağlamak için kullanılan görünümleri ekleyin.

Views klasörü

Views Klasörler, uygulamanın görüntülenmesi (kullanıcı arayüzü) ile ilgili dosyaları (HTML dosyaları) saklar. Dil farklılıklarına göre, bu dosyaların uzantıları html, asp, aspx, cshtml ve vbhtml olabilir.

Views klasörü, her kontrolör için bir klasör içerir.

Visual Web Developer bir Account klasörü, bir Home klasörü ve Views klasörü içinde bir Shared klasör oluşturdu.

Account klasörü, kullanıcı hesaplarını kaydetmek ve giriş yapmak için kullanılan sayfaları içerir.

Home klasörü, ana sayfa ve hakkında sayfası gibi uygulama sayfalarını depolamak için kullanılır.

Shared klasörü, kontrolcüler arasında paylaşılan görünümleri (şablon sayfaları ve düzen sayfaları) depolamak için kullanılır.

ASP.NET Dosya Türleri

Views klasöründe aşağıdaki HTML dosya türlerini bulabilirsiniz:

Dosya Türü Uzantı
Temiz HTML .htm veya .html
Klasik ASP .asp
Klasik ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Index Dosyası

Dosya Index.cshtml, uygulamanın ana sayfasını temsil eder. Bu, uygulamanın varsayılan dosyasıdır (ana sayfa dosyası).

Aşağıdaki içeriği dosyaya yazın:

@{ViewBag.Title = "Ana Sayfa";}
<h1>Hoş Geldiniz CodeW3C.com'a</h1>
<p>Burada Ana Sayfa içeriği konumlandırın</p>

About Dosyası

Dosya About.cshtml, uygulamanın hakkında sayfasını temsil eder. Uygulamanın hakkında sayfasıdır.

Aşağıdaki içeriği dosyaya yazın:

@{ViewBag.Title = "Hakkında";}
<h1>Hakkında</h1>
<p>Burada Hakkında İçerik konumlandırın</p>

Uygulamayı Çalıştır

Hata ayıklama seçeneğini seçin ve hata ayıklama menüsünden hata ayıklamayı başlatın (veya F5 tuşuna basın).

Uygulamanız şöyle görünecek:

“Ana Sayfa” ve “Hakkında”’ya tıklayarak nasıl çalıştığını görmek için lütfen tıklayın.

Tebrikler

Tebrikler. İlk MVC uygulamanızı oluşturmayı başardınız.

Açıklama:“Film” sekmesi hala tıklanamıyor. Bu rehberin daha ileriki bölümlerinde “Film” sekmesine kod ekleyeceğiz.