İlk MVC yazımızda nereden indirebileceğinize dair link'i ve bilgi alacağınız bir kaç sitenin ismini vermiştim. Şimdi MVC'yi kurduktan sonra ilk sitemizi oluşturmaya başlamanın zamanı geldi.
Uygulamamızı Oluşturalım
İlk olarak Create > New Project dedikten sonra Web bölümünden Asp.net MVC Web Application'u seçiyoruz. Daha sonra Create Unit Test diye bir bölüm geliyor ve buradan da No, do not create a unit test project'i seçiyoruz.
Neler Oluşmuş ?
Sol tarafta da gördüğünüz gibi bir takım klasör ve sayfalar oluştu. Şimdi öncelikle bunların ne olduğuna kısaca değinelim.
Content : Burada Css, Imaj ve benzeri dosyalarınızı barındırabileceğiniz alan. (Başka klasörde barındıramazmıyım diyene, Evet cevabını veriyorum :))
Controllers : Burada MVC'nin Controller adımını oluşturan kodlar ve fonksiyonlarımız bulunuyor.
Models : Burada MVC'nin Model adımını oluşturuyor. Data Modellerimiz ve web sitemizin yapısı içerisinde kullanabileceğimiz modellerimizi burada barındırıyoruz.
Scripts : Adından da belli olduğu gibi script dosyalarımız bulunuyor burada. Klasörü genişlettiğinizde MVC ile alakalı Script dosyalarının ve jquery dosyalarının burada olduğunu görebilirsiniz.
Views : MVC'nin son adımı olarak da diyebileceğimiz kullanıcının karşısına sunulan görünüm bölümü. Site tasarımı ile alakalı yaptığımız bütün işlemleri bu dosyalar üzerinden gerçekleştiriyoruz.
Evet bunlardan bahsettikten sonra şimdi olayı biraz açalım. Öncelikle projemizi bir test edelim bakalım ne ile karşılaşıyoruz. Aşağıda MVC Application'un default olarak oluşturduğu Web Projesinin çalışmış hali var.
Yukarıyı inceledikten sonra hemen açalım mevzuyu.
Views klasörünü genişlettiğinizde karşınıza Account, Home, Shared şeklinde 3 klasör çıkar. Bunlardan Account klasörü Acount işlemlerinin gerçekleştirildiği sayfaları içinde barındıran klasör. Home bölümü Ana sayfaların içerisinde barındırıldığı bölüm. Shared bölümü ise adından da anlaşıldığı gibi sitenin tüm alanlarında kullanılacak Masterpage'ler, Webcontroller, Error sayfaları vb. içeriklerin barındırıldığı bölüm.
Devam edelim gördüklerimiz üzerine :)
Gördüğünüz şablon dosyası Views / Shared / Site.Master dosyasında barındırılıyor. Bu master page üzerinden şablonunuza istediğiniz biçimi, şekili ve düzeni verebilirsiniz bu sizin tasarımcılığıza kalmış.
Home, About : Bu navigasyon menüsü yine Views / Shared / Site.master dosyası içerisinden düzenlenebilir bir yapı.
Gördüğünüz beyaz alan ise sayfalarımızın çağrıldığı alan.
Yeni bir sayfa oluşturmak ve içerikleri düzenlemek
Şimdi Controllers / HomeController.cs dosyasını açalım. İlk oluşturulan içerik aşağıdaki gibidir.
Yeni bir sayfa oluşturmak istediğimizde yazmamız gereken kod aşağıdaki gibidir. Ben Resimlerim diye bir sayfa oluşturmak istiyorum ve ona göre yazdım.
public ActionResult Resimlerim()
{
return View();
}
Daha sonra ise yapacağımız işlem sağ tuş ile Resimlerim yazan bölüme tıklamak ve Add View.. komutunu vermek. Burada yaptığı işlem bizim yerimize bu fonksiyon ile alakalı görünümü oluşturmak. Komutu verdiğimizde aşağıdaki gibi bir pencere gelmesi gerekiyor.
Add butonuna bastığımızda Home klasörünün altına bizim için gerekli görünüm sayfasını oluşturacaktır.
Sonrasında
Evet. İşin temeli basit olarak böyle. Ben sizinle yaptığımı paylaşayım.
Index, About, Resimlerim diye 3 tane sayfam oldu ve bu sayfaları kendime göre düzenledim. Views/Shared/Site.Master sayfasında bulunan Navigasyonda aşağıdaki gibi bir değişiklik;
yaptıktan sonra Views / Home klasörü altındaki sayfaları ve yine Shared klasöründe bulunan Site.Master sayfasınında da tekrar ufak tefek değişiklikler yaptım. Sonra aşağıdaki gibi bir görüntü çıktı orataya.
Aynı zamanda url'ler UrlRewriting yapılmış bir şekilde geliyor.
Ben Resimlerim sayfasındayken http://site/Home/Resimlerim şeklinde bir link ile karşılaşmış oluyorum.
Şimdilik anlatacaklarım bu kadar. Zaman ilerledikçe MVC'ye derinlemesine bakma fırsatımız olacak inşallah.
Faydalı olabilmek dileği ile Selametle...