Asp.Net MVC, Microsoft’un Asp.

Net teknolojisi üzerine MVC tasarımını giydirmesi

ile oluşturmuştur.

Bu yapı sayesinde büyük çaplı projelerde projenin yönetimi kolaylaşacak, yazılımın

performansında artış görülebilecek,yazılan kodların yeniden kullanımı(reusablity)

artacağından hem daha hızlı yazılım geliştirme yapılabilecek, hem de testleri daha

kolaylaştırması amaçlanmıştır. ASP.Net MVC katkılarını:

 Performans: ASP.NET MVC’de ASP.NET Web Forms (2002 yılında ilk

versiyonu çıkan web geliştirme ortamı)’un en önemli özelliklerinden biri olan

ViewState kavramı bulunmadığı için durum yönetimi yazılım geliştirici

tarafından yapılmak durumundadır. ASP.NET Web Forms’ta durum

yönetimleri otomatik olarak yapıldığından dolayı sayfaların performansı

Asp.Net MVC sayfalarına göre daha düşüktür.

 Reusability (Yeniden Kullanılabilirlik): ASP.NET Web Forms’ta sayfa içerisine

yazılan kodlar (sunucu taraflı) o sayfaya yada kontrole özgü olmak

durumundadır. ASP.NET MVC’de yazılan kodlar ise kontrollerden tamamen

bağımsız olduğu için birden çok yerden aynı kod çağırılıp

kullanılabilmektedir. Bu da kodların yeniden yazılmasının önüne geçer.

 Test Driven Development: ASP.NET MVC’de yazılan kodlar kontrollere yada

sayfaya özgü olmadığı (bağımsız yazıldığı) için kolaylıkla test edilebilir

durumdadır. Bu sebeple ASP.NET MVC ile geliştirilen projeler Test Driven

Development’a uygundur.

 Yazılım Geliştirme Süresi Daha Kısa: Katmanlar birbirinden farklı

olduğundan farklı yazılım geliştiriciler farklı katmanlarda aynı işlem için eş

zamanlı olarak kodlama yapabilirler. Örneğin bir kişi yapılacak işlemin

Modelini kodlarken biri Controllerı bir diğeri de View katmanını eş zamanlı

olarak kodlayabilir. ASP.NET Web Forms’ta bir işlem için sadece bir kişinin

kodlama yapması uygundur.

 Kontrollerin Yönetimi İçin Client Side Development(İstemci Taraflı

Geliştirme): Sayfa içerisine yerleştirilen HTML kontrollerinin yönetimi ve

sunucuya istek gönderimi için ASP.NET MVC’de Javascript ve JQuery gibi

istemci taraflı teknolojiler kullanılmaktadır.

Startup.cs

Default kontroller tanımlama

Startup.cs

şimdi deneyelim…

Startup.Cs Son hali

MoviesController.cs

Dinamik View ekleme

Views->Home-->Index.cshtml içeriği

Ders-2

Home Controller cs içinde Index Action a

Vt dan geldiğini varsaydığımız değişkenler içine bilgiler yazılıyor.

İndex.cshtml içeriği
MODEL

Model klasörü altında oluşturduğumuz Movie.cs sınıfının içeriği

HomeController.cs içeriği
İndex.cshtml içeriği

Düzenleme sonrası index.cshtml aşağıda…

Filmler.cshtml son hali

FILMLER.CSHTML E STYLE EKLEME (CSS)

AYNI STİL İ INDEX.CSHHTML DOSYASINA DA EKLEYELİM

Şimdi resimler klasörünü yapmıştık.. bu resimleri dinamik olarak erişmek için sitedeki bilgileri çekmek
için model yapımızı kullanıyorduk….

O zaman modele reismlerin isimlerini çekebilmeliyiz

Film.cs model dosyasının son hali

FilmlerController dosyasının içi

Şeklinde filmler olacak

Dışarıya Klasör açnak için GOOGLE da .net core stat,cfiles araması yaparak Microsoftun sitesine
gideriz aşağıdaki kodu bulalım .app.UseStaticFiles(); midelware ini ekleyerek wwwroot klasörünü
erişime açmış olduk. Başka bir klasörü açmak istersek

Bu kodu Startup.cs dosyasına Configure methodunun altına ekleyelim

Daha sonra eklediğimiz MystaticFles adında bir klasör açalım altına image klasörü açalım image
altındaki rose.jpg dosyasına

Şeklinde ulaşılabilir. Tilda işaretini kullanmaya gerek yok.

Navbar eklemek için Filmler.cshtml dosyasının başına Bootstrap sitesinden dosyanın bağlantısını
alıyoruz ve ilgili sayfaya ekliyoruz

Body in hemen altına aşağıdaki kodu eklemeliyiz..

Mr auto ile margin right diyoruz sağ taraftan sol tarafa linkleri itmiş olucaz bu şekilde…sola hizalamış
olacağız bu şekilde.
Çalıştırıyoruz filmler/list yazıyoruz .. kırmızı zemine menumuz geliyor..ikona tıkladığımızda açılmıyor…

Bunun için javascript eklememiz gerekecek..

Layout Ekleme

Patial View de Düzenleme Layout.cshtml

14-Sections,
Parçalı View kodu section ın içine taşıyorum.

Zorunluluğu kaldırmak için Layout dosyasına Section kısmına False kodunu

ekleriz

2. bir örnek yapalım her sayfada olmayacak script ekleyelim. Layout a gidip

kodunu ekleyelim
Sonra js klasörüne bir script.js dosyası ekleyelim ve içine

yazalım
index sayfamıza js dosyamızı çağıralım.

LAyout a alternatif bir satır kodu ekleme

Menu olan ve olmayan sayfalar için Layoutun düzenlenmesi

Daha öncedden tanımlanmış bir menü section ı var mı diye kontrol ediyoruz.
Eğer varsa if bloğunun içindeki 3-9 luk bloklu yapı değilse 12 blok lu yapı
çalıacak.
eğer menü varsa partila
menunun çalışmasını
istemiyorum. O kısmmı
renderSection ile
değiştirelim.

Şimdi ana sayfada menü istemiyorum ama filmler sayfasında istiyorum o

zaman filmler cs html gidip bir section eklemeliyim
Çalıştırıp deneyelim yazınca ana
sayfada menü gelmeyecek ama
filmler cshtml çalısınca menü diye
bir section tanımladığımız için ve
burada da parçalı View ile _menu
sayfası çağrıldığı için menü gelecek.
Ders -15 Partial View e Veri gönderme

İndex e partial View i ekleme

Fimler.cshtml e de aynı işlemi yapalım..