Asp.Net MVC Projesi Nasıl Oluşturulur? (Resimli Anlatım)

Merhaba Arkadaşlar,
Bir önceki yazımızda Asp.Net MVC Nedir?  kısaca bahsetmiştik.Eğer okumadıysanız önce onu okumanızı tavsiye ederim.Şimdi ise Visual Studio ile boş bir Mvc Projesi Nasıl Oluşturulur onu inceleyeceğiz.Her adımı resimli anlatmaya çalışacağım.Haydi başlayalım.

1 – Visual Studio’yu açalım.Ve Menu’den, File -> New -> Project yolunu izleyelim.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-1

2 – Gelen ekranda sol menüden Web sekmesine tıklayıp, ASP.NET Web Application’ı seçiyoruz.Aşağı kısımda Projenin adını, Proje nin nereye kayıt edileceğini, Solution’ın adını belirtiyoruz ve OK’a basıyoruz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-2

3 – Boş bir proje oluşturacağımız için Empty seçip ,MVC kutucuğunu tıklayıp OK’a basıyoruz.İlerleyen makalelerde hazır MVC Projeleri Nasıl Oluşturulur? onları da öğreneceğiz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-3

4 –  Evet boş projemiz gördüğünüz gibi oluştu.Boş bir MVC Projesinin yapısı bu şekilde.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-4

5 – Şimdi ise ilk Controller’ımızı ekleyelim.Controllers klasörüne sağ tıklayıp Add -> Controlleryolunu izliyoruz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-5

6 – MVC 5 Controller – Empty seçip Add’e tıklıyoruz.Yine ilerleyen makalelerde diğer seçenekleride kullanıp öğreneceğiz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-6

7 – Controller’a Home ismini veriyorum.Bunun nedenini Route konusuna geldiğimizde daha detaylı öğreneceğiz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-7

8 – Gördüğünüz gibi Controllers klasörü altında HomeController ve bu Controller içerisindeIndex Action‘ımız oluştu.Views Klasörü içerisinde de Controller ile aynı isimde yani Home isminde bir klasör daha oluştu.HomeController’dan oluşturulacak View’lar , Home klasörünün içerisinde oluşacak.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-8

9 – Şimdi ilk View sayfamızı oluşturmak için Index Action’ımızın içerisinde herhangi bir yere sağ tıklayıp Add View diyoruz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-9

10 – Gelen ekranda View name soruyor.Index olarak bırakıyorum.Varsayılan olarak Use a layout page seçili geliyor.Şu an Layout kullanmayacağız bu yüzden seçimi kaldırıyoruz veAdd diyoruz.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-10

11 – Gördüğünüz gibi Home klasörü içerisinde Index View’ımız oluştu.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-11

12 – Index sayfamıza sağ tıklayıp View in Browser dediğimizde sayfamız artık tarayıcıda görüntülenecektir.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-12

13 – Ve ilk Mvc Projemizi oluşturup sayfamızı tarayıcıda görüntülemiş olduk.

aspnet-mvc-projesi-nasil-olusturulur-resimli-anlatim-13

Bir sonraki makalemizde Asp.Net MVC Layout Nedir ve Nasıl Kullanılır? onu öğreneceğiz.

Yeni bir makalede görüşmek üzere…

Leave a Reply

WEB TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +