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

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 yazılarda 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 -> Controller yolunu 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çerisinde Index 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 ve Add 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 yazımızda Asp.Net MVC Layout Nedir ve Nasıl Kullanılır? onu öğreneceğiz.

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Yorum Yazın